@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Inter+Tight:wght@500;600;700;800;900&display=swap');
:root{--bg:#050811;--bg-2:#08101c;--surface:#0d1626;--surface-2:#111d31;--surface-3:#17243a;--line:rgba(158,183,222,.16);--line-bright:rgba(79,217,255,.34);--text:#edf5ff;--muted:#8fa2bd;--muted-2:#62738c;--cyan:#31ddf5;--blue:#4d8dff;--violet:#8a64ff;--green:#27d9a1;--amber:#f3bf5a;--red:#ff6982;--paper:#b694ff;--shadow:0 24px 70px rgba(0,0,0,.38);--radius:20px;--radius-sm:12px;--sidebar:270px;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.55 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:-.005em}body:before{content:"";position:fixed;inset:0;z-index:-3;background:linear-gradient(rgba(255,255,255,.012) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.012) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(to bottom,black,transparent 80%)}a{color:var(--cyan);text-decoration:none}a:hover{color:#a2f4ff}button,input,select,textarea{font:inherit;color:inherit}button,a{ -webkit-tap-highlight-color:transparent}.skip-link{position:fixed;left:1rem;top:-4rem;z-index:1000;background:#fff;color:#000;padding:.75rem 1rem;border-radius:8px}.skip-link:focus{top:1rem}.glass{background:linear-gradient(145deg,rgba(20,33,54,.78),rgba(9,16,29,.86));border:1px solid var(--line);box-shadow:var(--shadow);backdrop-filter:blur(20px)}.button{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;border:1px solid rgba(89,224,255,.46);border-radius:12px;background:linear-gradient(135deg,#1bd0e9,#397cff 62%,#7356f6);color:#fff!important;padding:.72rem 1.05rem;font-weight:750;cursor:pointer;box-shadow:0 8px 30px rgba(50,151,255,.22);transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}.button:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(50,151,255,.32);filter:saturate(1.12)}.button:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}.button-quiet{background:rgba(255,255,255,.035);border-color:var(--line);box-shadow:none;color:var(--text)!important}.button-danger{background:rgba(255,79,110,.09);border-color:rgba(255,105,130,.35);color:#ff99aa!important;box-shadow:none}.button-large{padding:.92rem 1.25rem;border-radius:14px}.button-small{padding:.42rem .65rem;font-size:12px;border-radius:9px}.button-block{width:100%}.icon-button{display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--line);border-radius:11px;background:rgba(255,255,255,.035);color:var(--text);cursor:pointer}.brand{display:flex;align-items:center;gap:.7rem;color:var(--text)!important}.brand-orb{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;color:#071019;background:linear-gradient(135deg,#a7f8ff,#3bd5ef 45%,#8f70ff);box-shadow:0 0 32px rgba(49,221,245,.3);font-size:19px}.brand span:last-child{display:grid;line-height:1.12}.brand strong{font-size:15px}.brand small{color:var(--muted);font-size:9px;letter-spacing:.14em;text-transform:uppercase}.eyebrow{display:block;color:var(--cyan);font-size:10px;font-weight:800;letter-spacing:.17em;text-transform:uppercase}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green)}.dot-paper{background:var(--paper);box-shadow:0 0 12px var(--paper)}.dot-muted{background:var(--muted-2);box-shadow:none}.dot-live{animation:pulse 2s infinite}.badge,.status{display:inline-flex;align-items:center;justify-content:center;width:max-content;padding:.3rem .55rem;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.paper-badge,.status-demo{color:#cdbdff;border-color:rgba(182,148,255,.3);background:rgba(138,100,255,.08)}.status-active,.status-enabled,.status-successful,.status-healthy,.status-filled,.status-published,.status-connected,.status-paper,.status-delivered,.status-closed,.status-resolved,.status-buy{color:#67ebba;border-color:rgba(39,217,161,.28);background:rgba(39,217,161,.07)}.status-pending,.status-trialing,.status-review,.status-approved,.status-queued,.status-retry,.status-entry-triggered,.status-tp1,.status-tp2,.status-tp3,.status-sell{color:#8ddfff;border-color:rgba(49,221,245,.28);background:rgba(49,221,245,.07)}.status-failed,.status-rejected,.status-error,.status-suspended,.status-cancelled,.status-sl,.status-revoked,.status-down{color:#ff879b;border-color:rgba(255,105,130,.3);background:rgba(255,105,130,.07)}.status-disabled,.status-expired,.status-unverified{color:#a2aec1}.positive{color:var(--green)!important}.negative{color:var(--red)!important}.alert{padding:.85rem 1rem;border:1px solid var(--line);border-radius:12px;margin:1rem 0}.alert.success{color:#7cebc2;background:rgba(39,217,161,.08);border-color:rgba(39,217,161,.25)}.alert.error{color:#ff9aaa;background:rgba(255,105,130,.08);border-color:rgba(255,105,130,.25)}.alert.warn{color:#f8ce78;background:rgba(243,191,90,.07);border-color:rgba(243,191,90,.25)}
.public-header{height:76px;position:fixed;z-index:90;top:0;left:0;right:0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 max(24px,calc((100vw - 1240px)/2));transition:background .25s,border-color .25s}.public-header.scrolled{background:rgba(5,8,17,.8);border-bottom:1px solid var(--line);backdrop-filter:blur(20px)}.desktop-nav{display:flex;gap:1.6rem}.desktop-nav a{color:var(--muted);font-size:13px}.header-actions{justify-self:end;display:flex;align-items:center;gap:.55rem}.menu-button{display:none}.mobile-menu{display:none}.hero{position:relative;min-height:850px;overflow:hidden;padding:160px 24px 70px}.hero:after{content:"";position:absolute;z-index:-2;inset:40% 0 0;background:linear-gradient(to bottom,transparent,var(--bg))}.aurora{position:absolute;z-index:-2;border-radius:50%;filter:blur(100px);opacity:.28;pointer-events:none}.aurora-one{width:600px;height:500px;background:#1272ff;left:-200px;top:80px}.aurora-two{width:700px;height:600px;background:#6838db;right:-250px;top:80px}.hero-grid{max-width:1240px;margin:auto;display:grid;grid-template-columns:1.08fr .92fr;gap:7vw;align-items:center}.hero-copy h1{font-size:clamp(54px,6.1vw,92px);line-height:.98;letter-spacing:-.065em;margin:1.25rem 0 1.4rem;max-width:800px}.hero-copy h1 em{font-style:normal;color:transparent;background:linear-gradient(90deg,#eafcff 0,#5ce3f5 38%,#5995ff 70%,#a887ff);background-clip:text}.hero-copy>p{font-size:18px;line-height:1.7;color:#a7b6cc;max-width:650px}.announcement{display:inline-flex;align-items:center;gap:.7rem;border:1px solid var(--line-bright);border-radius:999px;padding:.45rem .75rem;background:rgba(18,98,140,.08);color:#c3f8ff;font-size:12px}.button-row{display:flex;gap:.75rem;margin:2rem 0}.trust-row{display:flex;gap:1rem;flex-wrap:wrap;color:var(--muted);font-size:12px}.trade-terminal{position:relative;border-radius:28px;padding:1.25rem;transform:perspective(1200px) rotateY(-4deg) rotateX(2deg);transform-style:preserve-3d}.trade-terminal:before{content:"";position:absolute;inset:-1px;border-radius:inherit;background:linear-gradient(125deg,rgba(67,226,255,.45),transparent 35%,rgba(138,100,255,.22));z-index:-1}.terminal-head,.symbol-line,.risk-preview{display:flex;justify-content:space-between;align-items:center}.terminal-head{padding-bottom:1rem;border-bottom:1px solid var(--line);font-size:10px;color:var(--muted);letter-spacing:.1em}.terminal-head span:first-child{display:flex;gap:.5rem;align-items:center}.symbol-line{padding:1.6rem 0}.symbol-line small,.quote-pair small,.risk-preview small{display:block;color:var(--muted-2);font-size:9px;letter-spacing:.13em}.symbol-line strong{font-size:27px}.quote-pair{display:flex;gap:1rem}.quote-pair span{padding:.65rem;border:1px solid var(--line);border-radius:10px;min-width:78px}.skeleton-chart{height:190px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:32px 32px;overflow:hidden}.skeleton-chart svg{width:100%;height:100%}.risk-preview{gap:.6rem;margin:1rem 0}.risk-preview span{flex:1;border:1px solid var(--line);border-radius:10px;padding:.7rem}.risk-preview b{font-size:11px}.trade-terminal>.button{width:100%}.proof-strip{max-width:1240px;margin:-40px auto 0;padding:1.2rem;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);background:rgba(10,18,31,.7);border-radius:18px}.proof-strip div{padding:.55rem 1.2rem;border-right:1px solid var(--line)}.proof-strip div:last-child{border:0}.proof-strip small{display:block;color:var(--muted);font-size:9px;letter-spacing:.12em}.proof-strip strong{font-size:22px}.section{max-width:1240px;margin:auto;padding:130px 24px 20px}.section-heading{max-width:720px;margin-bottom:3rem}.section-heading h2,.footer-cta h2{font-size:clamp(38px,4.5vw,64px);line-height:1.05;letter-spacing:-.045em;margin:.7rem 0 1rem}.section-heading p{color:var(--muted);font-size:17px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.feature-card{position:relative;padding:1.6rem;border-radius:var(--radius);transition:transform .25s,border-color .25s;overflow:hidden}.feature-card:hover{transform:translateY(-6px);border-color:var(--line-bright)}.feature-card:after{content:"";position:absolute;width:160px;height:160px;border-radius:50%;background:var(--violet);filter:blur(80px);opacity:.1;right:-60px;bottom:-80px}.card-index{position:absolute;right:1.3rem;top:1rem;color:var(--muted-2);font-size:10px}.feature-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:linear-gradient(135deg,rgba(49,221,245,.2),rgba(138,100,255,.18));border:1px solid var(--line-bright);font-weight:800;color:var(--cyan)}.feature-card h3{font-size:22px;margin:1.4rem 0 .6rem}.feature-card p,.feature-card li{color:var(--muted)}.feature-card ul{padding:0;list-style:none;margin:1.4rem 0}.feature-card li{padding:.42rem 0;border-bottom:1px solid rgba(255,255,255,.045)}.oversight-panel{padding:3rem;border-radius:28px;display:grid;grid-template-columns:1fr 1.2fr;gap:4rem}.oversight-panel h2{font-size:44px;line-height:1.08;letter-spacing:-.04em}.oversight-panel p{color:var(--muted);font-size:16px}.flow-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.flow-list li{display:flex;gap:.8rem;padding:1rem;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.02)}.flow-list b{color:var(--cyan);font-size:10px}.flow-list span{display:grid}.flow-list small{color:var(--muted)}.signal-grid,.blog-grid,.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.signal-card,.blog-card,.price-card{padding:1.45rem;border-radius:var(--radius)}.signal-card>div:first-child{display:flex;justify-content:space-between}.signal-card h3{font-size:24px}.signal-card h3 em{font-style:normal;color:var(--cyan);font-size:12px}.signal-card dl{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.signal-card dl div{padding:.65rem;background:rgba(255,255,255,.025);border-radius:9px}.signal-card dt{color:var(--muted);font-size:9px}.signal-card dd{margin:0;font-weight:700}.empty-state{padding:2.5rem;text-align:center;border-radius:var(--radius);grid-column:1/-1}.empty-icon{font-size:30px;color:var(--muted-2)}.empty-state p{color:var(--muted)}.price-card{display:flex;flex-direction:column;gap:.8rem}.price-card.featured{border-color:var(--line-bright);box-shadow:0 20px 80px rgba(43,157,255,.14)}.price-card h2,.price-card h3{font-size:28px;margin:.3rem 0}.price-card h2 small,.price-card h3 small{font-size:11px;color:var(--muted);font-weight:500}.price-card p,.price-card li{color:var(--muted)}.price-card ul{list-style:none;padding:0;flex:1}.price-card li{padding:.45rem 0}.center{text-align:center;margin:2rem}.blog-card small{color:var(--muted)}.blog-card h3{font-size:20px}.blog-card p{color:var(--muted)}.public-footer{max-width:1240px;margin:100px auto 0;padding:0 24px 2rem}.footer-cta{padding:2.3rem;border-radius:28px;display:flex;align-items:end;justify-content:space-between;gap:2rem}.footer-cta h2{font-size:40px;max-width:780px}.footer-cta p{color:var(--muted)}.footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:3rem;padding:4rem 0 2rem}.footer-grid>div{display:flex;flex-direction:column;gap:.6rem}.footer-grid p{color:var(--muted);max-width:340px}.footer-grid strong{margin-bottom:.4rem}.footer-grid a:not(.brand){color:var(--muted)}.footer-bottom{display:flex;justify-content:space-between;padding-top:1.2rem;border-top:1px solid var(--line);color:var(--muted);font-size:11px}.page-hero{min-height:450px;padding:170px 24px 80px;text-align:center;position:relative;overflow:hidden}.page-hero h1,.post-shell header h1{font-size:clamp(48px,6vw,78px);line-height:1;letter-spacing:-.055em;margin:1rem}.page-hero p{max-width:700px;margin:auto;color:var(--muted);font-size:17px}.page-hero.compact{padding-bottom:35px;min-height:380px}.page-content,.post-shell,.pricing-page{max-width:940px;margin:auto;padding:0 24px 80px}.rich-text{border-radius:var(--radius);padding:clamp(1.4rem,4vw,3.3rem);font-size:16px}.rich-text h2{font-size:30px;margin:2.3rem 0 1rem}.rich-text p,.rich-text li{color:#b2c1d5;line-height:1.85}.contact-form{margin-top:1rem;padding:2rem;border-radius:var(--radius)}label{display:grid;gap:.4rem;color:#c4d0e1;font-size:12px;font-weight:650}input,select,textarea{width:100%;border:1px solid var(--line);background:rgba(3,7,14,.65);border-radius:10px;padding:.75rem .8rem;outline:none;transition:border-color .2s,box-shadow .2s}input:focus,select:focus,textarea:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(49,221,245,.1)}textarea{resize:vertical}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}.form-grid.three{grid-template-columns:repeat(3,1fr)}.check{display:flex;align-items:flex-start;gap:.6rem;font-weight:500}.check input{width:auto;margin-top:.25rem}.form-note,label small{color:var(--muted-2);font-weight:400}.honeypot{position:absolute!important;left:-9999px!important}.billing-toggle{display:flex;width:max-content;margin:2rem auto .7rem;padding:.3rem;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.025)}.billing-toggle a{padding:.6rem 1.2rem;color:var(--muted);border-radius:9px}.billing-toggle a.active{background:var(--surface-3);color:#fff}.pricing-page{max-width:1240px}.pricing-grid.detailed{grid-template-columns:repeat(4,1fr)}.risk-note{margin-top:1rem;padding:1.3rem;border-radius:14px}.trial{color:var(--amber);font-size:11px}.post-shell{padding-top:160px}.post-shell header{text-align:center;margin-bottom:3rem}.post-shell header p{color:var(--muted);font-size:17px}.help-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-top:1rem}.help-card{padding:1rem;border-radius:12px;display:grid}
.auth-body{min-height:100vh;background:radial-gradient(circle at 20% 20%,rgba(33,129,221,.14),transparent 35%),var(--bg)}.auth-shell{min-height:100vh;display:grid;grid-template-columns:minmax(360px,.8fr) 1.2fr}.auth-aside{padding:4vw;display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid var(--line);background:linear-gradient(145deg,rgba(12,24,42,.8),rgba(5,8,17,.2))}.auth-aside h1{font-size:clamp(40px,4.2vw,66px);line-height:1.03;letter-spacing:-.05em;max-width:650px}.auth-aside p{color:var(--muted);font-size:16px;max-width:580px}.trust-list{list-style:none;padding:0;color:#a4b5ca}.trust-list li{padding:.35rem 0}.auth-content{display:grid;place-items:center;padding:4vw}.auth-card,.onboarding-card{width:min(100%,560px);padding:2rem;border-radius:24px}.auth-card.wide,.onboarding-card{width:min(100%,760px)}.auth-card header{margin-bottom:1.5rem}.auth-card h2,.onboarding-card h2{font-size:32px;margin:.5rem 0}.auth-card header p,.onboarding-card header p{color:var(--muted)}.auth-card label{margin:.8rem 0}.form-between{display:flex;align-items:center;justify-content:space-between;margin:1rem 0}.form-footer{text-align:center;color:var(--muted)}.stepper{display:grid;grid-template-columns:repeat(6,1fr);list-style:none;padding:0;margin:2rem 0}.stepper li{position:relative;text-align:center;color:var(--muted-2);font-size:10px}.stepper li:before{content:"";position:absolute;top:13px;left:-50%;width:100%;height:1px;background:var(--line)}.stepper li:first-child:before{display:none}.stepper b{position:relative;z-index:1;display:grid;place-items:center;width:27px;height:27px;margin:auto auto .35rem;border:1px solid var(--line);border-radius:50%;background:var(--surface)}.stepper li.active,.stepper li.done{color:var(--cyan)}.stepper li.active b,.stepper li.done b{border-color:var(--cyan)}.stepper li.done:before{background:var(--cyan)}.mini-plan-grid{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.mini-plan-grid article{padding:1rem;border:1px solid var(--line);border-radius:12px;display:grid;gap:.4rem}.risk-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin:1rem 0}.risk-choice-grid label input{position:absolute;opacity:0}.risk-choice-grid label span{display:grid;padding:1rem;border:1px solid var(--line);border-radius:12px;cursor:pointer}.risk-choice-grid label input:checked+span{border-color:var(--cyan);background:rgba(49,221,245,.05)}.risk-choice-grid small{color:var(--muted)}.complete-state{text-align:center;padding:2rem}.complete-state>span{font-size:40px;color:var(--green)}.minimal-body{min-height:100vh;display:grid;place-items:center;padding:2rem;background:radial-gradient(circle at 50% 0,rgba(53,118,255,.14),transparent 40%),var(--bg)}.minimal-shell{width:min(100%,900px)}.installer{padding:2rem;border-radius:25px}.installer header{margin:3rem 0 2rem}.installer header h1{font-size:42px;margin:.5rem 0}.installer header p{color:var(--muted)}.requirement-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin:1rem 0 2rem}.requirement-grid>div{display:flex;gap:.7rem;padding:.75rem;border:1px solid var(--line);border-radius:10px}.requirement-grid .pass>span{color:var(--green)}.requirement-grid .fail>span{color:var(--red)}.requirement-grid small{display:block;color:var(--muted)}.installer form>label,.installer form>.form-grid{margin:.7rem 0}.error-card{text-align:center;padding:3rem;border-radius:25px}.error-code{font-size:76px;color:var(--cyan);display:block}
.workspace{display:grid;grid-template-columns:var(--sidebar) 1fr;min-height:100vh;background:var(--bg-2)}.sidebar{position:fixed;z-index:100;inset:0 auto 0 0;width:var(--sidebar);padding:1rem;display:flex;flex-direction:column;background:rgba(6,11,20,.96);border-right:1px solid var(--line);overflow-y:auto}.sidebar>.brand{padding:.4rem .45rem 1.2rem}.paper-banner,.admin-warning{display:flex;align-items:center;gap:.6rem;padding:.7rem;margin:.2rem 0 .7rem;border:1px solid rgba(182,148,255,.2);background:rgba(138,100,255,.06);border-radius:11px;color:#cfc0ff;font-size:11px}.paper-banner div{display:grid}.paper-banner span{color:var(--muted);font-size:9px}.admin-warning{color:#f5cc7a;border-color:rgba(243,191,90,.2);background:rgba(243,191,90,.05)}.sidebar nav{display:flex;flex-direction:column;gap:.12rem}.sidebar nav a{display:flex;align-items:center;gap:.65rem;padding:.63rem .7rem;border:1px solid transparent;border-radius:10px;color:var(--muted);font-size:12px}.sidebar nav a:hover,.sidebar nav a.active{color:var(--text);background:rgba(47,166,255,.08);border-color:rgba(49,221,245,.14)}.sidebar nav a.active:after{content:"";width:3px;height:16px;background:var(--cyan);border-radius:3px;margin-left:auto;box-shadow:0 0 10px var(--cyan)}.nav-icon{display:grid;place-items:center;width:23px;height:23px;border:1px solid var(--line);border-radius:7px;font-size:9px}.sidebar-user{display:flex;align-items:center;gap:.6rem;margin-top:auto;padding:1rem .4rem .2rem;border-top:1px solid var(--line)}.avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,var(--cyan),var(--violet));color:#07111c;font-weight:800}.sidebar-user div{display:grid;min-width:0}.sidebar-user strong,.sidebar-user small{overflow:hidden;text-overflow:ellipsis}.sidebar-user small{color:var(--muted);font-size:9px}.workspace-main{grid-column:2;min-width:0}.workspace-header{position:sticky;z-index:80;top:0;min-height:76px;padding:1rem 1.5rem;display:flex;align-items:center;gap:1rem;border-bottom:1px solid var(--line);background:rgba(8,16,28,.84);backdrop-filter:blur(20px)}.workspace-header h1{font-size:20px;margin:.1rem 0}.workspace-header .header-actions{margin-left:auto}.sidebar-toggle{display:none}.workspace-content{padding:1.35rem;max-width:1680px;margin:auto}.mode-strip{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;padding:.72rem 1rem;border:1px solid var(--line);border-radius:11px;background:rgba(255,255,255,.02);font-size:11px}.mode-strip span{display:flex;align-items:center;gap:.5rem}.mode-strip small{color:var(--muted)}.mode-strip.paper{border-color:rgba(182,148,255,.2);background:rgba(138,100,255,.04)}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem}.app-metrics{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));margin-bottom:.85rem}.metric-card{padding:1rem;border-radius:15px;box-shadow:none}.metric-card small{display:block;color:var(--muted);font-size:9px;letter-spacing:.12em}.metric-card strong{display:block;font-size:24px;margin:.35rem 0}.metric-card span{color:var(--muted-2);font-size:10px}.dashboard-grid,.two-column{display:grid;grid-template-columns:2fr 1fr;gap:.8rem}.span-2{grid-column:span 2}.panel{padding:1rem;border-radius:16px;box-shadow:none;min-width:0}.panel>header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.panel h2{font-size:17px;margin:.15rem 0}.panel>header a{font-size:11px}.table-wrap{overflow:auto}.table-wrap table{width:100%;border-collapse:collapse;white-space:nowrap}.table-wrap th{padding:.6rem;text-align:left;color:var(--muted-2);font-size:9px;letter-spacing:.09em;text-transform:uppercase;border-bottom:1px solid var(--line)}.table-wrap td{padding:.7rem .6rem;border-bottom:1px solid rgba(255,255,255,.045);font-size:11px;vertical-align:top}.table-wrap td strong,.table-wrap td small{display:block}.table-wrap td small{color:var(--muted)}.subscription-snapshot{display:grid;gap:.7rem}.signal-list{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.signal-list article{padding:.7rem;border:1px solid var(--line);border-radius:10px}.signal-list small{display:block;color:var(--muted)}.notification-list article,.notification-feed article,.session-list article{display:flex;gap:.7rem;align-items:center;padding:.7rem;border-bottom:1px solid var(--line)}.notification-list article>div{display:grid}.notification-list small{color:var(--muted)}.filter-bar{display:flex;gap:.6rem;align-items:center;padding:.6rem;margin-bottom:.8rem;border-radius:13px;box-shadow:none}.filter-bar label{display:flex;align-items:center;gap:.5rem}.filter-bar input,.filter-bar select{padding:.55rem}.search-field{flex:1}.trade-layout{display:grid;grid-template-columns:minmax(260px,.68fr) 1.32fr;gap:.8rem}.market-watch{max-height:780px;overflow-y:auto}.symbol-list{display:flex;flex-direction:column}.symbol-list button{display:grid;grid-template-columns:1fr auto;gap:.2rem;text-align:left;padding:.75rem;border:0;border-bottom:1px solid var(--line);background:none;cursor:pointer}.symbol-list button:hover{background:rgba(49,221,245,.04)}.symbol-list button span{display:grid}.symbol-list small{color:var(--muted)}.order-ticket form label{margin:.6rem 0}.preview-output{margin-top:1rem;padding:1rem;border:1px dashed var(--line);border-radius:13px}.preview-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.preview-metrics div{padding:.7rem;background:rgba(255,255,255,.03);border-radius:9px}.preview-metrics small{display:block;color:var(--muted)}.risk-reasons{color:var(--red)}.confirm-dialog{width:min(92vw,600px);border:1px solid var(--line-bright);border-radius:18px;background:var(--surface);color:var(--text);box-shadow:var(--shadow);padding:1.4rem}.confirm-dialog::backdrop{background:rgba(0,0,0,.7);backdrop-filter:blur(4px)}.confirm-dialog form{display:flex;justify-content:flex-end;gap:.5rem}.ai-layout{display:grid;grid-template-columns:1.5fr .5fr;gap:.8rem}.chat-stream{height:460px;overflow-y:auto;padding:.8rem;background:rgba(3,7,14,.4);border:1px solid var(--line);border-radius:13px}.chat-message{display:flex;gap:.7rem;max-width:80%;margin:.7rem 0}.chat-message>span{display:grid;place-items:center;flex:0 0 28px;height:28px;border-radius:9px;background:rgba(49,221,245,.12);color:var(--cyan)}.chat-message>div{padding:.7rem;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.chat-message p{margin:.25rem 0;color:#b7c7db}.chat-message.user{margin-left:auto;flex-direction:row-reverse}.chat-message.user>div{background:rgba(61,125,240,.15)}.ai-chat form{margin-top:.7rem}.ai-chat form>div{display:flex;justify-content:space-between;align-items:center;margin-top:.5rem}.ai-chat form small{color:var(--muted)}.compact-flow{padding-left:1.2rem;color:var(--muted)}.compact-flow li{padding:.4rem}.stats-inline{display:grid;grid-template-columns:repeat(4,1fr);padding:1rem;margin-bottom:.8rem;border-radius:14px;box-shadow:none}.stats-inline span{padding:.4rem 1rem;border-right:1px solid var(--line)}.stats-inline span:last-child{border:0}.stats-inline small{display:block;color:var(--muted);font-size:9px}.stats-inline strong{font-size:20px}.app-signals{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.app-signals .signal-card p{color:var(--muted);min-height:44px}.account-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:.6rem}.account-grid article,.adapter-row{padding:.9rem;border:1px solid var(--line);border-radius:11px}.account-grid article>div{display:flex;justify-content:space-between}.account-grid article p,.adapter-row p{color:var(--muted)}.account-grid dl{display:grid;grid-template-columns:1fr 1fr;gap:.3rem}.account-grid dt,.detail-list dt{color:var(--muted);font-size:9px}.account-grid dd,.detail-list dd{margin:0}.check-list{list-style:none;padding:0}.check-list li{padding:.4rem;border-bottom:1px solid var(--line);color:var(--muted)}.check-list li:before{content:"○";color:var(--cyan);margin-right:.5rem}.performance-bars>div{display:flex;justify-content:space-between;padding:.7rem;border-bottom:1px solid var(--line)}.channel-icon{display:grid;place-items:center;flex:0 0 32px;height:32px;border:1px solid var(--line);border-radius:9px}.notification-feed article>div{flex:1}.notification-feed p{color:var(--muted);margin:.25rem 0}.notification-feed small{color:var(--muted-2)}.ticket-list article{padding:.9rem;border:1px solid var(--line);border-radius:11px;margin:.5rem 0}.ticket-list article>div{display:flex;justify-content:space-between}.ticket-list p{color:var(--muted)}.ticket-list small{color:var(--muted-2)}.consent-list article{display:grid;grid-template-columns:1fr auto;padding:.7rem;border-bottom:1px solid var(--line)}.consent-list small{grid-column:1/-1;color:var(--muted)}.inline-form{display:flex!important;align-items:center;gap:.35rem;margin:.2rem 0}.inline-form input,.inline-form select{min-width:100px;padding:.4rem}.toast{position:fixed;right:1rem;bottom:1rem;z-index:300;max-width:430px;padding:.85rem 1rem;border:1px solid var(--line-bright);border-radius:12px;background:var(--surface-2);box-shadow:var(--shadow);transform:translateY(150%);opacity:0;transition:.25s}.toast.show{transform:none;opacity:1}.toast.error{border-color:var(--red)}dialog form label{margin:.6rem 0}
.admin-workspace{--sidebar:280px}.admin-hero,.integration-intro{padding:1.4rem;margin-bottom:.8rem;border-radius:17px;display:flex;align-items:center;justify-content:space-between;gap:1rem;box-shadow:none}.admin-hero h2,.integration-intro h2{font-size:25px;margin:.3rem 0}.admin-hero p,.integration-intro p{color:var(--muted)}.plan-admin-grid{display:grid;gap:.5rem}.plan-admin-grid article{display:grid;gap:.35rem;padding:.8rem;border:1px solid var(--line);border-radius:10px}.plan-admin-grid article>div{display:flex;justify-content:space-between}.plan-admin-grid p,.plan-admin-grid small{color:var(--muted)}.settings-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem;margin:1rem 0}.integration-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:.7rem;margin-bottom:.8rem}.integration-card{padding:1rem;border-radius:15px;box-shadow:none}.integration-card header{display:flex;justify-content:space-between}.integration-card h3{margin:.1rem 0}.integration-card p{color:var(--muted);min-height:42px}.integration-card dl{display:grid;grid-template-columns:1fr 1fr;gap:.4rem}.integration-card dl div,.detail-list div{padding:.5rem;background:rgba(255,255,255,.025);border-radius:8px}.integration-card dt{color:var(--muted);font-size:9px}.integration-card dd{margin:0;font-size:11px;overflow-wrap:anywhere}.integration-card form{margin-top:.6rem;padding-top:.6rem;border-top:1px solid var(--line)}.integration-card form label{margin:.45rem 0}.big-number{font-size:50px;color:var(--cyan)}
.reveal{opacity:0;transform:translateY(20px);transition:opacity .65s ease,transform .65s cubic-bezier(.22,1,.36,1)}.reveal.visible{opacity:1;transform:none}.loading{position:relative;pointer-events:none;opacity:.65}.loading:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.07),transparent);animation:shimmer 1.1s infinite}
@keyframes pulse{50%{opacity:.4;box-shadow:0 0 4px currentColor}}@keyframes shimmer{from{transform:translateX(-100%)}to{transform:translateX(100%)}}
@media(max-width:1100px){.pricing-grid.detailed{grid-template-columns:1fr 1fr}.feature-grid,.signal-grid,.blog-grid{grid-template-columns:1fr 1fr}.hero-grid{gap:3vw}.workspace{--sidebar:250px}.settings-grid{grid-template-columns:1fr 1fr}}
@media(max-width:860px){.desktop-nav{display:none}.menu-button{display:grid}.public-header{grid-template-columns:1fr auto;padding:0 18px}.mobile-menu{display:flex;position:fixed;z-index:89;top:68px;left:12px;right:12px;flex-direction:column;padding:.7rem;border:1px solid var(--line);border-radius:14px;background:rgba(9,16,29,.98);transform:translateY(-130%);opacity:0;transition:.25s}.mobile-menu.open{transform:none;opacity:1}.mobile-menu a{padding:.7rem;color:var(--muted)}.hero{padding-top:130px}.hero-grid{grid-template-columns:1fr}.trade-terminal{transform:none;max-width:620px}.proof-strip{margin:1rem 18px 0;grid-template-columns:1fr 1fr}.proof-strip div:nth-child(2){border-right:0}.proof-strip div{border-bottom:1px solid var(--line)}.oversight-panel{grid-template-columns:1fr;gap:1rem}.pricing-grid{grid-template-columns:1fr 1fr}.auth-shell{grid-template-columns:1fr}.auth-aside{min-height:460px;border-right:0;border-bottom:1px solid var(--line)}.workspace{display:block}.sidebar{transform:translateX(-105%);transition:transform .25s}.workspace.sidebar-open .sidebar{transform:none}.workspace-main{grid-column:1}.sidebar-toggle{display:grid}.workspace-content{padding:1rem}.dashboard-grid,.two-column,.trade-layout,.ai-layout{grid-template-columns:1fr}.span-2{grid-column:1}.mode-strip{align-items:flex-start;gap:.5rem;flex-direction:column}.signal-list{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.hide-small{display:none}.public-header{height:66px}.header-actions .button{padding:.55rem .7rem}.hero{min-height:auto;padding:110px 18px 40px}.hero-copy h1{font-size:48px}.hero-copy>p{font-size:15px}.button-row{flex-direction:column}.trust-row{display:grid}.trade-terminal{padding:.85rem}.proof-strip{grid-template-columns:1fr}.proof-strip div{border-right:0}.section{padding:90px 18px 10px}.feature-grid,.signal-grid,.blog-grid,.pricing-grid,.pricing-grid.detailed{grid-template-columns:1fr}.oversight-panel{padding:1.2rem}.flow-list{grid-template-columns:1fr}.footer-cta{align-items:flex-start;flex-direction:column;padding:1.4rem}.footer-grid{grid-template-columns:1fr 1fr;gap:2rem}.footer-grid>div:first-child{grid-column:1/-1}.footer-bottom{flex-direction:column;gap:.5rem}.page-hero{padding:120px 18px 50px;min-height:350px}.page-content,.post-shell,.pricing-page{padding-left:16px;padding-right:16px}.form-grid,.form-grid.three,.help-grid{grid-template-columns:1fr}.auth-aside{padding:1.4rem;min-height:420px}.auth-aside h1{font-size:42px}.auth-content{padding:1rem}.auth-card,.onboarding-card,.installer{padding:1.15rem}.requirement-grid,.mini-plan-grid,.risk-choice-grid{grid-template-columns:1fr}.stepper li span{display:none}.workspace-header{padding:.8rem 1rem}.workspace-header .eyebrow{display:none}.workspace-header .button-quiet{font-size:0;width:40px;height:40px;padding:0}.workspace-header .button-quiet:after{content:"↗";font-size:14px}.workspace-content{padding:.7rem}.metric-grid,.stats-inline{grid-template-columns:1fr 1fr}.stats-inline span:nth-child(2){border-right:0}.filter-bar{align-items:stretch;flex-direction:column}.signal-list{grid-template-columns:1fr}.preview-metrics{grid-template-columns:1fr}.ai-chat form>div{align-items:flex-start;gap:.5rem;flex-direction:column}.settings-grid{grid-template-columns:1fr}.admin-hero,.integration-intro{align-items:flex-start;flex-direction:column}.integration-grid{grid-template-columns:1fr}.inline-form{align-items:stretch;flex-direction:column}.form-between{align-items:flex-start;gap:.5rem;flex-direction:column}}
@media(max-width:360px){.hero-copy h1{font-size:41px}.metric-grid,.stats-inline{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.quote-pair{gap:.3rem}.quote-pair span{min-width:64px}.workspace-header h1{font-size:16px}}
@media(pointer:coarse),(max-width:860px){.tilt{transform:none!important}.glass{backdrop-filter:blur(12px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}.tilt{transform:none!important}}

/* v2.1 adaptive Aurora visual system */
html[data-theme="light"]{--bg:#f4f7fc;--bg-2:#eef3fb;--surface:#fff;--surface-2:#f6f8fd;--surface-3:#eaf0fa;--line:rgba(63,83,118,.15);--line-bright:rgba(42,174,255,.36);--text:#101827;--muted:#5d6c86;--muted-2:#8794a9;--cyan:#00aedd;--blue:#3979ff;--violet:#7657f5;--green:#04a97b;--amber:#b87900;--red:#df3857;--paper:#7451e8;--shadow:0 22px 55px rgba(41,60,93,.13);color-scheme:light}
html[data-theme="light"] body:before{background:linear-gradient(rgba(40,68,110,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(40,68,110,.035) 1px,transparent 1px)}
html[data-theme="light"] .glass{background:linear-gradient(145deg,rgba(255,255,255,.9),rgba(239,244,253,.82))}
html[data-theme="light"] .public-header.scrolled,html[data-theme="light"] .workspace-header{background:rgba(247,250,255,.88)}
html[data-theme="light"] .sidebar{background:rgba(249,251,255,.97)}
html[data-theme="light"] .mobile-menu{background:rgba(249,251,255,.98)}
html[data-theme="light"] .chat-stream{background:rgba(229,237,249,.55)}
html[data-theme="light"] .chat-message p{color:#465773}
html[data-theme="light"] input,html[data-theme="light"] select,html[data-theme="light"] textarea{background:rgba(255,255,255,.85)}
.theme-toggle{flex:0 0 40px;font-size:17px}.theme-toggle-floating{position:fixed;z-index:200;right:1rem;top:1rem;background:var(--surface)}
.glass,.panel,.metric-card,.integration-card,.signal-card{transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,background .22s ease}
.panel:hover,.metric-card:hover,.integration-card:hover{border-color:var(--line-bright);transform:translateY(-2px);box-shadow:0 16px 38px rgba(21,50,95,.12)}
.dashboard-mission{position:relative;overflow:hidden;display:grid;grid-template-columns:1fr auto;gap:2rem;align-items:center;padding:2rem;border-radius:28px 28px 28px 10px;margin-bottom:1rem;min-height:230px}
.dashboard-mission:before{content:"";position:absolute;inset:auto -8% -80% 35%;height:260px;background:radial-gradient(circle,rgba(98,82,246,.23),transparent 67%);pointer-events:none}
.dashboard-mission h2{font-size:clamp(28px,3vw,46px);letter-spacing:-.045em;margin:.55rem 0}.dashboard-mission p{color:var(--muted);max-width:720px;font-size:15px}.dashboard-actions{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:1.25rem}
.health-orbit{--score:0;position:relative;display:grid;place-items:center;width:156px;height:156px;border-radius:50%;background:conic-gradient(var(--cyan) calc(var(--score)*1%),rgba(132,155,191,.14) 0);box-shadow:0 0 38px rgba(49,221,245,.18),inset 0 0 30px rgba(74,121,255,.08)}.health-orbit:before{content:"";position:absolute;inset:12px;border-radius:50%;background:var(--surface);border:1px solid var(--line)}.health-orbit>div{position:relative;text-align:center;display:grid}.health-orbit strong{font-size:35px;line-height:1}.health-orbit small{color:var(--muted);font-size:9px;letter-spacing:.1em;text-transform:uppercase}.health-orbit span{font-size:10px;color:var(--cyan);margin-top:.3rem}
.readiness-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.75rem;margin-bottom:.8rem}.readiness-card{position:relative;overflow:hidden;padding:1.1rem;border-radius:18px 18px 18px 7px}.readiness-card:nth-child(3n+2){border-radius:18px 7px 18px 18px}.readiness-card:nth-child(3n){border-radius:7px 18px 18px 18px}.readiness-card header{display:flex;justify-content:space-between;align-items:center}.readiness-card strong{display:block;font-size:22px;margin:.5rem 0}.readiness-card p,.readiness-card small{color:var(--muted)}
.health-factors{display:grid;gap:.45rem}.health-factor{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.65rem;padding:.65rem;border:1px solid var(--line);border-radius:11px}.health-factor i{width:9px;height:9px;border-radius:50%;background:var(--red)}.health-factor.pass i{background:var(--green);box-shadow:0 0 12px color-mix(in srgb,var(--green) 70%,transparent)}.health-factor span{display:grid}.health-factor small{color:var(--muted)}
.verifier-hero{padding-top:150px}.verifier-search{max-width:760px;display:grid;grid-template-columns:1fr auto;gap:.65rem;align-items:end;padding:1rem;border-radius:18px}.verifier-search label{margin:0}.verifier-record{display:grid;grid-template-columns:1.5fr .7fr;gap:1rem;padding-top:35px}.verifier-card{padding:1.5rem;border-radius:28px 28px 10px 28px}.verifier-card header{display:flex;justify-content:space-between;align-items:flex-start}.verifier-card code{padding:.55rem;border:1px solid var(--line);border-radius:10px;color:var(--cyan)}.verifier-card h2{font-size:32px}.verifier-card h2 em{font-style:normal;color:var(--cyan)}.verifier-facts{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.verifier-facts dl{display:grid;grid-template-columns:1fr 1fr;gap:.45rem}.verifier-facts dl div{padding:.65rem;border:1px solid var(--line);border-radius:10px}.verifier-facts dt{font-size:9px;color:var(--muted);text-transform:uppercase}.verifier-facts dd{margin:0;font-weight:700}.target-pills{display:flex;gap:.5rem;flex-wrap:wrap}.pill{padding:.45rem .7rem;border-radius:999px;background:rgba(49,221,245,.08);border:1px solid var(--line-bright)}.audit-timeline{list-style:none;padding:0}.audit-timeline li{position:relative;padding:0 0 1rem 1.4rem;border-left:1px solid var(--line)}.audit-timeline li:before{content:"";position:absolute;left:-5px;top:4px;width:9px;height:9px;border-radius:50%;background:var(--cyan)}.audit-timeline small{display:block;color:var(--muted)}
.integration-fields{display:grid;grid-template-columns:1fr 1fr;gap:.45rem}.integration-fields .wide{grid-column:1/-1}.secret-presence{font-size:10px;color:var(--muted);margin-left:.35rem}.admin-overview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.admin-overview-grid .wide{grid-column:span 2}.settings-table article{display:grid;grid-template-columns:1.1fr 2fr auto;gap:.6rem;align-items:end;padding:.7rem;border-bottom:1px solid var(--line)}
@media(max-width:860px){.dashboard-mission{grid-template-columns:1fr}.health-orbit{width:132px;height:132px}.verifier-record,.verifier-facts{grid-template-columns:1fr}.admin-overview-grid{grid-template-columns:1fr}.admin-overview-grid .wide{grid-column:1}}
@media(max-width:600px){.dashboard-mission{padding:1.2rem;border-radius:20px}.verifier-search{grid-template-columns:1fr}.integration-fields{grid-template-columns:1fr}.verifier-facts dl{grid-template-columns:1fr}.settings-table article{grid-template-columns:1fr}}

/* =========================================================
   HOME HERO V3 — PREMIUM 3D NEON / GLASSMORPHISM
   Scoped to the public header, premium hero and proof strip.
   ========================================================= */
.public-body{
    overflow-x:hidden;
    background:#030712;
}

.public-header{
    top:18px;
    left:50%;
    right:auto;
    width:min(calc(100% - 48px),1400px);
    height:96px;
    padding:0 28px;
    grid-template-columns:1fr auto 1fr;
    transform:translateX(-50%);
    border:1px solid rgba(190,220,255,.48);
    border-radius:28px;
    background:
        linear-gradient(180deg,rgba(19,29,52,.88),rgba(5,11,24,.86)),
        rgba(5,10,22,.88);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.5),
        inset 0 -1px 0 rgba(87,155,255,.2),
        0 0 0 3px rgba(92,124,255,.08),
        0 18px 60px rgba(0,0,0,.46),
        0 0 28px rgba(104,73,255,.18);
    backdrop-filter:blur(24px) saturate(135%);
    transition:height .25s ease,background .25s ease,border-color .25s ease,box-shadow .25s ease;
}

.public-header::before{
    content:"";
    position:absolute;
    inset:0;
    border-radius:inherit;
    pointer-events:none;
    background:linear-gradient(110deg,rgba(77,223,255,.18),transparent 23%,transparent 70%,rgba(143,86,255,.2));
    mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
    -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
    padding:1px;
    -webkit-mask-composite:xor;
    mask-composite:exclude;
}

.public-header.scrolled{
    height:82px;
    background:linear-gradient(180deg,rgba(15,24,44,.96),rgba(4,9,20,.94));
    border:1px solid rgba(173,210,255,.42);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.38),0 15px 50px rgba(0,0,0,.48),0 0 24px rgba(82,74,255,.14);
}

.public-header .brand{
    gap:12px;
}

.public-header .brand-orb{
    width:48px;
    height:48px;
    border-radius:13px;
    font-size:22px;
    background:linear-gradient(135deg,#b9fbff 0%,#38dff0 43%,#7169ff 100%);
    border:1px solid rgba(255,255,255,.4);
    box-shadow:inset 0 1px 5px rgba(255,255,255,.62),0 0 24px rgba(44,217,255,.55),0 8px 26px rgba(90,75,255,.35);
}

.public-header .brand strong{
    font-size:19px;
    letter-spacing:-.035em;
}

.public-header .brand small{
    font-size:10px;
    letter-spacing:.16em;
    color:#9da9c1;
}

.public-header .desktop-nav{
    gap:30px;
}

.public-header .desktop-nav a{
    position:relative;
    color:#b0b8ca;
    font-size:16px;
    transition:color .2s ease,text-shadow .2s ease;
}

.public-header .desktop-nav a::after{
    content:"";
    position:absolute;
    left:50%;
    right:50%;
    bottom:-10px;
    height:2px;
    border-radius:99px;
    background:linear-gradient(90deg,#24dcff,#8a57ff);
    box-shadow:0 0 12px #43dfff;
    transition:left .2s ease,right .2s ease;
}

.public-header .desktop-nav a:hover{
    color:#fff;
    text-shadow:0 0 14px rgba(81,217,255,.48);
}

.public-header .desktop-nav a:hover::after{
    left:0;
    right:0;
}

.public-header .header-actions{
    gap:14px;
}

.public-header .icon-button,
.public-header .button-quiet{
    border-color:rgba(158,186,228,.24);
    background:linear-gradient(145deg,rgba(24,34,57,.82),rgba(7,13,27,.9));
    box-shadow:inset 0 1px 0 rgba(255,255,255,.13),0 8px 18px rgba(0,0,0,.28);
}

.public-header .button{
    min-height:50px;
    padding:.78rem 1.2rem;
    border-radius:14px;
}

.public-header .header-actions>a.button:not(.button-quiet){
    border-color:rgba(143,226,255,.58);
    background:linear-gradient(110deg,#1bc8eb 0%,#3777ff 54%,#8d46f3 100%);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.38),0 0 23px rgba(41,204,255,.38),0 8px 28px rgba(109,61,255,.42);
}

.hero-premium{
    isolation:isolate;
    min-height:920px;
    padding:170px 38px 105px;
    overflow:hidden;
    background:
        radial-gradient(circle at 70% 47%,rgba(24,136,255,.16),transparent 30%),
        radial-gradient(circle at 85% 66%,rgba(123,49,255,.22),transparent 25%),
        radial-gradient(circle at 8% 50%,rgba(12,201,255,.11),transparent 24%),
        linear-gradient(180deg,#020611 0%,#030817 56%,#030713 100%);
}

.hero-premium::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:-3;
    pointer-events:none;
    opacity:.7;
    background:
        linear-gradient(125deg,transparent 0 11%,rgba(68,118,220,.12) 11.15%,transparent 11.4% 81%,rgba(107,56,234,.14) 81.2%,transparent 81.5%),
        radial-gradient(circle at 5% 75%,rgba(34,227,255,.72) 0 2px,transparent 4px),
        radial-gradient(circle at 96% 60%,rgba(54,118,255,.8) 0 2px,transparent 4px);
    background-size:auto,140px 140px,170px 170px;
}

.hero-premium::after{
    content:"";
    position:absolute;
    z-index:-2;
    left:-15%;
    right:-15%;
    bottom:-350px;
    height:680px;
    border-radius:50%;
    border:1px solid rgba(46,177,255,.18);
    background:
        repeating-radial-gradient(ellipse at center,transparent 0 46px,rgba(46,188,255,.11) 48px 49px,transparent 51px 78px),
        conic-gradient(from 210deg at 50% 50%,transparent,rgba(51,93,255,.15),transparent 28%,rgba(158,65,255,.18),transparent 58%);
    box-shadow:0 -30px 100px rgba(61,51,255,.16),inset 0 90px 150px rgba(10,126,255,.06);
    transform:perspective(900px) rotateX(63deg);
}

.hero-light{
    position:absolute;
    z-index:-1;
    pointer-events:none;
    border-radius:50%;
    filter:blur(95px);
    opacity:.5;
}

.hero-light-left{
    width:430px;
    height:430px;
    left:-240px;
    top:260px;
    background:#00bde9;
}

.hero-light-right{
    width:620px;
    height:520px;
    right:-210px;
    top:240px;
    background:linear-gradient(135deg,#007dff,#7a2dff);
}

.hero-orbit{
    position:absolute;
    z-index:-1;
    pointer-events:none;
    border:1px solid rgba(95,147,255,.17);
    transform:rotate(-28deg);
}

.hero-orbit-one{
    width:760px;
    height:1px;
    left:-180px;
    top:160px;
    box-shadow:0 0 22px rgba(35,134,255,.22);
}

.hero-orbit-two{
    width:900px;
    height:1px;
    right:-300px;
    bottom:190px;
    border-color:rgba(130,77,255,.26);
    transform:rotate(-42deg);
}

.hero-premium-grid{
    position:relative;
    z-index:2;
    max-width:1400px;
    grid-template-columns:minmax(0,1.02fr) minmax(520px,.98fr);
    gap:54px;
    align-items:center;
}

.hero-premium-copy{
    padding-top:16px;
}

.premium-announcement{
    padding:10px 20px;
    gap:11px;
    border-color:rgba(152,191,255,.52);
    background:linear-gradient(90deg,rgba(13,38,69,.72),rgba(9,15,31,.56));
    color:#e4ecff;
    font-size:14px;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 8px 30px rgba(0,0,0,.2);
}

.premium-announcement strong{
    color:#27dcff;
    font-weight:750;
}

.hero-premium-copy h1{
    max-width:720px;
    margin:25px 0 23px;
    font-size:clamp(62px,5.8vw,92px);
    line-height:1.08;
    letter-spacing:-.06em;
    font-weight:800;
    color:#f5f7fb;
    text-shadow:0 2px 0 rgba(255,255,255,.05),0 16px 46px rgba(0,0,0,.5);
}

.hero-premium-copy h1 em{
    display:inline;
    color:transparent;
    font-style:normal;
    background:linear-gradient(180deg,#dbfbff 0%,#6edcff 44%,#6b83ff 100%);
    -webkit-background-clip:text;
    background-clip:text;
    filter:drop-shadow(0 8px 18px rgba(36,171,255,.24));
}

.hero-premium-copy>p{
    max-width:660px;
    margin:0;
    color:#aab5c9;
    font-size:18px;
    line-height:1.78;
}

.premium-button-row{
    margin:28px 0 30px;
    gap:16px;
}

.premium-primary-button{
    min-width:196px;
    min-height:58px;
    border-radius:14px;
    font-size:16px;
    background:linear-gradient(110deg,#18cde9 0%,#3678ff 52%,#8b48ef 100%);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.48),0 0 27px rgba(30,202,255,.4),0 14px 35px rgba(91,53,255,.38);
}

.premium-primary-button span{
    font-size:23px;
    line-height:1;
    transition:transform .2s ease;
}

.premium-primary-button:hover span{
    transform:translateX(4px);
}

.premium-secondary-button{
    min-width:106px;
    min-height:58px;
    border-radius:14px;
    border-color:rgba(159,184,224,.28);
    background:linear-gradient(145deg,rgba(21,30,50,.83),rgba(5,10,22,.9));
    box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 10px 28px rgba(0,0,0,.32);
}

.premium-trust-row{
    gap:24px;
    color:#aab4c6;
    font-size:13px;
}

.premium-trust-row span{
    display:inline-flex;
    align-items:center;
    gap:8px;
}

.premium-trust-row i{
    color:#22e8e0;
    font-style:normal;
    font-size:18px;
    text-shadow:0 0 12px rgba(34,232,224,.55);
}

.terminal-stage{
    position:relative;
    min-height:650px;
    display:grid;
    place-items:center;
    padding-bottom:95px;
    perspective:1400px;
}

.terminal-glow{
    position:absolute;
    inset:11% -8% 14% 2%;
    border-radius:50%;
    background:radial-gradient(circle,rgba(0,199,255,.25),rgba(71,51,255,.16) 38%,transparent 68%);
    filter:blur(46px);
    animation:terminalGlow 5s ease-in-out infinite alternate;
}

.terminal-shell{
    position:relative;
    z-index:4;
    width:min(100%,610px);
    transform-style:preserve-3d;
    transform:rotateY(-7deg) rotateX(3deg) rotateZ(-1deg);
    transition:transform .35s cubic-bezier(.2,.8,.2,1);
}

.terminal-shell:hover{
    transform:rotateY(-3deg) rotateX(1deg) rotateZ(-.4deg) translateY(-8px);
}

.terminal-layer{
    position:absolute;
    inset:0;
    border-radius:34px;
    border:1px solid rgba(139,189,255,.48);
    background:linear-gradient(145deg,rgba(11,32,62,.7),rgba(17,14,55,.74));
    box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 0 28px rgba(64,95,255,.2);
    pointer-events:none;
}

.terminal-layer-back{
    transform:translate3d(30px,-15px,-55px);
    opacity:.58;
}

.terminal-layer-middle{
    transform:translate3d(16px,-8px,-28px);
    opacity:.78;
}

.premium-terminal{
    position:relative;
    z-index:3;
    padding:27px;
    border-radius:34px;
    overflow:hidden;
    background:
        radial-gradient(circle at 18% 5%,rgba(34,199,255,.19),transparent 34%),
        linear-gradient(145deg,rgba(10,31,56,.94),rgba(14,13,52,.95));
    border:1px solid rgba(142,204,255,.68);
    box-shadow:
        inset 0 2px 1px rgba(255,255,255,.28),
        inset 0 -2px 0 rgba(128,74,255,.32),
        0 0 0 3px rgba(88,136,255,.1),
        0 0 24px rgba(39,190,255,.38),
        0 0 45px rgba(126,57,255,.34),
        0 36px 70px rgba(0,0,0,.58);
    backdrop-filter:blur(28px) saturate(140%);
}

.premium-terminal::before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:linear-gradient(115deg,rgba(255,255,255,.14),transparent 19%,transparent 72%,rgba(149,64,255,.12));
}

.premium-terminal .terminal-head{
    position:relative;
    z-index:2;
    padding-bottom:18px;
    border-bottom:1px solid rgba(161,190,236,.3);
    color:#b8c5dc;
    font-size:12px;
    font-weight:700;
}

.premium-terminal .symbol-line{
    position:relative;
    z-index:2;
    padding:23px 0 18px;
}

.premium-terminal .symbol-line small,
.premium-terminal .quote-pair small,
.premium-terminal .risk-preview small{
    color:#7e91ae;
    font-size:10px;
    font-weight:700;
}

.premium-terminal .symbol-line strong{
    font-size:31px;
    color:#f3f7ff;
    text-shadow:0 0 16px rgba(86,213,255,.25);
}

.premium-terminal .quote-pair{
    gap:14px;
}

.premium-terminal .quote-pair span{
    min-width:118px;
    padding:13px 15px;
    border-radius:13px;
    border:1px solid rgba(144,174,222,.25);
    background:linear-gradient(145deg,rgba(6,19,38,.72),rgba(15,15,48,.64));
    box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}

.premium-terminal .quote-pair b{
    display:block;
    margin-top:2px;
    font-size:24px;
    color:#eef5ff;
}

.premium-chart{
    position:relative;
    z-index:2;
    height:230px;
    border-radius:16px;
    border:1px solid rgba(115,191,255,.38);
    background:
        linear-gradient(rgba(77,154,239,.12) 1px,transparent 1px),
        linear-gradient(90deg,rgba(77,154,239,.12) 1px,transparent 1px),
        linear-gradient(180deg,rgba(3,21,43,.78),rgba(7,12,36,.66));
    background-size:44px 44px,44px 44px,auto;
    box-shadow:inset 0 0 28px rgba(10,105,211,.15),0 0 18px rgba(52,208,255,.12);
}

.premium-chart::after{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:linear-gradient(90deg,transparent,rgba(54,223,255,.05),transparent);
    animation:chartScan 4.8s linear infinite;
}

.premium-chart .chart-line{
    stroke-dasharray:900;
    stroke-dashoffset:900;
    animation:drawPremiumLine 2.2s .3s cubic-bezier(.22,.61,.36,1) forwards;
}

.premium-chart .chart-area{
    opacity:0;
    animation:fadePremiumArea 1.2s 1.15s ease forwards;
}

.premium-terminal .risk-preview{
    position:relative;
    z-index:2;
    gap:15px;
    margin:15px 0;
}

.premium-terminal .risk-preview span{
    min-height:72px;
    padding:14px 16px;
    border-radius:13px;
    border:1px solid rgba(135,172,226,.26);
    background:linear-gradient(145deg,rgba(7,22,43,.82),rgba(16,15,52,.72));
}

.premium-terminal .risk-preview b{
    display:block;
    margin-top:3px;
    color:#f1f5ff;
    font-size:13px;
}

.premium-terminal .terminal-preview-button{
    position:relative;
    z-index:2;
    min-height:58px;
    border-radius:14px;
    opacity:1;
    color:#d4e5ff!important;
    border-color:rgba(116,208,255,.5);
    background:linear-gradient(105deg,#19bce4 0%,#3769ff 48%,#9a45f5 100%);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 0 24px rgba(38,176,255,.22),0 0 25px rgba(133,60,255,.22);
}

.terminal-pedestal{
    position:absolute;
    z-index:2;
    left:50%;
    bottom:10px;
    width:720px;
    height:170px;
    transform:translateX(-50%);
    border-radius:50%;
    background:radial-gradient(ellipse at center,rgba(22,198,255,.22),rgba(73,42,255,.18) 36%,rgba(3,7,20,.92) 68%);
    border:1px solid rgba(70,185,255,.26);
    box-shadow:inset 0 15px 40px rgba(41,202,255,.08),0 0 38px rgba(40,114,255,.2),0 30px 80px rgba(0,0,0,.5);
    transform-style:preserve-3d;
}

.terminal-pedestal::before,
.terminal-pedestal::after{
    content:"";
    position:absolute;
    left:50%;
    top:50%;
    border-radius:50%;
    transform:translate(-50%,-50%);
}

.terminal-pedestal::before{
    width:82%;
    height:64%;
    border:2px solid rgba(50,226,255,.52);
    box-shadow:0 0 22px rgba(39,200,255,.34),inset 0 0 22px rgba(83,65,255,.22);
}

.terminal-pedestal::after{
    width:64%;
    height:45%;
    background:linear-gradient(180deg,rgba(19,33,74,.72),rgba(5,10,26,.9));
    border:1px solid rgba(137,83,255,.48);
    box-shadow:0 0 24px rgba(132,53,255,.3),inset 0 8px 20px rgba(51,194,255,.08);
}

.pedestal-ring{
    position:absolute;
    left:50%;
    top:50%;
    border-radius:50%;
    transform:translate(-50%,-50%);
    border:1px solid rgba(65,186,255,.22);
}

.pedestal-ring-one{width:94%;height:84%}
.pedestal-ring-two{width:74%;height:56%;border-color:rgba(142,67,255,.35)}
.pedestal-core{
    position:absolute;
    z-index:3;
    left:50%;
    top:49%;
    width:48%;
    height:29%;
    border-radius:50%;
    transform:translate(-50%,-50%);
    background:radial-gradient(ellipse,rgba(46,225,255,.28),rgba(76,52,255,.18) 55%,transparent 70%);
    filter:blur(3px);
}

.premium-proof-strip{
    position:relative;
    z-index:10;
    max-width:1400px;
    min-height:106px;
    margin:-78px auto 0;
    padding:12px 18px;
    gap:0;
    border-radius:28px;
    border:1px solid rgba(176,211,255,.52);
    background:
        linear-gradient(180deg,rgba(18,29,53,.88),rgba(6,13,29,.9)),
        rgba(5,11,24,.88);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.35),inset 0 -1px 0 rgba(65,159,255,.18),0 0 0 3px rgba(75,116,255,.07),0 20px 60px rgba(0,0,0,.42),0 0 32px rgba(93,55,255,.14);
    backdrop-filter:blur(22px) saturate(140%);
}

.premium-proof-strip .proof-item{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    min-width:0;
    padding:14px 25px;
    border-right:1px solid rgba(137,166,211,.24);
}

.premium-proof-strip .proof-item:last-child{
    border-right:0;
}

.premium-proof-strip .proof-copy{
    min-width:0;
}

.premium-proof-strip small{
    margin-bottom:5px;
    color:#9aa8c0;
    font-size:11px;
    font-weight:650;
    letter-spacing:.09em;
}

.premium-proof-strip strong{
    display:block;
    color:#f5f7ff;
    font-size:27px;
    line-height:1.1;
    letter-spacing:-.035em;
    white-space:nowrap;
}

.premium-proof-strip .proof-icon{
    flex:0 0 54px;
    width:54px;
    height:54px;
    display:grid;
    place-items:center;
    border-radius:50%;
    background:radial-gradient(circle,rgba(29,105,210,.27),rgba(8,20,44,.76));
    border:1px solid rgba(79,150,255,.15);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 0 22px rgba(28,127,255,.12);
}

.premium-proof-strip .proof-icon svg{
    width:28px;
    height:28px;
    fill:none;
    stroke:#1d9dff;
    stroke-width:1.7;
    stroke-linecap:round;
    stroke-linejoin:round;
    filter:drop-shadow(0 0 7px rgba(22,151,255,.7));
}

@keyframes drawPremiumLine{to{stroke-dashoffset:0}}
@keyframes fadePremiumArea{to{opacity:1}}
@keyframes chartScan{0%{transform:translateX(-110%)}100%{transform:translateX(110%)}}
@keyframes terminalGlow{from{opacity:.48;transform:scale(.96)}to{opacity:.78;transform:scale(1.05)}}

@media(max-width:1180px){
    .hero-premium-grid{
        grid-template-columns:minmax(0,1fr) minmax(450px,.85fr);
        gap:28px;
    }
    .hero-premium-copy h1{font-size:clamp(58px,6vw,78px)}
    .terminal-stage{transform:scale(.9);transform-origin:center}
    .premium-proof-strip{width:calc(100% - 48px)}
    .premium-proof-strip .proof-item{padding:14px 16px}
    .premium-proof-strip .proof-icon{flex-basis:46px;width:46px;height:46px}
}

@media(max-width:860px){
    .public-header{
        top:12px;
        width:calc(100% - 24px);
        height:72px;
        padding:0 14px;
        border-radius:20px;
        grid-template-columns:1fr auto;
    }
    .public-header.scrolled{height:68px}
    .public-header .brand-orb{width:42px;height:42px}
    .public-header .brand strong{font-size:16px}
    .public-header .brand small{font-size:8px}
    .public-header .header-actions{gap:8px}
    .public-header .header-actions>a.button:not(.button-quiet){min-height:42px;padding:.58rem .8rem}
    .public-header .theme-toggle{width:38px;height:38px}
    .mobile-menu{
        top:92px;
        left:12px;
        right:12px;
        border-color:rgba(166,202,255,.34);
        background:rgba(5,11,24,.97);
        box-shadow:0 20px 50px rgba(0,0,0,.5);
        backdrop-filter:blur(20px);
    }
    .hero-premium{
        min-height:auto;
        padding:130px 24px 90px;
    }
    .hero-premium-grid{
        grid-template-columns:1fr;
        gap:28px;
    }
    .hero-premium-copy{
        text-align:left;
    }
    .hero-premium-copy h1{
        max-width:690px;
        font-size:clamp(54px,10vw,76px);
    }
    .terminal-stage{
        min-height:610px;
        transform:scale(.92);
        transform-origin:top center;
        margin-bottom:-45px;
    }
    .terminal-shell{
        transform:rotateY(-3deg) rotateX(2deg) rotateZ(-.5deg);
    }
    .premium-proof-strip{
        width:calc(100% - 36px);
        margin:-46px auto 0;
        grid-template-columns:1fr 1fr;
        border-radius:22px;
    }
    .premium-proof-strip .proof-item:nth-child(2){border-right:0}
    .premium-proof-strip .proof-item:nth-child(-n+2){border-bottom:1px solid rgba(137,166,211,.24)}
}

@media(max-width:600px){
    .public-header{
        height:66px;
        border-radius:17px;
    }
    .public-header .brand{gap:8px}
    .public-header .brand-orb{width:38px;height:38px;border-radius:11px}
    .public-header .brand strong{font-size:14px}
    .public-header .brand small{font-size:7px}
    .public-header .header-actions>a.button:not(.button-quiet){font-size:12px;padding:.5rem .65rem}
    .public-header .theme-toggle{display:none}
    .mobile-menu{top:84px}
    .hero-premium{
        padding:110px 18px 72px;
    }
    .premium-announcement{
        padding:8px 12px;
        font-size:11px;
    }
    .hero-premium-copy h1{
        margin:20px 0;
        font-size:clamp(43px,13.2vw,62px);
        line-height:1.02;
    }
    .hero-premium-copy>p{
        font-size:15px;
        line-height:1.65;
    }
    .premium-button-row{
        flex-direction:row;
        flex-wrap:wrap;
        gap:10px;
        margin:23px 0;
    }
    .premium-primary-button,
    .premium-secondary-button{
        min-height:50px;
        min-width:0;
        padding:.75rem 1rem;
        font-size:14px;
    }
    .premium-trust-row{
        display:grid;
        gap:7px;
        font-size:12px;
    }
    .terminal-stage{
        min-height:470px;
        padding-bottom:65px;
        transform:none;
        margin:0;
    }
    .terminal-shell{
        width:100%;
        transform:none;
    }
    .terminal-shell:hover{transform:translateY(-4px)}
    .terminal-layer-back{transform:translate3d(14px,-8px,-40px)}
    .terminal-layer-middle{transform:translate3d(7px,-4px,-20px)}
    .premium-terminal{
        padding:16px;
        border-radius:23px;
    }
    .terminal-layer{border-radius:23px}
    .premium-terminal .terminal-head{
        gap:10px;
        font-size:8px;
    }
    .premium-terminal .symbol-line{
        padding:16px 0 13px;
    }
    .premium-terminal .symbol-line strong{font-size:23px}
    .premium-terminal .quote-pair{gap:7px}
    .premium-terminal .quote-pair span{
        min-width:70px;
        padding:8px 10px;
    }
    .premium-terminal .quote-pair b{font-size:18px}
    .premium-chart{height:155px;background-size:30px 30px,30px 30px,auto}
    .premium-terminal .risk-preview{gap:8px}
    .premium-terminal .risk-preview span{
        min-height:64px;
        padding:10px;
    }
    .premium-terminal .risk-preview b{font-size:10px}
    .premium-terminal .terminal-preview-button{
        min-height:48px;
        font-size:12px;
    }
    .terminal-pedestal{
        width:125%;
        height:105px;
        bottom:4px;
    }
    .premium-proof-strip{
        width:calc(100% - 24px);
        margin:-24px auto 0;
        padding:8px;
        grid-template-columns:1fr;
        border-radius:18px;
    }
    .premium-proof-strip .proof-item{
        min-height:78px;
        padding:11px 14px;
        border-right:0;
        border-bottom:1px solid rgba(137,166,211,.22);
    }
    .premium-proof-strip .proof-item:last-child{border-bottom:0}
    .premium-proof-strip small{font-size:9px}
    .premium-proof-strip strong{font-size:22px}
    .premium-proof-strip .proof-icon{width:42px;height:42px;flex-basis:42px}
    .premium-proof-strip .proof-icon svg{width:23px;height:23px}
}

@media(max-width:380px){
    .public-header .brand span:last-child{display:none}
    .public-header .header-actions>a.button:not(.button-quiet){font-size:11px}
    .hero-premium-copy h1{font-size:42px}
    .premium-announcement strong{font-size:10px}
    .premium-terminal .terminal-head span:last-child{font-size:7px}
}

@media(prefers-reduced-motion:reduce){
    .premium-chart .chart-line,
    .premium-chart .chart-area,
    .premium-chart::after,
    .terminal-glow{
        animation:none!important;
        opacity:1;
        stroke-dashoffset:0;
    }
}
/* =========================================================
   HOME PLATFORM V4 — THREE PREMIUM 3D TRADING MODE CARDS
   ========================================================= */

.modes-showcase{
    position:relative;
    isolation:isolate;
    width:100%;
    max-width:none;
    min-height:920px;
    margin:0;
    padding:
        145px
        max(24px,calc((100vw - 1480px)/2))
        165px;
    overflow:hidden;
    background:
        radial-gradient(
            circle at 12% 62%,
            rgba(21,89,255,.18),
            transparent 27%
        ),
        radial-gradient(
            circle at 51% 70%,
            rgba(118,52,255,.19),
            transparent 28%
        ),
        radial-gradient(
            circle at 89% 56%,
            rgba(0,204,255,.18),
            transparent 27%
        ),
        linear-gradient(
            180deg,
            #030712 0%,
            #030817 48%,
            #020611 100%
        );
}

.modes-showcase::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:-5;
    pointer-events:none;
    opacity:.84;
    background:
        radial-gradient(
            circle at 8% 26%,
            rgba(47,119,255,.78) 0 1px,
            transparent 2px
        ),
        radial-gradient(
            circle at 31% 15%,
            rgba(126,77,255,.7) 0 1px,
            transparent 2px
        ),
        radial-gradient(
            circle at 71% 31%,
            rgba(25,212,255,.72) 0 1px,
            transparent 2px
        ),
        radial-gradient(
            circle at 93% 18%,
            rgba(255,176,99,.75) 0 1px,
            transparent 2px
        ),
        radial-gradient(
            circle at 17% 76%,
            rgba(67,144,255,.72) 0 1.5px,
            transparent 3px
        ),
        radial-gradient(
            circle at 66% 78%,
            rgba(131,77,255,.6) 0 1px,
            transparent 2px
        );
    background-size:
        210px 210px,
        260px 260px,
        230px 230px,
        310px 310px,
        280px 280px,
        250px 250px;
}

.modes-showcase::after{
    content:"";
    position:absolute;
    z-index:-4;
    top:-12%;
    right:-7%;
    width:52%;
    height:84%;
    border:2px solid rgba(63,177,255,.15);
    border-radius:50%;
    box-shadow:
        0 0 0 34px rgba(31,117,255,.035),
        0 0 0 80px rgba(93,59,255,.025),
        0 0 80px rgba(17,135,255,.11),
        inset 0 0 90px rgba(8,130,255,.06);
    transform:rotate(18deg);
    filter:blur(.2px);
    pointer-events:none;
}

.modes-inner{
    position:relative;
    z-index:2;
    width:min(100%,1480px);
    margin:0 auto;
}

.modes-heading{
    max-width:960px;
    margin:0 0 46px;
}

.modes-kicker{
    display:inline-flex;
    align-items:center;
    min-height:34px;
    padding:7px 18px;
    border:1px solid rgba(78,181,255,.42);
    border-radius:999px;
    color:#56e8ff;
    background:
        linear-gradient(
            180deg,
            rgba(16,45,83,.74),
            rgba(5,15,32,.78)
        ),
        rgba(7,18,36,.8);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.2),
        inset 0 -1px 0 rgba(42,125,255,.26),
        0 0 18px rgba(39,151,255,.18);
    font-size:13px;
    letter-spacing:.16em;
    text-shadow:0 0 12px rgba(53,224,255,.55);
}

.modes-heading h2{
    max-width:980px;
    margin:18px 0 20px;
    color:#f3f6ff;
    font-size:clamp(56px,5.35vw,86px);
    line-height:1.01;
    letter-spacing:-.06em;
    text-wrap:balance;
    text-shadow:0 6px 24px rgba(0,0,0,.34);
}

.modes-heading p{
    max-width:960px;
    margin:0;
    color:#aeb9cd;
    font-size:clamp(17px,1.35vw,22px);
    line-height:1.65;
}

.modes-grid{
    position:relative;
    z-index:2;
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:24px;
    perspective:1600px;
}

.mode-card{
    --mode-accent:#55c9ff;
    --mode-accent-2:#526cff;
    --mode-rgb:61,160,255;

    position:relative;
    isolation:isolate;
    display:flex;
    min-width:0;
    min-height:510px;
    flex-direction:column;
    padding:34px 33px 31px;
    overflow:hidden;
    border:1px solid rgba(var(--mode-rgb),.72);
    border-radius:36px;
    background:
        linear-gradient(
            145deg,
            rgba(var(--mode-rgb),.16),
            transparent 31%
        ),
        linear-gradient(
            180deg,
            rgba(18,31,59,.93),
            rgba(4,12,28,.96)
        );
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.5),
        inset 2px 0 0 rgba(255,255,255,.08),
        inset -2px 0 0 rgba(var(--mode-rgb),.13),
        inset 0 -8px 25px rgba(var(--mode-rgb),.12),
        0 0 0 3px rgba(var(--mode-rgb),.06),
        0 24px 55px rgba(0,0,0,.48),
        0 0 34px rgba(var(--mode-rgb),.19);
    transform:translateZ(0);
    transform-style:preserve-3d;
    transition:
        transform .38s cubic-bezier(.2,.75,.2,1),
        border-color .3s ease,
        box-shadow .35s ease;
}

.mode-card::before{
    content:"";
    position:absolute;
    inset:7px;
    z-index:-1;
    border:1px solid rgba(199,226,255,.15);
    border-radius:29px;
    background:
        linear-gradient(
            115deg,
            rgba(255,255,255,.08),
            transparent 24% 71%,
            rgba(var(--mode-rgb),.1)
        ),
        repeating-linear-gradient(
            180deg,
            rgba(255,255,255,.012) 0 1px,
            transparent 1px 8px
        );
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.11),
        inset 0 -1px 0 rgba(var(--mode-rgb),.16);
    pointer-events:none;
}

.mode-card::after{
    content:"";
    position:absolute;
    z-index:-2;
    right:-24%;
    bottom:-25%;
    width:74%;
    aspect-ratio:1;
    border-radius:50%;
    background:rgba(var(--mode-rgb),.22);
    filter:blur(80px);
    opacity:.7;
    pointer-events:none;
}

.mode-card:hover{
    transform:translateY(-12px) rotateX(1deg);
    border-color:rgba(var(--mode-rgb),.98);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.64),
        inset 0 -10px 30px rgba(var(--mode-rgb),.16),
        0 0 0 4px rgba(var(--mode-rgb),.075),
        0 35px 75px rgba(0,0,0,.56),
        0 0 48px rgba(var(--mode-rgb),.31);
}

.mode-card-signals{
    --mode-accent:#c377ff;
    --mode-accent-2:#7058ff;
    --mode-rgb:140,79,255;
}

.mode-card-aurora{
    --mode-accent:#35e9ff;
    --mode-accent-2:#16a8d8;
    --mode-rgb:20,201,245;
}

.mode-card-shine{
    position:absolute;
    z-index:0;
    top:-45%;
    left:-72%;
    width:55%;
    height:190%;
    opacity:.32;
    transform:rotate(22deg);
    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255,255,255,.23),
            transparent
        );
    filter:blur(2px);
    pointer-events:none;
    transition:left .75s ease;
}

.mode-card:hover .mode-card-shine{
    left:125%;
}

.mode-card-top{
    position:relative;
    z-index:2;
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    margin-bottom:28px;
}

.mode-cube{
    position:relative;
    width:82px;
    height:76px;
    transform:translateZ(34px);
}

.mode-cube-layer,
.mode-cube-face{
    position:absolute;
    display:grid;
    place-items:center;
    width:64px;
    height:64px;
    border-radius:16px;
}

.mode-cube-layer{
    left:14px;
    top:9px;
    border:1px solid rgba(var(--mode-rgb),.62);
    background:
        linear-gradient(
            145deg,
            rgba(var(--mode-rgb),.5),
            rgba(18,41,78,.5)
        );
    box-shadow:
        0 0 22px rgba(var(--mode-rgb),.42),
        inset 0 1px 4px rgba(255,255,255,.35);
}

.mode-cube-face{
    left:0;
    top:0;
    z-index:2;
    border:1px solid rgba(221,246,255,.72);
    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.28),
            transparent 28%
        ),
        linear-gradient(
            135deg,
            rgba(var(--mode-rgb),.95),
            rgba(36,69,151,.94) 54%,
            rgba(var(--mode-rgb),.53)
        );
    box-shadow:
        inset 2px 2px 5px rgba(255,255,255,.48),
        inset -4px -5px 10px rgba(5,12,38,.48),
        0 0 0 4px rgba(var(--mode-rgb),.08),
        0 10px 22px rgba(0,0,0,.35),
        0 0 28px rgba(var(--mode-rgb),.52);
    color:#f5fbff;
    font-size:37px;
    font-weight:900;
    line-height:1;
    text-shadow:
        0 2px 4px rgba(0,0,0,.38),
        0 0 16px rgba(255,255,255,.45);
}

.mode-open{
    position:relative;
    display:grid;
    width:44px;
    height:44px;
    place-items:center;
    border:1px solid rgba(var(--mode-rgb),.46);
    border-radius:12px;
    color:#bcefff;
    background:
        linear-gradient(
            145deg,
            rgba(var(--mode-rgb),.16),
            rgba(7,16,36,.82)
        );
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.14),
        0 0 18px rgba(var(--mode-rgb),.08);
    transition:
        transform .2s ease,
        border-color .2s ease,
        box-shadow .2s ease,
        color .2s ease;
}

.mode-open svg{
    width:23px;
    height:23px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.7;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.mode-open:hover{
    color:#fff;
    border-color:rgba(var(--mode-rgb),.9);
    box-shadow:
        0 0 22px rgba(var(--mode-rgb),.28),
        inset 0 1px 0 rgba(255,255,255,.22);
    transform:translateY(-2px) rotate(3deg);
}

.mode-card h3{
    position:relative;
    z-index:2;
    margin:0 0 13px;
    color:#f6f8ff;
    font-size:clamp(26px,2vw,34px);
    line-height:1.15;
    letter-spacing:-.035em;
}

.mode-card > p{
    position:relative;
    z-index:2;
    min-height:86px;
    margin:0 0 15px;
    color:#bdc7d8;
    font-size:16px;
    line-height:1.7;
}

.mode-points{
    position:relative;
    z-index:2;
    display:grid;
    gap:0;
    margin:0;
    padding:0;
    list-style:none;
}

.mode-points li{
    display:grid;
    min-height:56px;
    grid-template-columns:38px minmax(0,1fr);
    align-items:center;
    gap:13px;
    border-bottom:1px solid rgba(145,178,218,.19);
    color:#c5cedd;
    font-size:15px;
}

.mode-points li:last-child{
    border-bottom:1px solid rgba(145,178,218,.19);
}

.mode-point-icon{
    display:grid;
    width:34px;
    height:34px;
    place-items:center;
    border:1px solid rgba(var(--mode-rgb),.42);
    border-radius:10px;
    color:var(--mode-accent);
    background:
        linear-gradient(
            145deg,
            rgba(var(--mode-rgb),.18),
            rgba(6,17,39,.72)
        );
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.12),
        0 0 14px rgba(var(--mode-rgb),.09);
}

.mode-point-icon svg{
    width:21px;
    height:21px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.8;
    stroke-linecap:round;
    stroke-linejoin:round;
    filter:
        drop-shadow(
            0 0 5px rgba(var(--mode-rgb),.55)
        );
}

.mode-cta{
    position:relative;
    z-index:2;
    display:inline-flex;
    width:max-content;
    align-items:center;
    gap:10px;
    margin-top:auto;
    padding-top:20px;
    color:var(--mode-accent);
    font-size:16px;
    font-weight:800;
    text-shadow:
        0 0 14px rgba(var(--mode-rgb),.32);
    transition:
        gap .2s ease,
        color .2s ease,
        text-shadow .2s ease;
}

.mode-cta span{
    font-size:22px;
    line-height:1;
}

.mode-cta:hover{
    gap:16px;
    color:#fff;
    text-shadow:
        0 0 18px rgba(var(--mode-rgb),.7);
}

.modes-ambient{
    position:absolute;
    z-index:-2;
    border-radius:50%;
    pointer-events:none;
    filter:blur(95px);
}

.modes-ambient-left{
    left:-190px;
    bottom:8%;
    width:520px;
    height:390px;
    background:rgba(23,91,255,.24);
}

.modes-ambient-right{
    right:-160px;
    top:21%;
    width:520px;
    height:480px;
    background:rgba(0,193,255,.17);
}

.modes-orbit{
    position:absolute;
    z-index:-3;
    border-radius:50%;
    pointer-events:none;
    border:1px solid rgba(65,161,255,.11);
}

.modes-orbit-one{
    top:2%;
    right:-21%;
    width:760px;
    height:760px;
    box-shadow:
        0 0 0 35px rgba(82,67,255,.025),
        0 0 0 78px rgba(36,160,255,.018);
}

.modes-orbit-two{
    left:-26%;
    bottom:-45%;
    width:850px;
    height:850px;
    border-color:rgba(114,69,255,.11);
    box-shadow:
        0 0 0 44px rgba(84,70,255,.02),
        0 0 0 96px rgba(39,140,255,.018);
}

.modes-floor{
    position:absolute;
    z-index:0;
    left:50%;
    bottom:-168px;
    width:122%;
    height:360px;
    transform:
        translateX(-50%)
        perspective(850px)
        rotateX(68deg);
    border:1px solid rgba(53,191,255,.2);
    border-radius:50%;
    background:
        repeating-radial-gradient(
            ellipse at center,
            transparent 0 62px,
            rgba(39,175,255,.15) 64px 65px,
            transparent 67px 98px
        ),
        conic-gradient(
            from 210deg at 50% 50%,
            rgba(32,77,255,.12),
            transparent 16%,
            rgba(127,50,255,.18),
            transparent 36%,
            rgba(0,211,255,.12),
            transparent 62%
        );
    box-shadow:
        0 -24px 80px rgba(35,83,255,.19),
        inset 0 80px 130px rgba(43,74,255,.07);
    pointer-events:none;
}

.modes-floor span{
    position:absolute;
    left:50%;
    top:50%;
    width:34%;
    height:18%;
    transform:translate(-50%,-50%);
    border-radius:50%;
    background:rgba(35,130,255,.16);
    filter:blur(22px);
}

.modes-floor span:nth-child(2){
    left:19%;
    background:rgba(63,85,255,.2);
}

.modes-floor span:nth-child(3){
    left:81%;
    background:rgba(0,205,255,.19);
}

/* TABLET */

@media(max-width:1180px){

    .modes-showcase{
        padding-left:28px;
        padding-right:28px;
    }

    .modes-grid{
        gap:16px;
    }

    .mode-card{
        min-height:500px;
        padding:27px 24px 26px;
        border-radius:30px;
    }

    .mode-card::before{
        border-radius:24px;
    }

    .mode-card > p{
        min-height:105px;
        font-size:14px;
    }

    .mode-points li{
        gap:10px;
        font-size:13px;
    }

}

/* SMALL TABLET */

@media(max-width:900px){

    .modes-showcase{
        min-height:auto;
        padding-top:110px;
        padding-bottom:140px;
    }

    .modes-heading h2{
        font-size:clamp(50px,9vw,72px);
    }

    .modes-grid{
        grid-template-columns:1fr;
        gap:24px;
    }

    .mode-card{
        min-height:auto;
        padding:32px;
    }

    .mode-card > p{
        min-height:0;
    }

    .modes-floor{
        bottom:-205px;
    }

}

/* MOBILE */

@media(max-width:600px){

    .modes-showcase{
        padding:86px 16px 105px;
    }

    .modes-heading{
        margin-bottom:31px;
    }

    .modes-kicker{
        min-height:30px;
        padding:6px 12px;
        font-size:10px;
    }

    .modes-heading h2{
        margin-top:15px;
        font-size:clamp(42px,12.6vw,58px);
        line-height:1.02;
    }

    .modes-heading p{
        font-size:15px;
        line-height:1.6;
    }

    .mode-card{
        padding:24px 20px 23px;
        border-radius:25px;
    }

    .mode-card::before{
        inset:5px;
        border-radius:20px;
    }

    .mode-card-top{
        margin-bottom:23px;
    }

    .mode-cube{
        width:69px;
        height:64px;
    }

    .mode-cube-layer,
    .mode-cube-face{
        width:55px;
        height:55px;
        border-radius:14px;
    }

    .mode-cube-layer{
        left:11px;
        top:8px;
    }

    .mode-cube-face{
        font-size:30px;
    }

    .mode-open{
        width:40px;
        height:40px;
    }

    .mode-card h3{
        font-size:27px;
    }

    .mode-card > p{
        font-size:14px;
        line-height:1.65;
    }

    .mode-points li{
        min-height:54px;
        grid-template-columns:35px 1fr;
        font-size:13px;
    }

    .mode-point-icon{
        width:32px;
        height:32px;
    }

    .mode-point-icon svg{
        width:19px;
        height:19px;
    }

    .mode-cta{
        padding-top:18px;
        font-size:14px;
    }

    .modes-showcase::after{
        top:0;
        right:-60%;
        width:130%;
        height:50%;
    }

}

@media(prefers-reduced-motion:reduce){

    .mode-card,
    .mode-card-shine,
    .mode-open,
    .mode-cta{
        transition:none!important;
    }

}
/* =========================================================
   HOME OVERSIGHT V5 — PREMIUM HUMAN + MACHINE WORKFLOW
   ========================================================= */

.oversight-showcase-v2{
    position:relative;
    isolation:isolate;
    width:100%;
    max-width:none;
    min-height:900px;
    margin:0;
    padding:
        125px
        max(28px,calc((100vw - 1640px)/2))
        160px;
    overflow:hidden;
    background:
        radial-gradient(
            circle at 13% 55%,
            rgba(21,105,255,.2),
            transparent 30%
        ),
        radial-gradient(
            circle at 89% 42%,
            rgba(0,206,255,.16),
            transparent 27%
        ),
        radial-gradient(
            circle at 52% 87%,
            rgba(95,50,255,.17),
            transparent 31%
        ),
        linear-gradient(
            180deg,
            #020611 0%,
            #030817 48%,
            #02050e 100%
        );
}

.oversight-showcase-v2::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:-6;
    pointer-events:none;
    opacity:.78;
    background:
        radial-gradient(
            circle at 7% 22%,
            rgba(31,147,255,.85) 0 1px,
            transparent 2px
        ),
        radial-gradient(
            circle at 25% 17%,
            rgba(106,68,255,.65) 0 1px,
            transparent 2px
        ),
        radial-gradient(
            circle at 68% 26%,
            rgba(25,220,255,.75) 0 1px,
            transparent 2px
        ),
        radial-gradient(
            circle at 91% 31%,
            rgba(119,75,255,.7) 0 1.3px,
            transparent 3px
        ),
        radial-gradient(
            circle at 78% 78%,
            rgba(23,176,255,.68) 0 1px,
            transparent 2px
        );
    background-size:
        225px 225px,
        290px 290px,
        250px 250px,
        330px 330px,
        270px 270px;
}

.oversight-showcase-v2::after{
    content:"";
    position:absolute;
    z-index:-5;
    top:-36%;
    right:-17%;
    width:78%;
    height:115%;
    border:2px solid rgba(53,165,255,.11);
    border-radius:50%;
    transform:rotate(13deg);
    box-shadow:
        0 0 0 48px rgba(63,77,255,.022),
        0 0 0 105px rgba(0,170,255,.018),
        inset 0 0 95px rgba(36,147,255,.04);
    pointer-events:none;
}

.oversight-v2-shell{
    position:relative;
    isolation:isolate;
    display:grid;
    width:min(100%,1640px);
    min-height:640px;
    grid-template-columns:minmax(360px,.84fr) minmax(650px,1.36fr);
    gap:55px;
    align-items:center;
    margin:0 auto;
    padding:55px 48px 46px 62px;
    overflow:hidden;
    border:1px solid rgba(112,191,255,.8);
    border-radius:50px;
    background:
        linear-gradient(
            118deg,
            rgba(28,54,105,.18),
            transparent 30%
        ),
        linear-gradient(
            180deg,
            rgba(12,29,61,.93),
            rgba(3,12,29,.97)
        );
    box-shadow:
        inset 0 2px 0 rgba(255,255,255,.48),
        inset 3px 0 0 rgba(122,162,255,.15),
        inset -3px 0 0 rgba(21,209,255,.12),
        inset 0 -8px 30px rgba(39,82,255,.12),
        0 0 0 5px rgba(74,119,255,.06),
        0 35px 80px rgba(0,0,0,.53),
        0 0 45px rgba(42,143,255,.24);
}

.oversight-v2-shell::before{
    content:"";
    position:absolute;
    inset:11px;
    z-index:-2;
    border:1px solid rgba(195,224,255,.21);
    border-radius:40px;
    background:
        linear-gradient(
            115deg,
            rgba(255,255,255,.055),
            transparent 29% 72%,
            rgba(8,181,255,.055)
        );
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.13),
        inset 0 -1px 0 rgba(53,133,255,.16);
    pointer-events:none;
}

.oversight-v2-shell::after{
    content:"";
    position:absolute;
    z-index:-3;
    top:-42%;
    left:-18%;
    width:72%;
    aspect-ratio:1;
    border-radius:50%;
    background:rgba(13,115,255,.18);
    filter:blur(110px);
    pointer-events:none;
}

.oversight-v2-shine{
    position:absolute;
    z-index:5;
    top:-70%;
    left:-30%;
    width:18%;
    height:220%;
    opacity:.22;
    transform:rotate(20deg);
    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255,255,255,.36),
            transparent
        );
    filter:blur(5px);
    pointer-events:none;
    animation:oversightGlassSweep 9s ease-in-out infinite;
}

@keyframes oversightGlassSweep{
    0%,
    28%{
        left:-30%;
    }

    54%,
    100%{
        left:125%;
    }
}

.oversight-v2-copy{
    position:relative;
    z-index:3;
    align-self:center;
    padding:20px 4px 100px 10px;
}

.oversight-v2-eyebrow{
    display:inline-flex;
    margin:0 0 55px;
    color:#35e4ff;
    font-size:15px;
    font-weight:850;
    letter-spacing:.14em;
    text-shadow:
        0 0 13px rgba(23,216,255,.55);
}

.oversight-v2-copy h2{
    max-width:620px;
    margin:0;
    color:#f5f7ff;
    font-size:clamp(51px,4.2vw,72px);
    line-height:1.04;
    letter-spacing:-.055em;
    text-wrap:balance;
    text-shadow:
        0 7px 26px rgba(0,0,0,.42);
}

.oversight-v2-copy h2 em{
    display:inline;
    color:transparent;
    font-style:normal;
    background:
        linear-gradient(
            90deg,
            #41e9ff 0%,
            #46aaff 48%,
            #a866ff 100%
        );
    background-clip:text;
    -webkit-background-clip:text;
    filter:
        drop-shadow(
            0 0 12px rgba(78,146,255,.23)
        );
}

.oversight-v2-divider{
    display:block;
    width:78px;
    height:3px;
    margin:34px 0 26px;
    border-radius:99px;
    background:
        linear-gradient(
            90deg,
            #16e5ff,
            #48a8ff 67%,
            transparent
        );
    box-shadow:
        0 0 17px rgba(28,213,255,.65);
}

.oversight-v2-copy p{
    max-width:590px;
    margin:0;
    color:#b9c4d7;
    font-size:clamp(17px,1.35vw,22px);
    line-height:1.65;
}

.oversight-v2-flow{
    position:relative;
    z-index:3;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:17px;
    margin:0;
    padding:0;
    list-style:none;
}

.oversight-v2-flow::before{
    content:"";
    position:absolute;
    z-index:-2;
    top:50%;
    left:50%;
    width:2px;
    height:72%;
    transform:translate(-50%,-50%);
    background:
        linear-gradient(
            180deg,
            transparent,
            rgba(49,212,255,.54),
            rgba(98,72,255,.5),
            transparent
        );
    box-shadow:
        0 0 15px rgba(49,192,255,.45);
}

.oversight-v2-step{
    --step-rgb:37,203,255;

    position:relative;
    isolation:isolate;
    display:grid;
    min-height:162px;
    grid-template-columns:98px minmax(0,1fr);
    align-items:center;
    gap:22px;
    padding:25px 27px 23px 24px;
    overflow:hidden;
    border:1px solid rgba(var(--step-rgb),.68);
    border-radius:28px;
    background:
        linear-gradient(
            140deg,
            rgba(var(--step-rgb),.14),
            transparent 34%
        ),
        linear-gradient(
            180deg,
            rgba(20,39,75,.9),
            rgba(5,16,37,.96)
        );
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.4),
        inset 2px 0 0 rgba(255,255,255,.06),
        inset -2px 0 0 rgba(var(--step-rgb),.13),
        inset 0 -5px 17px rgba(var(--step-rgb),.09),
        0 0 0 3px rgba(var(--step-rgb),.045),
        0 15px 34px rgba(0,0,0,.33),
        0 0 22px rgba(var(--step-rgb),.13);
    transition:
        transform .32s cubic-bezier(.2,.75,.2,1),
        border-color .3s ease,
        box-shadow .3s ease;
}

.oversight-v2-step:nth-child(3),
.oversight-v2-step:nth-child(4),
.oversight-v2-step:nth-child(5){
    --step-rgb:109,91,255;
}

.oversight-v2-step:nth-child(6){
    --step-rgb:33,194,255;
}

.oversight-v2-step::before{
    content:"";
    position:absolute;
    inset:6px;
    z-index:-1;
    border:1px solid rgba(207,232,255,.14);
    border-radius:22px;
    background:
        linear-gradient(
            115deg,
            rgba(255,255,255,.065),
            transparent 28% 70%,
            rgba(var(--step-rgb),.075)
        );
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.1);
    pointer-events:none;
}

.oversight-v2-step::after{
    content:"";
    position:absolute;
    z-index:-2;
    right:-20%;
    bottom:-65%;
    width:62%;
    aspect-ratio:1;
    border-radius:50%;
    background:rgba(var(--step-rgb),.2);
    filter:blur(50px);
    pointer-events:none;
}

.oversight-v2-step:hover{
    z-index:4;
    transform:
        translateY(-7px)
        scale(1.012);
    border-color:rgba(var(--step-rgb),.98);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.52),
        inset 0 -7px 24px rgba(var(--step-rgb),.14),
        0 0 0 4px rgba(var(--step-rgb),.07),
        0 22px 42px rgba(0,0,0,.42),
        0 0 34px rgba(var(--step-rgb),.25);
}

.oversight-v2-number{
    position:absolute;
    top:16px;
    right:19px;
    display:grid;
    min-width:45px;
    height:34px;
    place-items:center;
    padding:0 10px;
    border:1px solid rgba(var(--step-rgb),.55);
    border-radius:10px;
    color:#5eeaff;
    background:
        linear-gradient(
            145deg,
            rgba(var(--step-rgb),.2),
            rgba(5,18,39,.78)
        );
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.15),
        0 0 14px rgba(var(--step-rgb),.13);
    font-size:14px;
    line-height:1;
    text-shadow:
        0 0 12px rgba(var(--step-rgb),.62);
}

.oversight-v2-icon{
    position:relative;
    display:grid;
    width:92px;
    height:92px;
    place-items:center;
    border:1px solid rgba(173,218,255,.38);
    border-radius:50%;
    color:#3fe6ff;
    background:
        radial-gradient(
            circle at 32% 24%,
            rgba(255,255,255,.24),
            transparent 26%
        ),
        linear-gradient(
            145deg,
            rgba(var(--step-rgb),.26),
            rgba(11,29,62,.88) 55%,
            rgba(49,42,146,.52)
        );
    box-shadow:
        inset 3px 3px 11px rgba(255,255,255,.17),
        inset -5px -7px 15px rgba(2,8,27,.5),
        0 0 0 6px rgba(var(--step-rgb),.035),
        0 10px 22px rgba(0,0,0,.34),
        0 0 28px rgba(var(--step-rgb),.27);
}

.oversight-v2-icon::before{
    content:"";
    position:absolute;
    inset:8px;
    border:1px solid rgba(220,242,255,.1);
    border-radius:50%;
    pointer-events:none;
}

.oversight-v2-icon svg{
    width:50px;
    height:50px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.8;
    stroke-linecap:round;
    stroke-linejoin:round;
    filter:
        drop-shadow(
            0 0 8px rgba(var(--step-rgb),.76)
        );
}

.oversight-v2-step:nth-child(5) .oversight-v2-icon svg{
    width:54px;
    height:54px;
}

.oversight-v2-step:nth-child(6) .oversight-v2-icon svg{
    width:47px;
    height:47px;
    fill:currentColor;
    stroke:currentColor;
}

.oversight-v2-step-copy{
    display:grid;
    min-width:0;
    gap:10px;
    padding:16px 45px 0 0;
}

.oversight-v2-step-copy strong{
    color:#f4f7ff;
    font-size:clamp(23px,1.8vw,31px);
    line-height:1.15;
    letter-spacing:-.035em;
}

.oversight-v2-step-copy small{
    color:#b7c4d8;
    font-size:clamp(14px,1.08vw,18px);
    line-height:1.45;
}

.oversight-v2-wave{
    position:absolute;
    z-index:0;
    left:0;
    bottom:0;
    width:48%;
    height:220px;
    opacity:.76;
    pointer-events:none;
}

.oversight-v2-glow{
    position:absolute;
    z-index:-3;
    border-radius:50%;
    filter:blur(100px);
    pointer-events:none;
}

.oversight-v2-glow-left{
    left:-190px;
    bottom:6%;
    width:570px;
    height:420px;
    background:rgba(25,104,255,.25);
}

.oversight-v2-glow-right{
    right:-180px;
    top:19%;
    width:580px;
    height:470px;
    background:rgba(0,202,255,.19);
}

.oversight-v2-orbit{
    position:absolute;
    z-index:-4;
    border:1px solid rgba(66,166,255,.1);
    border-radius:50%;
    pointer-events:none;
}

.oversight-v2-orbit-one{
    top:-37%;
    right:-13%;
    width:820px;
    height:820px;
    box-shadow:
        0 0 0 42px rgba(41,148,255,.022),
        0 0 0 96px rgba(92,56,255,.018);
}

.oversight-v2-orbit-two{
    left:-31%;
    bottom:-58%;
    width:950px;
    height:950px;
    border-color:rgba(111,66,255,.12);
    box-shadow:
        0 0 0 54px rgba(77,70,255,.02),
        0 0 0 118px rgba(30,151,255,.016);
}

.oversight-v2-floor{
    position:absolute;
    z-index:-1;
    left:50%;
    bottom:-186px;
    width:124%;
    height:310px;
    transform:
        translateX(-50%)
        perspective(920px)
        rotateX(70deg);
    border:1px solid rgba(34,183,255,.2);
    border-radius:50%;
    background:
        repeating-radial-gradient(
            ellipse at center,
            transparent 0 67px,
            rgba(28,170,255,.13) 69px 70px,
            transparent 72px 108px
        ),
        conic-gradient(
            from 210deg at 50% 50%,
            rgba(24,74,255,.12),
            transparent 18%,
            rgba(108,51,255,.16),
            transparent 40%,
            rgba(0,204,255,.13),
            transparent 66%
        );
    box-shadow:
        0 -30px 90px rgba(34,102,255,.2),
        inset 0 80px 130px rgba(36,70,255,.08);
    pointer-events:none;
}

/* LARGE TABLET */

@media(max-width:1300px){

    .oversight-v2-shell{
        grid-template-columns:minmax(300px,.75fr) minmax(570px,1.25fr);
        gap:28px;
        padding:45px 34px 40px 44px;
    }

    .oversight-v2-step{
        min-height:148px;
        grid-template-columns:80px minmax(0,1fr);
        gap:15px;
        padding:20px;
    }

    .oversight-v2-icon{
        width:76px;
        height:76px;
    }

    .oversight-v2-icon svg{
        width:42px;
        height:42px;
    }

    .oversight-v2-step-copy{
        padding-right:37px;
    }

}

/* TABLET */

@media(max-width:1050px){

    .oversight-showcase-v2{
        min-height:auto;
        padding:
            100px
            25px
            130px;
    }

    .oversight-v2-shell{
        grid-template-columns:1fr;
        gap:42px;
        padding:45px 34px 48px;
    }

    .oversight-v2-copy{
        padding:10px 8px 5px;
    }

    .oversight-v2-eyebrow{
        margin-bottom:30px;
    }

    .oversight-v2-copy h2{
        max-width:780px;
    }

    .oversight-v2-copy p{
        max-width:750px;
    }

    .oversight-v2-wave{
        width:100%;
        height:160px;
        opacity:.27;
    }

}

/* MOBILE */

@media(max-width:700px){

    .oversight-showcase-v2{
        padding:
            82px
            14px
            105px;
    }

    .oversight-v2-shell{
        gap:30px;
        padding:
            28px
            17px
            30px;
        border-radius:30px;
    }

    .oversight-v2-shell::before{
        inset:6px;
        border-radius:24px;
    }

    .oversight-v2-copy{
        padding:
            11px
            6px
            3px;
    }

    .oversight-v2-eyebrow{
        margin-bottom:23px;
        font-size:10px;
        letter-spacing:.11em;
    }

    .oversight-v2-copy h2{
        font-size:clamp(39px,12.3vw,56px);
        line-height:1.04;
    }

    .oversight-v2-divider{
        width:61px;
        margin:24px 0 20px;
    }

    .oversight-v2-copy p{
        font-size:15px;
        line-height:1.6;
    }

    .oversight-v2-flow{
        grid-template-columns:1fr;
        gap:13px;
    }

    .oversight-v2-flow::before{
        display:none;
    }

    .oversight-v2-step{
        min-height:130px;
        grid-template-columns:68px minmax(0,1fr);
        gap:14px;
        padding:
            18px
            16px;
        border-radius:22px;
    }

    .oversight-v2-step::before{
        inset:4px;
        border-radius:18px;
    }

    .oversight-v2-number{
        top:12px;
        right:13px;
        min-width:38px;
        height:28px;
        padding:0 7px;
        font-size:11px;
    }

    .oversight-v2-icon{
        width:65px;
        height:65px;
    }

    .oversight-v2-icon svg{
        width:35px;
        height:35px;
    }

    .oversight-v2-step-copy{
        gap:6px;
        padding:
            17px
            32px
            0
            0;
    }

    .oversight-v2-step-copy strong{
        font-size:21px;
    }

    .oversight-v2-step-copy small{
        font-size:13px;
    }

    .oversight-v2-wave{
        height:120px;
        opacity:.2;
    }

}

@media(prefers-reduced-motion:reduce){

    .oversight-v2-shine{
        animation:none!important;
    }

    .oversight-v2-step{
        transition:none!important;
    }

}
/* =========================================================
   HOME AI WORKFLOW V6
   FROM A QUESTION TO A CLOSED TRADE
   ========================================================= */

.ai-workflow-showcase{
    position:relative;
    isolation:isolate;
    width:100%;
    max-width:none;
    min-height:1500px;
    margin:0;
    padding:
        105px
        max(28px,calc((100vw - 1420px)/2))
        190px;
    overflow:hidden;
    background:
        radial-gradient(
            circle at 13% 30%,
            rgba(33,73,255,.19),
            transparent 27%
        ),
        radial-gradient(
            circle at 87% 37%,
            rgba(0,204,255,.15),
            transparent 27%
        ),
        radial-gradient(
            circle at 50% 80%,
            rgba(92,48,255,.18),
            transparent 31%
        ),
        linear-gradient(
            180deg,
            #020611 0%,
            #030817 46%,
            #02050f 100%
        );
}

.ai-workflow-showcase::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:-7;
    pointer-events:none;
    opacity:.82;
    background:
        radial-gradient(
            circle at 8% 13%,
            rgba(32,143,255,.85) 0 1.2px,
            transparent 2.5px
        ),
        radial-gradient(
            circle at 26% 22%,
            rgba(111,64,255,.73) 0 1px,
            transparent 2px
        ),
        radial-gradient(
            circle at 71% 15%,
            rgba(35,216,255,.75) 0 1px,
            transparent 2px
        ),
        radial-gradient(
            circle at 93% 27%,
            rgba(123,75,255,.72) 0 1.4px,
            transparent 3px
        ),
        radial-gradient(
            circle at 18% 69%,
            rgba(29,136,255,.75) 0 1px,
            transparent 2px
        ),
        radial-gradient(
            circle at 80% 74%,
            rgba(19,202,255,.69) 0 1px,
            transparent 2px
        );
    background-size:
        215px 215px,
        275px 275px,
        245px 245px,
        325px 325px,
        290px 290px,
        265px 265px;
}

.ai-workflow-showcase::after{
    content:"";
    position:absolute;
    z-index:-6;
    top:-26%;
    left:50%;
    width:96%;
    height:80%;
    transform:translateX(-50%);
    border:3px solid rgba(49,147,255,.18);
    border-bottom-color:transparent;
    border-radius:50% 50% 42% 42%;
    box-shadow:
        0 0 0 38px rgba(49,92,255,.025),
        0 0 0 83px rgba(0,184,255,.017),
        inset 0 0 90px rgba(30,132,255,.05),
        0 0 50px rgba(30,119,255,.13);
    pointer-events:none;
}

.ai-workflow-inner{
    position:relative;
    z-index:3;
    width:min(100%,1420px);
    margin:0 auto;
}

.ai-workflow-heading{
    max-width:1120px;
    margin:0 auto 45px;
    text-align:center;
}

.ai-workflow-badge{
    display:inline-flex;
    min-height:40px;
    align-items:center;
    gap:13px;
    padding:8px 24px;
    border:1px solid rgba(47,193,255,.65);
    border-radius:999px;
    color:#32e6ff;
    background:
        linear-gradient(
            180deg,
            rgba(20,72,112,.75),
            rgba(5,18,38,.82)
        );
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.25),
        inset 0 -1px 0 rgba(52,138,255,.25),
        0 0 0 3px rgba(34,150,255,.04),
        0 0 24px rgba(21,178,255,.24);
    font-size:17px;
    font-weight:700;
    text-shadow:
        0 0 13px rgba(28,218,255,.55);
}

.ai-workflow-badge i{
    width:9px;
    height:9px;
    flex:0 0 9px;
    border-radius:50%;
    background:#1ce6ee;
    box-shadow:
        0 0 8px #1ce6ee,
        0 0 16px rgba(28,230,238,.72);
    animation:aiFlowBadgePulse 2s ease-in-out infinite;
}

@keyframes aiFlowBadgePulse{
    0%,
    100%{
        opacity:.75;
        transform:scale(.85);
    }

    50%{
        opacity:1;
        transform:scale(1.15);
    }
}

.ai-workflow-heading h2{
    margin:15px auto 16px;
    color:#f5f7ff;
    font-size:clamp(54px,5.1vw,78px);
    line-height:1.03;
    letter-spacing:-.055em;
    text-wrap:balance;
    text-shadow:
        0 7px 28px rgba(0,0,0,.42);
}

.ai-workflow-heading h2 em{
    color:transparent;
    font-style:normal;
    background:
        linear-gradient(
            90deg,
            #f4f6ff 0%,
            #93bdff 38%,
            #48dfff 66%,
            #be6cff 100%
        );
    background-clip:text;
    -webkit-background-clip:text;
    filter:
        drop-shadow(
            0 0 13px rgba(71,156,255,.23)
        );
}

.ai-workflow-heading p{
    max-width:850px;
    margin:0 auto;
    color:#bdc6d7;
    font-size:clamp(18px,1.55vw,24px);
    line-height:1.55;
    text-wrap:balance;
}

.ai-flow-timeline{
    position:relative;
    display:grid;
    gap:15px;
    margin:0;
    padding:0;
    list-style:none;
}

.ai-flow-timeline::before{
    content:"";
    position:absolute;
    z-index:0;
    top:2px;
    bottom:0;
    left:50%;
    width:3px;
    transform:translateX(-50%);
    border-radius:99px;
    background:
        linear-gradient(
            180deg,
            transparent,
            #21cfff 4%,
            #349cff 36%,
            #755eff 67%,
            #27d7ff 94%,
            transparent
        );
    box-shadow:
        0 0 8px rgba(36,215,255,.9),
        0 0 20px rgba(39,134,255,.68),
        0 0 42px rgba(71,73,255,.37);
}

.ai-flow-row{
    position:relative;
    z-index:2;
    display:grid;
    min-height:155px;
    grid-template-columns:
        minmax(0,1fr)
        112px
        minmax(0,1fr);
    align-items:center;
}

.ai-flow-left .ai-flow-card{
    grid-column:1;
}

.ai-flow-right .ai-flow-card{
    grid-column:3;
}

.ai-flow-node{
    position:relative;
    z-index:5;
    display:grid;
    width:44px;
    height:44px;
    grid-column:2;
    grid-row:1;
    place-items:center;
    justify-self:center;
    border:2px solid rgba(112,235,255,.9);
    border-radius:50%;
    background:
        radial-gradient(
            circle at 35% 28%,
            rgba(255,255,255,.88),
            rgba(57,224,255,.8) 20%,
            rgba(32,125,255,.86) 49%,
            rgba(50,38,134,.96) 100%
        );
    box-shadow:
        inset 0 0 10px rgba(255,255,255,.7),
        0 0 0 7px rgba(34,180,255,.11),
        0 0 13px rgba(31,229,255,.98),
        0 0 30px rgba(40,124,255,.78);
}

.ai-flow-node::before,
.ai-flow-node::after{
    content:"";
    position:absolute;
    border-radius:50%;
    pointer-events:none;
}

.ai-flow-node::before{
    inset:8px;
    border:1px solid rgba(255,255,255,.72);
}

.ai-flow-node::after{
    inset:-12px;
    border:1px solid rgba(57,169,255,.22);
    animation:aiFlowNodeRing 2.7s ease-out infinite;
}

.ai-flow-node i{
    width:11px;
    height:11px;
    border-radius:50%;
    background:#efffff;
    box-shadow:
        0 0 9px #fff,
        0 0 16px #38e6ff;
}

@keyframes aiFlowNodeRing{
    0%{
        opacity:.8;
        transform:scale(.55);
    }

    100%{
        opacity:0;
        transform:scale(1.4);
    }
}

.ai-flow-card{
    --flow-rgb:41,195,255;

    position:relative;
    isolation:isolate;
    display:grid;
    min-height:150px;
    grid-template-columns:112px minmax(0,1fr);
    align-items:center;
    gap:18px;
    padding:25px 31px 24px 22px;
    overflow:hidden;
    border:1px solid rgba(var(--flow-rgb),.72);
    border-radius:28px;
    background:
        linear-gradient(
            125deg,
            rgba(var(--flow-rgb),.16),
            transparent 33%
        ),
        linear-gradient(
            180deg,
            rgba(22,44,84,.93),
            rgba(4,15,35,.97)
        );
    box-shadow:
        inset 0 2px 0 rgba(255,255,255,.5),
        inset 2px 0 0 rgba(255,255,255,.08),
        inset -2px 0 0 rgba(var(--flow-rgb),.12),
        inset 0 -6px 21px rgba(var(--flow-rgb),.12),
        0 0 0 4px rgba(var(--flow-rgb),.055),
        0 17px 40px rgba(0,0,0,.43),
        0 0 28px rgba(var(--flow-rgb),.18);
    transform:translateZ(0);
    transition:
        transform .35s cubic-bezier(.2,.75,.2,1),
        border-color .3s ease,
        box-shadow .35s ease;
}

.ai-flow-card::before{
    content:"";
    position:absolute;
    inset:6px;
    z-index:-1;
    border:1px solid rgba(210,235,255,.15);
    border-radius:22px;
    background:
        linear-gradient(
            115deg,
            rgba(255,255,255,.075),
            transparent 26% 72%,
            rgba(var(--flow-rgb),.08)
        );
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.12);
    pointer-events:none;
}

.ai-flow-left .ai-flow-card::after,
.ai-flow-right .ai-flow-card::after{
    content:"";
    position:absolute;
    z-index:-1;
    top:50%;
    width:58px;
    height:2px;
    transform:translateY(-50%);
    background:
        linear-gradient(
            90deg,
            rgba(var(--flow-rgb),.1),
            rgba(var(--flow-rgb),.98)
        );
    box-shadow:
        0 0 9px rgba(var(--flow-rgb),.82),
        0 0 18px rgba(var(--flow-rgb),.43);
    pointer-events:none;
}

.ai-flow-left .ai-flow-card::after{
    right:-58px;
}

.ai-flow-right .ai-flow-card::after{
    left:-58px;
    transform:
        translateY(-50%)
        rotate(180deg);
}

.ai-flow-card:hover{
    z-index:6;
    transform:
        translateY(-6px)
        scale(1.012);
    border-color:rgba(var(--flow-rgb),1);
    box-shadow:
        inset 0 2px 0 rgba(255,255,255,.62),
        inset 0 -8px 27px rgba(var(--flow-rgb),.15),
        0 0 0 5px rgba(var(--flow-rgb),.07),
        0 25px 53px rgba(0,0,0,.53),
        0 0 39px rgba(var(--flow-rgb),.29);
}

.ai-flow-card-purple{
    --flow-rgb:132,76,255;
}

.ai-flow-card-blue{
    --flow-rgb:49,128,255;
}

.ai-flow-card-cyan{
    --flow-rgb:28,199,255;
}

.ai-flow-card-shine{
    position:absolute;
    z-index:2;
    top:-70%;
    left:-50%;
    width:24%;
    height:240%;
    opacity:.25;
    transform:rotate(20deg);
    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255,255,255,.35),
            transparent
        );
    filter:blur(4px);
    pointer-events:none;
    transition:left .75s ease;
}

.ai-flow-card:hover .ai-flow-card-shine{
    left:125%;
}

.ai-flow-icon{
    position:relative;
    display:grid;
    width:96px;
    height:96px;
    place-items:center;
    border:1px solid rgba(192,224,255,.42);
    border-radius:50%;
    color:#43e3ff;
    background:
        radial-gradient(
            circle at 32% 24%,
            rgba(255,255,255,.27),
            transparent 25%
        ),
        linear-gradient(
            145deg,
            rgba(var(--flow-rgb),.32),
            rgba(13,31,66,.93) 55%,
            rgba(78,39,160,.62)
        );
    box-shadow:
        inset 3px 3px 11px rgba(255,255,255,.17),
        inset -5px -7px 15px rgba(2,8,27,.54),
        0 0 0 6px rgba(var(--flow-rgb),.04),
        0 10px 22px rgba(0,0,0,.34),
        0 0 27px rgba(var(--flow-rgb),.29);
}

.ai-flow-icon::before{
    content:"";
    position:absolute;
    inset:8px;
    border:1px solid rgba(213,239,255,.12);
    border-radius:50%;
}

.ai-flow-icon svg{
    position:relative;
    z-index:2;
    width:51px;
    height:51px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.8;
    stroke-linecap:round;
    stroke-linejoin:round;
    filter:
        drop-shadow(
            0 0 8px rgba(var(--flow-rgb),.83)
        );
}

.ai-flow-card-purple .ai-flow-icon{
    color:#b78aff;
}

.ai-flow-card-blue .ai-flow-icon{
    color:#55b5ff;
}

.ai-flow-card-copy{
    position:relative;
    z-index:3;
    display:grid;
    min-width:0;
}

.ai-flow-card-copy small{
    margin-bottom:5px;
    color:#37e4ff;
    font-size:14px;
    font-weight:850;
    letter-spacing:.04em;
    text-shadow:
        0 0 10px rgba(29,216,255,.47);
}

.ai-flow-card-purple .ai-flow-card-copy small{
    color:#61e6ff;
}

.ai-flow-card-copy strong{
    margin-bottom:7px;
    color:#f7f8ff;
    font-size:clamp(24px,2vw,31px);
    line-height:1.12;
    letter-spacing:-.035em;
}

.ai-flow-card-copy p{
    max-width:370px;
    margin:0;
    color:#c0cadb;
    font-size:clamp(14px,1.2vw,18px);
    line-height:1.45;
}

.ai-workflow-glow{
    position:absolute;
    z-index:-4;
    border-radius:50%;
    filter:blur(105px);
    pointer-events:none;
}

.ai-workflow-glow-left{
    left:-220px;
    top:27%;
    width:570px;
    height:500px;
    background:rgba(26,85,255,.24);
}

.ai-workflow-glow-right{
    right:-210px;
    top:38%;
    width:590px;
    height:520px;
    background:rgba(0,196,255,.18);
}

.ai-workflow-orbit{
    position:absolute;
    z-index:-5;
    border:1px solid rgba(57,160,255,.1);
    border-radius:50%;
    pointer-events:none;
}

.ai-workflow-orbit-one{
    top:-18%;
    right:-25%;
    width:860px;
    height:860px;
    box-shadow:
        0 0 0 46px rgba(41,132,255,.02),
        0 0 0 102px rgba(104,59,255,.017);
}

.ai-workflow-orbit-two{
    left:-34%;
    bottom:-24%;
    width:1000px;
    height:1000px;
    border-color:rgba(99,62,255,.1);
    box-shadow:
        0 0 0 57px rgba(75,74,255,.02),
        0 0 0 125px rgba(25,157,255,.016);
}

.ai-workflow-floor{
    position:absolute;
    z-index:0;
    left:50%;
    bottom:-180px;
    width:126%;
    height:375px;
    transform:
        translateX(-50%)
        perspective(920px)
        rotateX(70deg);
    border:1px solid rgba(34,184,255,.24);
    border-radius:50%;
    background:
        repeating-radial-gradient(
            ellipse at center,
            transparent 0 62px,
            rgba(24,174,255,.16) 64px 65px,
            transparent 67px 100px
        ),
        conic-gradient(
            from 210deg at 50% 50%,
            rgba(30,71,255,.15),
            transparent 18%,
            rgba(104,47,255,.18),
            transparent 40%,
            rgba(0,206,255,.14),
            transparent 66%
        );
    box-shadow:
        0 -28px 100px rgba(34,105,255,.24),
        inset 0 85px 140px rgba(36,70,255,.09);
    pointer-events:none;
}

.ai-workflow-floor span{
    position:absolute;
    top:50%;
    left:50%;
    width:43%;
    height:17%;
    transform:translate(-50%,-50%);
    border-radius:50%;
    background:rgba(25,142,255,.18);
    filter:blur(21px);
}

.ai-workflow-floor span:nth-child(2){
    width:64%;
    height:26%;
    background:rgba(88,55,255,.13);
}

.ai-workflow-floor span:nth-child(3){
    width:21%;
    height:11%;
    background:rgba(27,219,255,.29);
}

/* TABLET */

@media(max-width:1050px){

    .ai-workflow-showcase{
        min-height:auto;
        padding:
            95px
            24px
            155px;
    }

    .ai-flow-row{
        grid-template-columns:
            minmax(0,1fr)
            88px
            minmax(0,1fr);
    }

    .ai-flow-card{
        min-height:145px;
        grid-template-columns:79px minmax(0,1fr);
        gap:13px;
        padding:21px 20px;
    }

    .ai-flow-icon{
        width:72px;
        height:72px;
    }

    .ai-flow-icon svg{
        width:39px;
        height:39px;
    }

    .ai-flow-left .ai-flow-card::after,
    .ai-flow-right .ai-flow-card::after{
        width:45px;
    }

    .ai-flow-left .ai-flow-card::after{
        right:-45px;
    }

    .ai-flow-right .ai-flow-card::after{
        left:-45px;
    }

}

/* MOBILE */

@media(max-width:760px){

    .ai-workflow-showcase{
        padding:
            80px
            14px
            125px;
    }

    .ai-workflow-showcase::after{
        top:-9%;
        width:150%;
        height:38%;
    }

    .ai-workflow-heading{
        margin-bottom:34px;
    }

    .ai-workflow-badge{
        min-height:33px;
        padding:6px 15px;
        font-size:12px;
    }

    .ai-workflow-badge i{
        width:7px;
        height:7px;
        flex-basis:7px;
    }

    .ai-workflow-heading h2{
        margin-top:15px;
        font-size:clamp(41px,12vw,57px);
        line-height:1.04;
    }

    .ai-workflow-heading p{
        font-size:15px;
        line-height:1.6;
    }

    .ai-flow-timeline{
        gap:14px;
    }

    .ai-flow-timeline::before{
        left:21px;
        width:2px;
    }

    .ai-flow-row{
        min-height:auto;
        grid-template-columns:42px minmax(0,1fr);
        align-items:center;
    }

    .ai-flow-left .ai-flow-card,
    .ai-flow-right .ai-flow-card{
        grid-column:2;
    }

    .ai-flow-node{
        width:30px;
        height:30px;
        grid-column:1;
        justify-self:center;
    }

    .ai-flow-node i{
        width:8px;
        height:8px;
    }

    .ai-flow-card{
        min-height:130px;
        grid-template-columns:63px minmax(0,1fr);
        gap:12px;
        padding:
            18px
            15px;
        border-radius:22px;
    }

    .ai-flow-card::before{
        inset:4px;
        border-radius:18px;
    }

    .ai-flow-left .ai-flow-card::after,
    .ai-flow-right .ai-flow-card::after{
        top:50%;
        left:-22px;
        right:auto;
        width:22px;
        transform:
            translateY(-50%)
            rotate(180deg);
    }

    .ai-flow-icon{
        width:59px;
        height:59px;
    }

    .ai-flow-icon::before{
        inset:5px;
    }

    .ai-flow-icon svg{
        width:32px;
        height:32px;
    }

    .ai-flow-card-copy small{
        margin-bottom:4px;
        font-size:10px;
    }

    .ai-flow-card-copy strong{
        margin-bottom:5px;
        font-size:20px;
    }

    .ai-flow-card-copy p{
        font-size:12px;
        line-height:1.45;
    }

    .ai-workflow-floor{
        bottom:-210px;
        height:330px;
    }

}

@media(prefers-reduced-motion:reduce){

    .ai-workflow-badge i,
    .ai-flow-node::after{
        animation:none!important;
    }

    .ai-flow-card,
    .ai-flow-card-shine{
        transition:none!important;
    }

}
/* =========================================================
   HOME AURORA V7
   MEET AURORA — PREMIUM AI CHAT SHOWCASE
   ========================================================= */

.aurora-showcase{
    position:relative;
    isolation:isolate;
    width:100%;
    max-width:none;
    min-height:1100px;
    margin:0;
    padding:
        105px
        max(28px,calc((100vw - 1540px)/2))
        160px;
    overflow:hidden;
    background:
        radial-gradient(
            circle at 8% 46%,
            rgba(43,61,255,.23),
            transparent 29%
        ),
        radial-gradient(
            circle at 89% 46%,
            rgba(0,198,255,.16),
            transparent 29%
        ),
        radial-gradient(
            circle at 52% 89%,
            rgba(104,42,255,.18),
            transparent 31%
        ),
        linear-gradient(
            180deg,
            #020611 0%,
            #030817 48%,
            #02050f 100%
        );
}

.aurora-showcase::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:-7;
    pointer-events:none;
    opacity:.82;
    background:
        radial-gradient(
            circle at 7% 17%,
            rgba(46,148,255,.86) 0 1px,
            transparent 2px
        ),
        radial-gradient(
            circle at 28% 23%,
            rgba(113,64,255,.74) 0 1px,
            transparent 2px
        ),
        radial-gradient(
            circle at 69% 12%,
            rgba(31,218,255,.75) 0 1px,
            transparent 2px
        ),
        radial-gradient(
            circle at 93% 32%,
            rgba(122,75,255,.72) 0 1.4px,
            transparent 3px
        ),
        radial-gradient(
            circle at 18% 71%,
            rgba(27,134,255,.74) 0 1px,
            transparent 2px
        ),
        radial-gradient(
            circle at 81% 75%,
            rgba(17,205,255,.66) 0 1px,
            transparent 2px
        );
    background-size:
        215px 215px,
        270px 270px,
        245px 245px,
        330px 330px,
        290px 290px,
        260px 260px;
}

.aurora-showcase::after{
    content:"";
    position:absolute;
    z-index:-6;
    top:-39%;
    right:-12%;
    width:92%;
    height:115%;
    border:3px solid rgba(70,95,255,.12);
    border-radius:50%;
    transform:rotate(-15deg);
    box-shadow:
        0 0 0 51px rgba(47,125,255,.021),
        0 0 0 110px rgba(108,54,255,.016),
        inset 0 0 105px rgba(35,141,255,.042);
    pointer-events:none;
}

.aurora-showcase-inner{
    position:relative;
    z-index:3;
    width:min(100%,1540px);
    margin:0 auto;
}

.aurora-showcase-heading{
    max-width:1120px;
    margin:0 auto 48px;
    text-align:center;
}

.aurora-showcase-badge{
    display:inline-flex;
    min-height:42px;
    align-items:center;
    gap:13px;
    padding:8px 25px;
    border:1px solid rgba(40,190,255,.67);
    border-radius:999px;
    color:#34e8ff;
    background:
        linear-gradient(
            180deg,
            rgba(18,68,108,.78),
            rgba(4,17,37,.85)
        );
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.24),
        inset 0 -1px 0 rgba(54,134,255,.26),
        0 0 0 3px rgba(32,151,255,.04),
        0 0 24px rgba(18,182,255,.23);
    font-size:17px;
    font-weight:750;
    text-shadow:
        0 0 13px rgba(28,219,255,.55);
}

.aurora-showcase-badge i{
    width:10px;
    height:10px;
    flex:0 0 10px;
    border-radius:50%;
    background:#1deaff;
    box-shadow:
        0 0 8px #1deaff,
        0 0 17px rgba(29,234,255,.77);
    animation:auroraOnlinePulse 2s ease-in-out infinite;
}

@keyframes auroraOnlinePulse{
    0%,
    100%{
        opacity:.72;
        transform:scale(.82);
    }

    50%{
        opacity:1;
        transform:scale(1.16);
    }
}

.aurora-showcase-heading h2{
    margin:16px auto 17px;
    color:#f5f7ff;
    font-size:clamp(56px,5.25vw,83px);
    line-height:1.03;
    letter-spacing:-.058em;
    text-wrap:balance;
    text-shadow:
        0 8px 29px rgba(0,0,0,.43);
}

.aurora-showcase-heading h2 em{
    color:transparent;
    font-style:normal;
    background:
        linear-gradient(
            90deg,
            #dfd5ff 0%,
            #aa83ff 46%,
            #7fb6ff 100%
        );
    background-clip:text;
    -webkit-background-clip:text;
    filter:
        drop-shadow(
            0 0 14px rgba(112,92,255,.25)
        );
}

.aurora-showcase-heading p{
    max-width:990px;
    margin:0 auto;
    color:#b7c2d5;
    font-size:clamp(17px,1.45vw,22px);
    line-height:1.6;
    text-wrap:balance;
}

.aurora-chat-grid{
    position:relative;
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:22px;
    perspective:1800px;
}

.aurora-chat-card{
    --aurora-rgb:83,75,255;

    position:relative;
    isolation:isolate;
    display:grid;
    min-width:0;
    min-height:640px;
    grid-template-rows:auto 1fr auto;
    overflow:hidden;
    border:1px solid rgba(var(--aurora-rgb),.82);
    border-radius:38px;
    background:
        linear-gradient(
            135deg,
            rgba(var(--aurora-rgb),.16),
            transparent 28%
        ),
        linear-gradient(
            180deg,
            rgba(10,25,57,.96),
            rgba(3,12,30,.98)
        );
    box-shadow:
        inset 0 2px 0 rgba(255,255,255,.49),
        inset 2px 0 0 rgba(255,255,255,.07),
        inset -2px 0 0 rgba(var(--aurora-rgb),.15),
        inset 0 -8px 28px rgba(var(--aurora-rgb),.13),
        0 0 0 5px rgba(var(--aurora-rgb),.055),
        0 28px 62px rgba(0,0,0,.5),
        0 0 34px rgba(var(--aurora-rgb),.23);
    transform:translateZ(0);
    transform-style:preserve-3d;
    transition:
        transform .38s cubic-bezier(.2,.75,.2,1),
        border-color .3s ease,
        box-shadow .35s ease;
}

.aurora-chat-card::before{
    content:"";
    position:absolute;
    inset:7px;
    z-index:-1;
    border:1px solid rgba(203,231,255,.15);
    border-radius:30px;
    background:
        linear-gradient(
            115deg,
            rgba(255,255,255,.065),
            transparent 25% 73%,
            rgba(var(--aurora-rgb),.075)
        );
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.11);
    pointer-events:none;
}

.aurora-chat-card::after{
    content:"";
    position:absolute;
    z-index:-2;
    right:-30%;
    bottom:-23%;
    width:78%;
    aspect-ratio:1;
    border-radius:50%;
    background:rgba(var(--aurora-rgb),.18);
    filter:blur(80px);
    pointer-events:none;
}

.aurora-chat-card:hover{
    z-index:5;
    transform:
        translateY(-10px)
        rotateX(1deg);
    border-color:rgba(var(--aurora-rgb),1);
    box-shadow:
        inset 0 2px 0 rgba(255,255,255,.62),
        inset 0 -10px 32px rgba(var(--aurora-rgb),.17),
        0 0 0 6px rgba(var(--aurora-rgb),.07),
        0 38px 80px rgba(0,0,0,.57),
        0 0 48px rgba(var(--aurora-rgb),.32);
}

.aurora-chat-card-report{
    --aurora-rgb:11,198,255;
}

.aurora-chat-card-automation{
    --aurora-rgb:115,69,255;
}

.aurora-chat-shine{
    position:absolute;
    z-index:7;
    top:-70%;
    left:-45%;
    width:22%;
    height:240%;
    opacity:.24;
    transform:rotate(20deg);
    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255,255,255,.36),
            transparent
        );
    filter:blur(5px);
    pointer-events:none;
    transition:left .8s ease;
}

.aurora-chat-card:hover .aurora-chat-shine{
    left:125%;
}

.aurora-chat-header{
    position:relative;
    z-index:3;
    display:flex;
    min-height:76px;
    align-items:center;
    justify-content:space-between;
    gap:15px;
    padding:17px 22px;
    border-bottom:1px solid rgba(150,196,255,.23);
    background:
        linear-gradient(
            180deg,
            rgba(19,40,76,.66),
            rgba(7,21,46,.32)
        );
}

.aurora-chat-identity{
    display:flex;
    min-width:0;
    align-items:center;
    gap:10px;
}

.aurora-mini-logo{
    display:grid;
    width:39px;
    height:39px;
    flex:0 0 39px;
    place-items:center;
    border:1px solid rgba(202,225,255,.56);
    border-radius:11px;
    color:#dcf9ff;
    background:
        linear-gradient(
            145deg,
            #42dfff,
            #5654ff 56%,
            #a45dff
        );
    box-shadow:
        inset 2px 2px 5px rgba(255,255,255,.4),
        inset -3px -4px 7px rgba(21,13,91,.4),
        0 0 17px rgba(var(--aurora-rgb),.52);
}

.aurora-mini-logo svg{
    width:25px;
    height:25px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.7;
    stroke-linecap:round;
}

.aurora-chat-identity strong{
    color:#f7f9ff;
    font-size:18px;
}

.aurora-chat-identity small{
    display:inline-flex;
    align-items:center;
    gap:6px;
    color:#20f3a3;
    font-size:13px;
}

.aurora-chat-identity small i{
    width:7px;
    height:7px;
    border-radius:50%;
    background:#18ed9c;
    box-shadow:
        0 0 7px rgba(24,237,156,.8);
}

.aurora-chat-topic{
    color:#b6c3d6;
    font-size:13px;
    text-align:right;
}

.aurora-chat-body{
    position:relative;
    z-index:2;
    padding:27px 20px 20px;
}

.aurora-user-message-row{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:10px;
    margin-bottom:22px;
}

.aurora-user-message{
    max-width:83%;
    padding:13px 17px;
    border:1px solid rgba(128,216,255,.77);
    border-radius:17px 17px 5px 17px;
    color:#fff;
    background:
        linear-gradient(
            135deg,
            rgba(35,115,255,.98),
            rgba(59,89,255,.94)
        );
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.28),
        0 0 22px rgba(41,112,255,.29);
    font-size:15px;
    line-height:1.45;
}

.aurora-user-avatar{
    display:grid;
    width:42px;
    height:42px;
    flex:0 0 42px;
    place-items:center;
    border:1px solid rgba(126,226,255,.72);
    border-radius:50%;
    color:#fff;
    background:
        linear-gradient(
            145deg,
            #18cfff,
            #2759ff
        );
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.28),
        0 0 17px rgba(21,173,255,.36);
    font-size:13px;
}

.aurora-assistant-message{
    position:relative;
    display:grid;
    grid-template-columns:43px minmax(0,1fr);
    gap:11px;
    align-items:start;
}

.aurora-assistant-avatar{
    display:grid;
    width:43px;
    height:43px;
    place-items:center;
    border:1px solid rgba(183,210,255,.46);
    border-radius:50%;
    color:#e9faff;
    background:
        linear-gradient(
            145deg,
            rgba(64,208,255,.85),
            rgba(75,65,255,.9) 58%,
            rgba(151,57,255,.83)
        );
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.34),
        0 0 19px rgba(var(--aurora-rgb),.42);
}

.aurora-assistant-avatar svg{
    width:26px;
    height:26px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.7;
    stroke-linecap:round;
}

.aurora-assistant-content{
    min-width:0;
    padding:14px;
    border:1px solid rgba(139,182,235,.21);
    border-radius:20px;
    background:
        linear-gradient(
            145deg,
            rgba(20,43,79,.74),
            rgba(5,17,38,.8)
        );
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.07);
}

.aurora-assistant-content > p{
    margin:0 0 14px;
    color:#d7deeb;
    font-size:15px;
    line-height:1.5;
}

.aurora-trade-preview,
.aurora-performance-card{
    padding:14px;
    border:1px solid rgba(66,179,255,.32);
    border-radius:18px;
    background:
        linear-gradient(
            145deg,
            rgba(11,28,59,.96),
            rgba(3,14,33,.98)
        );
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.08),
        0 10px 26px rgba(0,0,0,.24);
}

.aurora-trade-symbol,
.aurora-performance-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    margin-bottom:13px;
}

.aurora-trade-symbol strong,
.aurora-performance-head strong{
    color:#f2f6ff;
    font-size:16px;
}

.aurora-trade-symbol span{
    padding:5px 11px;
    border:1px solid rgba(18,238,157,.52);
    border-radius:999px;
    color:#25efab;
    background:rgba(8,82,63,.34);
    font-size:12px;
}

.aurora-trade-values,
.aurora-performance-stats{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:7px;
}

.aurora-trade-values > span,
.aurora-performance-stats > span{
    display:grid;
    min-width:0;
    gap:5px;
    padding:10px 6px;
    border:1px solid rgba(120,163,223,.18);
    border-radius:12px;
    text-align:center;
    background:rgba(7,20,44,.7);
}

.aurora-trade-values small,
.aurora-performance-stats small{
    color:#8494ab;
    font-size:9px;
}

.aurora-trade-values b,
.aurora-performance-stats b{
    overflow:hidden;
    color:#eef3ff;
    font-size:14px;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.aurora-value-loss{
    color:#ff3f68!important;
}

.aurora-value-profit{
    color:#24ec96!important;
}

.aurora-value-cyan{
    color:#29ddff!important;
}

.aurora-risk-line{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    margin-top:10px;
    padding:10px 12px;
    border:1px solid rgba(120,171,234,.21);
    border-radius:12px;
    color:#aebbd0;
    font-size:11px;
}

.aurora-risk-line span{
    display:flex;
    align-items:center;
    gap:8px;
}

.aurora-risk-line b{
    padding:3px 9px;
    border:1px solid rgba(21,238,157,.54);
    border-radius:999px;
    color:#24edaa;
    background:rgba(5,93,64,.3);
}

.aurora-risk-line strong{
    color:#27ee9b;
    font-size:14px;
}

.aurora-trade-actions{
    display:grid;
    grid-template-columns:minmax(0,1fr) 80px;
    gap:10px;
    margin-top:12px;
}

.aurora-trade-actions button{
    min-height:42px;
    border:1px solid rgba(129,220,255,.77);
    border-radius:12px;
    color:#fff;
    background:
        linear-gradient(
            135deg,
            #475cff,
            #18cfff
        );
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.29),
        0 0 18px rgba(45,127,255,.25);
    font-weight:750;
}

.aurora-trade-actions .aurora-trade-edit{
    border-color:rgba(135,166,212,.31);
    background:rgba(17,34,63,.76);
    box-shadow:none;
    font-weight:500;
}

.aurora-waiting{
    display:block;
    margin-top:9px;
    color:#aab5c6;
    font-size:10px;
    text-align:center;
}

.aurora-performance-head span{
    padding:6px 10px;
    border:1px solid rgba(34,209,255,.5);
    border-radius:999px;
    color:#2cddff;
    background:rgba(8,62,86,.3);
    font-size:10px;
    white-space:nowrap;
}

.aurora-performance-chart{
    height:105px;
    margin-top:12px;
    overflow:hidden;
    border:1px solid rgba(70,169,255,.21);
    border-radius:13px;
    background:
        linear-gradient(
            rgba(34,101,189,.11) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(34,101,189,.11) 1px,
            transparent 1px
        ),
        rgba(5,22,49,.77);
    background-size:30px 30px;
}

.aurora-performance-chart svg{
    display:block;
    width:100%;
    height:100%;
}

.aurora-automation-result{
    display:grid;
    min-height:180px;
    grid-template-columns:70px minmax(0,1fr);
    align-items:center;
    gap:17px;
    padding:23px 20px;
    border:1px solid rgba(22,241,166,.65);
    border-radius:22px;
    background:
        radial-gradient(
            circle at 28% 50%,
            rgba(16,232,170,.19),
            transparent 34%
        ),
        linear-gradient(
            145deg,
            rgba(5,71,62,.82),
            rgba(4,37,41,.89)
        );
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.15),
        0 0 27px rgba(11,221,157,.21);
}

.aurora-automation-icon{
    display:grid;
    width:67px;
    height:67px;
    place-items:center;
    border:1px solid rgba(32,243,173,.64);
    border-radius:50%;
    color:#15eea9;
    background:
        radial-gradient(
            circle,
            rgba(25,227,167,.26),
            rgba(3,57,48,.64)
        );
    box-shadow:
        inset 0 0 14px rgba(33,239,176,.18),
        0 0 20px rgba(22,236,166,.29);
}

.aurora-automation-icon svg{
    width:41px;
    height:41px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.8;
}

.aurora-automation-result strong{
    display:block;
    margin-bottom:6px;
    color:#effff9;
    font-size:17px;
}

.aurora-automation-result p{
    margin:0;
    color:#bcd6ce;
    font-size:13px;
    line-height:1.55;
}

.aurora-chat-composer{
    position:relative;
    z-index:3;
    display:grid;
    min-height:73px;
    grid-template-columns:minmax(0,1fr) 36px 47px;
    align-items:center;
    gap:8px;
    margin:0 15px 15px;
    padding:9px 9px 9px 15px;
    border:1px solid rgba(130,174,232,.3);
    border-radius:17px;
    color:#9ca9be;
    background:
        linear-gradient(
            145deg,
            rgba(17,34,67,.88),
            rgba(5,17,39,.94)
        );
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.07);
    font-size:13px;
}

.aurora-chat-composer button{
    display:grid;
    place-items:center;
    border:0;
    color:#c7d7ed;
    background:transparent;
}

.aurora-chat-composer svg{
    width:22px;
    height:22px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.7;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.aurora-chat-composer .aurora-send-button{
    width:45px;
    height:45px;
    border:1px solid rgba(90,221,255,.68);
    border-radius:15px;
    color:#fff;
    background:
        linear-gradient(
            145deg,
            #18cfff,
            #2855ff
        );
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.28),
        0 0 18px rgba(36,144,255,.28);
}

.aurora-channel-row{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:20px;
    max-width:1220px;
    margin:28px auto 0;
}

.aurora-channel{
    --channel-rgb:84,74,255;

    display:flex;
    min-height:57px;
    align-items:center;
    justify-content:center;
    gap:11px;
    padding:10px 18px;
    border:1px solid rgba(var(--channel-rgb),.49);
    border-radius:999px;
    color:#e9edf7;
    background:
        linear-gradient(
            145deg,
            rgba(var(--channel-rgb),.16),
            rgba(7,18,40,.9)
        );
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.12),
        0 13px 26px rgba(0,0,0,.3),
        0 0 19px rgba(var(--channel-rgb),.12);
    font-size:14px;
    white-space:nowrap;
}

.aurora-channel svg{
    width:25px;
    height:25px;
    fill:none;
    stroke:rgb(var(--channel-rgb));
    stroke-width:1.8;
    stroke-linecap:round;
    stroke-linejoin:round;
    filter:
        drop-shadow(
            0 0 6px rgba(var(--channel-rgb),.65)
        );
}

.aurora-channel-whatsapp{
    --channel-rgb:20,232,143;
}

.aurora-channel-telegram{
    --channel-rgb:34,205,255;
}

.aurora-channel-dashboard{
    --channel-rgb:147,87,255;
}

.aurora-showcase-glow{
    position:absolute;
    z-index:-4;
    border-radius:50%;
    filter:blur(110px);
    pointer-events:none;
}

.aurora-showcase-glow-left{
    left:-210px;
    top:33%;
    width:570px;
    height:500px;
    background:rgba(38,74,255,.24);
}

.aurora-showcase-glow-right{
    right:-210px;
    top:35%;
    width:590px;
    height:520px;
    background:rgba(0,196,255,.18);
}

.aurora-showcase-orbit{
    position:absolute;
    z-index:-5;
    border:1px solid rgba(65,148,255,.1);
    border-radius:50%;
    pointer-events:none;
}

.aurora-showcase-orbit-one{
    top:-33%;
    right:-28%;
    width:930px;
    height:930px;
    box-shadow:
        0 0 0 48px rgba(41,125,255,.02),
        0 0 0 109px rgba(106,55,255,.016);
}

.aurora-showcase-orbit-two{
    left:-33%;
    bottom:-45%;
    width:1020px;
    height:1020px;
    border-color:rgba(104,62,255,.1);
    box-shadow:
        0 0 0 56px rgba(78,68,255,.02),
        0 0 0 124px rgba(25,154,255,.015);
}

.aurora-showcase-floor{
    position:absolute;
    z-index:-1;
    left:50%;
    bottom:-190px;
    width:126%;
    height:360px;
    transform:
        translateX(-50%)
        perspective(920px)
        rotateX(70deg);
    border:1px solid rgba(35,183,255,.22);
    border-radius:50%;
    background:
        repeating-radial-gradient(
            ellipse at center,
            transparent 0 64px,
            rgba(27,174,255,.15) 66px 67px,
            transparent 69px 104px
        ),
        conic-gradient(
            from 210deg at 50% 50%,
            rgba(30,71,255,.14),
            transparent 18%,
            rgba(104,47,255,.18),
            transparent 40%,
            rgba(0,207,255,.13),
            transparent 66%
        );
    box-shadow:
        0 -29px 100px rgba(34,105,255,.23),
        inset 0 85px 140px rgba(36,70,255,.08);
    pointer-events:none;
}

/* LARGE TABLET */

@media(max-width:1250px){

    .aurora-chat-grid{
        gap:15px;
    }

    .aurora-chat-card{
        min-height:625px;
        border-radius:31px;
    }

    .aurora-chat-header{
        padding:15px;
    }

    .aurora-chat-topic{
        font-size:11px;
    }

    .aurora-chat-body{
        padding:22px 14px 17px;
    }

    .aurora-assistant-content{
        padding:11px;
    }

    .aurora-trade-values b,
    .aurora-performance-stats b{
        font-size:12px;
    }

    .aurora-channel-row{
        gap:12px;
    }

    .aurora-channel{
        padding-inline:12px;
        font-size:12px;
    }

}

/* TABLET */

@media(max-width:1000px){

    .aurora-showcase{
        min-height:auto;
        padding:
            95px
            24px
            145px;
    }

    .aurora-chat-grid{
        grid-template-columns:1fr;
        gap:25px;
    }

    .aurora-chat-card{
        width:min(100%,680px);
        min-height:600px;
        margin:0 auto;
    }

    .aurora-channel-row{
        grid-template-columns:repeat(2,minmax(0,1fr));
        max-width:680px;
    }

}

/* MOBILE */

@media(max-width:600px){

    .aurora-showcase{
        padding:
            80px
            13px
            115px;
    }

    .aurora-showcase-heading{
        margin-bottom:34px;
    }

    .aurora-showcase-badge{
        min-height:34px;
        padding:6px 16px;
        font-size:12px;
    }

    .aurora-showcase-heading h2{
        margin-top:15px;
        font-size:clamp(40px,12vw,56px);
        line-height:1.04;
    }

    .aurora-showcase-heading p{
        font-size:14px;
        line-height:1.6;
    }

    .aurora-chat-card{
        min-height:570px;
        border-radius:25px;
    }

    .aurora-chat-card::before{
        inset:5px;
        border-radius:20px;
    }

    .aurora-chat-header{
        min-height:65px;
        padding:12px 13px;
    }

    .aurora-mini-logo{
        width:34px;
        height:34px;
        flex-basis:34px;
    }

    .aurora-mini-logo svg{
        width:21px;
        height:21px;
    }

    .aurora-chat-identity{
        gap:7px;
    }

    .aurora-chat-identity strong{
        font-size:15px;
    }

    .aurora-chat-identity small{
        font-size:10px;
    }

    .aurora-chat-topic{
        max-width:90px;
        font-size:9px;
    }

    .aurora-chat-body{
        padding:18px 10px 13px;
    }

    .aurora-user-message{
        padding:10px 12px;
        font-size:12px;
    }

    .aurora-user-avatar{
        width:35px;
        height:35px;
        flex-basis:35px;
        font-size:10px;
    }

    .aurora-assistant-message{
        grid-template-columns:34px minmax(0,1fr);
        gap:7px;
    }

    .aurora-assistant-avatar{
        width:34px;
        height:34px;
    }

    .aurora-assistant-avatar svg{
        width:20px;
        height:20px;
    }

    .aurora-assistant-content{
        padding:9px;
    }

    .aurora-assistant-content > p{
        font-size:12px;
    }

    .aurora-trade-preview,
    .aurora-performance-card{
        padding:10px;
    }

    .aurora-trade-symbol strong,
    .aurora-performance-head strong{
        font-size:13px;
    }

    .aurora-trade-values,
    .aurora-performance-stats{
        gap:4px;
    }

    .aurora-trade-values > span,
    .aurora-performance-stats > span{
        padding:8px 3px;
    }

    .aurora-trade-values small,
    .aurora-performance-stats small{
        font-size:7px;
    }

    .aurora-trade-values b,
    .aurora-performance-stats b{
        font-size:10px;
    }

    .aurora-risk-line{
        padding:8px;
        font-size:9px;
    }

    .aurora-trade-actions{
        grid-template-columns:minmax(0,1fr) 62px;
    }

    .aurora-trade-actions button{
        min-height:37px;
        font-size:11px;
    }

    .aurora-performance-chart{
        height:86px;
    }

    .aurora-automation-result{
        min-height:150px;
        grid-template-columns:53px minmax(0,1fr);
        gap:11px;
        padding:17px 13px;
    }

    .aurora-automation-icon{
        width:51px;
        height:51px;
    }

    .aurora-automation-icon svg{
        width:31px;
        height:31px;
    }

    .aurora-automation-result strong{
        font-size:13px;
    }

    .aurora-automation-result p{
        font-size:10px;
    }

    .aurora-chat-composer{
        min-height:60px;
        grid-template-columns:minmax(0,1fr) 29px 39px;
        margin:0 10px 10px;
        padding:7px 7px 7px 11px;
        font-size:10px;
    }

    .aurora-chat-composer svg{
        width:18px;
        height:18px;
    }

    .aurora-chat-composer .aurora-send-button{
        width:38px;
        height:38px;
        border-radius:12px;
    }

    .aurora-channel-row{
        grid-template-columns:1fr;
        gap:10px;
        margin-top:22px;
    }

    .aurora-channel{
        min-height:49px;
        font-size:12px;
    }

}

@media(prefers-reduced-motion:reduce){

    .aurora-showcase-badge i{
        animation:none!important;
    }

    .aurora-chat-card,
    .aurora-chat-shine{
        transition:none!important;
    }

}
/* =========================================================
   HOME PLATFORM FEATURES V8
   PREMIUM 16-CARD FEATURE ECOSYSTEM
   ========================================================= */

.platform-features-showcase{
    position:relative;
    isolation:isolate;
    width:100%;
    max-width:none;
    min-height:1350px;
    margin:0;
    padding:
        105px
        max(28px,calc((100vw - 1520px)/2))
        170px;
    overflow:hidden;
    background:
        radial-gradient(
            circle at 8% 30%,
            rgba(39,65,255,.21),
            transparent 27%
        ),
        radial-gradient(
            circle at 89% 43%,
            rgba(0,200,255,.16),
            transparent 29%
        ),
        radial-gradient(
            circle at 50% 87%,
            rgba(104,43,255,.17),
            transparent 31%
        ),
        linear-gradient(
            180deg,
            #020611 0%,
            #030817 48%,
            #02050f 100%
        );
}

.platform-features-showcase::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:-7;
    pointer-events:none;
    opacity:.8;
    background:
        radial-gradient(
            circle at 7% 15%,
            rgba(43,151,255,.85) 0 1px,
            transparent 2px
        ),
        radial-gradient(
            circle at 27% 23%,
            rgba(114,64,255,.7) 0 1px,
            transparent 2px
        ),
        radial-gradient(
            circle at 70% 14%,
            rgba(31,219,255,.72) 0 1px,
            transparent 2px
        ),
        radial-gradient(
            circle at 93% 31%,
            rgba(124,77,255,.7) 0 1.4px,
            transparent 3px
        ),
        radial-gradient(
            circle at 18% 71%,
            rgba(27,134,255,.7) 0 1px,
            transparent 2px
        ),
        radial-gradient(
            circle at 82% 75%,
            rgba(16,205,255,.65) 0 1px,
            transparent 2px
        );
    background-size:
        215px 215px,
        270px 270px,
        245px 245px,
        330px 330px,
        290px 290px,
        260px 260px;
}

.platform-features-showcase::after{
    content:"";
    position:absolute;
    z-index:-6;
    top:-32%;
    left:-23%;
    width:74%;
    height:95%;
    border:3px solid rgba(61,112,255,.12);
    border-radius:50%;
    transform:rotate(18deg);
    box-shadow:
        0 0 0 49px rgba(43,126,255,.02),
        0 0 0 105px rgba(101,55,255,.016),
        inset 0 0 100px rgba(30,143,255,.04);
    pointer-events:none;
}

.platform-features-inner{
    position:relative;
    z-index:3;
    width:min(100%,1520px);
    margin:0 auto;
}

.platform-features-heading{
    max-width:1000px;
    margin:0 auto 50px;
    text-align:center;
}

.platform-features-badge{
    display:inline-flex;
    min-height:41px;
    align-items:center;
    gap:12px;
    padding:8px 24px;
    border:1px solid rgba(38,191,255,.68);
    border-radius:999px;
    color:#36e8ff;
    background:
        linear-gradient(
            180deg,
            rgba(18,70,111,.77),
            rgba(4,17,37,.85)
        );
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.24),
        inset 0 -1px 0 rgba(53,133,255,.26),
        0 0 0 3px rgba(31,151,255,.04),
        0 0 24px rgba(18,182,255,.23);
    font-size:16px;
    font-weight:750;
    text-shadow:
        0 0 13px rgba(28,219,255,.55);
}

.platform-features-badge i{
    width:9px;
    height:9px;
    flex:0 0 9px;
    border-radius:50%;
    background:#1ceaff;
    box-shadow:
        0 0 8px #1ceaff,
        0 0 17px rgba(28,234,255,.76);
    animation:platformFeatureBadgePulse 2s ease-in-out infinite;
}

@keyframes platformFeatureBadgePulse{
    0%,
    100%{
        opacity:.7;
        transform:scale(.82);
    }

    50%{
        opacity:1;
        transform:scale(1.16);
    }
}

.platform-features-heading h2{
    margin:17px auto 17px;
    color:#f5f7ff;
    font-size:clamp(55px,5.2vw,82px);
    line-height:1.02;
    letter-spacing:-.058em;
    text-wrap:balance;
    text-shadow:
        0 8px 29px rgba(0,0,0,.43);
}

.platform-features-heading h2 em{
    color:transparent;
    font-style:normal;
    background:
        linear-gradient(
            90deg,
            #30dfff 0%,
            #499eff 46%,
            #b060ff 100%
        );
    background-clip:text;
    -webkit-background-clip:text;
    filter:
        drop-shadow(
            0 0 14px rgba(84,112,255,.26)
        );
}

.platform-features-heading p{
    max-width:820px;
    margin:0 auto;
    color:#bac4d5;
    font-size:clamp(17px,1.45vw,22px);
    line-height:1.6;
    text-wrap:balance;
}

.platform-features-grid{
    position:relative;
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:14px;
    perspective:1800px;
}

.platform-feature-card{
    --feature-rgb:43,178,255;

    position:relative;
    isolation:isolate;
    min-width:0;
    min-height:215px;
    padding:20px 25px 22px;
    overflow:hidden;
    border:1px solid rgba(var(--feature-rgb),.75);
    border-radius:27px;
    background:
        linear-gradient(
            135deg,
            rgba(var(--feature-rgb),.15),
            transparent 34%
        ),
        linear-gradient(
            180deg,
            rgba(13,31,66,.96),
            rgba(3,14,34,.98)
        );
    box-shadow:
        inset 0 2px 0 rgba(255,255,255,.48),
        inset 2px 0 0 rgba(255,255,255,.07),
        inset -2px 0 0 rgba(var(--feature-rgb),.14),
        inset 0 -7px 24px rgba(var(--feature-rgb),.12),
        0 0 0 4px rgba(var(--feature-rgb),.05),
        0 19px 43px rgba(0,0,0,.43),
        0 0 27px rgba(var(--feature-rgb),.17);
    transform:translateZ(0);
    transform-style:preserve-3d;
    transition:
        transform .35s cubic-bezier(.2,.75,.2,1),
        border-color .3s ease,
        box-shadow .35s ease;
}

.platform-feature-card::before{
    content:"";
    position:absolute;
    inset:6px;
    z-index:-1;
    border:1px solid rgba(205,232,255,.14);
    border-radius:21px;
    background:
        linear-gradient(
            115deg,
            rgba(255,255,255,.065),
            transparent 26% 73%,
            rgba(var(--feature-rgb),.075)
        );
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.1);
    pointer-events:none;
}

.platform-feature-card::after{
    content:"";
    position:absolute;
    z-index:-2;
    right:-28%;
    bottom:-55%;
    width:68%;
    aspect-ratio:1;
    border-radius:50%;
    background:rgba(var(--feature-rgb),.2);
    filter:blur(55px);
    pointer-events:none;
}

.platform-feature-card:hover{
    z-index:5;
    transform:
        translateY(-8px)
        rotateX(1deg)
        scale(1.012);
    border-color:rgba(var(--feature-rgb),1);
    box-shadow:
        inset 0 2px 0 rgba(255,255,255,.62),
        inset 0 -9px 30px rgba(var(--feature-rgb),.17),
        0 0 0 5px rgba(var(--feature-rgb),.07),
        0 29px 60px rgba(0,0,0,.54),
        0 0 43px rgba(var(--feature-rgb),.3);
}

.feature-purple{
    --feature-rgb:156,70,255;
}

.feature-blue{
    --feature-rgb:53,122,255;
}

.feature-cyan{
    --feature-rgb:20,207,255;
}

.feature-indigo{
    --feature-rgb:91,83,255;
}

.feature-green{
    --feature-rgb:23,229,167;
}

.feature-orange{
    --feature-rgb:255,169,50;
}

.platform-feature-shine{
    position:absolute;
    z-index:5;
    top:-80%;
    left:-55%;
    width:24%;
    height:260%;
    opacity:.24;
    transform:rotate(20deg);
    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255,255,255,.38),
            transparent
        );
    filter:blur(5px);
    pointer-events:none;
    transition:left .75s ease;
}

.platform-feature-card:hover .platform-feature-shine{
    left:125%;
}

.platform-feature-icon{
    position:relative;
    display:grid;
    width:77px;
    height:77px;
    place-items:center;
    margin-bottom:17px;
    border:1px solid rgba(206,231,255,.54);
    border-radius:18px;
    color:rgb(var(--feature-rgb));
    background:
        radial-gradient(
            circle at 30% 21%,
            rgba(255,255,255,.3),
            transparent 25%
        ),
        linear-gradient(
            145deg,
            rgba(var(--feature-rgb),.57),
            rgba(14,31,72,.92) 57%,
            rgba(var(--feature-rgb),.27)
        );
    box-shadow:
        inset 3px 3px 9px rgba(255,255,255,.2),
        inset -5px -6px 12px rgba(2,8,28,.55),
        0 0 0 5px rgba(var(--feature-rgb),.04),
        0 10px 23px rgba(0,0,0,.35),
        0 0 25px rgba(var(--feature-rgb),.35);
    transform:translateZ(25px);
}

.platform-feature-icon::before{
    content:"";
    position:absolute;
    inset:7px;
    border:1px solid rgba(223,242,255,.13);
    border-radius:13px;
    pointer-events:none;
}

.platform-feature-icon svg{
    position:relative;
    z-index:2;
    width:43px;
    height:43px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.75;
    stroke-linecap:round;
    stroke-linejoin:round;
    filter:
        drop-shadow(
            0 0 8px rgba(var(--feature-rgb),.9)
        );
}

.platform-feature-card h3{
    position:relative;
    z-index:2;
    margin:0 0 7px;
    color:#f5f7ff;
    font-size:clamp(20px,1.5vw,25px);
    line-height:1.18;
    letter-spacing:-.035em;
}

.platform-feature-card p{
    position:relative;
    z-index:2;
    max-width:270px;
    margin:0;
    color:#bdc7d7;
    font-size:15px;
    line-height:1.45;
}

.platform-features-glow{
    position:absolute;
    z-index:-4;
    border-radius:50%;
    filter:blur(110px);
    pointer-events:none;
}

.platform-features-glow-left{
    left:-220px;
    top:31%;
    width:590px;
    height:530px;
    background:rgba(36,74,255,.24);
}

.platform-features-glow-right{
    right:-220px;
    top:36%;
    width:610px;
    height:540px;
    background:rgba(0,198,255,.18);
}

.platform-features-orbit{
    position:absolute;
    z-index:-5;
    border:1px solid rgba(66,150,255,.1);
    border-radius:50%;
    pointer-events:none;
}

.platform-features-orbit-one{
    top:-28%;
    right:-28%;
    width:930px;
    height:930px;
    box-shadow:
        0 0 0 49px rgba(41,125,255,.02),
        0 0 0 111px rgba(106,55,255,.016);
}

.platform-features-orbit-two{
    left:-36%;
    bottom:-41%;
    width:1040px;
    height:1040px;
    border-color:rgba(104,62,255,.1);
    box-shadow:
        0 0 0 57px rgba(78,68,255,.02),
        0 0 0 126px rgba(25,154,255,.015);
}

.platform-features-floor{
    position:absolute;
    z-index:-1;
    left:50%;
    bottom:-200px;
    width:128%;
    height:370px;
    transform:
        translateX(-50%)
        perspective(920px)
        rotateX(70deg);
    border:1px solid rgba(35,183,255,.22);
    border-radius:50%;
    background:
        repeating-radial-gradient(
            ellipse at center,
            transparent 0 64px,
            rgba(27,174,255,.15) 66px 67px,
            transparent 69px 104px
        ),
        conic-gradient(
            from 210deg at 50% 50%,
            rgba(30,71,255,.14),
            transparent 18%,
            rgba(104,47,255,.18),
            transparent 40%,
            rgba(0,207,255,.13),
            transparent 66%
        );
    box-shadow:
        0 -29px 100px rgba(34,105,255,.23),
        inset 0 85px 140px rgba(36,70,255,.08);
    pointer-events:none;
}

/* LARGE TABLET */

@media(max-width:1250px){

    .platform-features-grid{
        grid-template-columns:repeat(3,minmax(0,1fr));
    }

    .platform-feature-card{
        min-height:220px;
    }

}

/* TABLET */

@media(max-width:950px){

    .platform-features-showcase{
        min-height:auto;
        padding:
            95px
            22px
            145px;
    }

    .platform-features-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:15px;
    }

}

/* MOBILE */

@media(max-width:620px){

    .platform-features-showcase{
        padding:
            80px
            13px
            115px;
    }

    .platform-features-heading{
        margin-bottom:34px;
    }

    .platform-features-badge{
        min-height:34px;
        padding:6px 15px;
        font-size:12px;
    }

    .platform-features-heading h2{
        margin-top:15px;
        font-size:clamp(40px,12vw,56px);
        line-height:1.04;
    }

    .platform-features-heading p{
        font-size:14px;
        line-height:1.6;
    }

    .platform-features-grid{
        grid-template-columns:1fr;
        gap:13px;
    }

    .platform-feature-card{
        min-height:180px;
        padding:
            18px
            20px;
        border-radius:23px;
    }

    .platform-feature-card::before{
        inset:5px;
        border-radius:18px;
    }

    .platform-feature-icon{
        width:64px;
        height:64px;
        margin-bottom:14px;
        border-radius:16px;
    }

    .platform-feature-icon::before{
        inset:6px;
        border-radius:11px;
    }

    .platform-feature-icon svg{
        width:36px;
        height:36px;
    }

    .platform-feature-card h3{
        font-size:21px;
    }

    .platform-feature-card p{
        max-width:none;
        font-size:13px;
    }

}

@media(prefers-reduced-motion:reduce){

    .platform-features-badge i{
        animation:none!important;
    }

    .platform-feature-card,
    .platform-feature-shine{
        transition:none!important;
    }

}
/* =========================================================
   HOME SIGNAL SHOWCASE V9
   PROFESSIONAL SIGNAL CARDS
   ========================================================= */

.signal-showcase{
    position:relative;
    isolation:isolate;
    width:100%;
    max-width:none;
    min-height:1250px;
    margin:0;
    padding:
        105px
        max(28px,calc((100vw - 1460px)/2))
        175px;
    overflow:hidden;
    background:
        radial-gradient(
            circle at 9% 35%,
            rgba(14,92,255,.2),
            transparent 29%
        ),
        radial-gradient(
            circle at 91% 42%,
            rgba(0,194,255,.17),
            transparent 28%
        ),
        radial-gradient(
            circle at 50% 88%,
            rgba(95,43,255,.18),
            transparent 31%
        ),
        linear-gradient(
            180deg,
            #020611 0%,
            #030817 49%,
            #02050f 100%
        );
}

.signal-showcase::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:-7;
    pointer-events:none;
    opacity:.81;
    background:
        radial-gradient(
            circle at 8% 14%,
            rgba(37,150,255,.88) 0 1px,
            transparent 2px
        ),
        radial-gradient(
            circle at 27% 22%,
            rgba(108,66,255,.72) 0 1px,
            transparent 2px
        ),
        radial-gradient(
            circle at 71% 15%,
            rgba(28,219,255,.74) 0 1px,
            transparent 2px
        ),
        radial-gradient(
            circle at 93% 31%,
            rgba(115,75,255,.71) 0 1.4px,
            transparent 3px
        ),
        radial-gradient(
            circle at 18% 72%,
            rgba(20,135,255,.72) 0 1px,
            transparent 2px
        ),
        radial-gradient(
            circle at 82% 76%,
            rgba(12,205,255,.67) 0 1px,
            transparent 2px
        );
    background-size:
        215px 215px,
        270px 270px,
        245px 245px,
        330px 330px,
        290px 290px,
        260px 260px;
}

.signal-showcase::after{
    content:"";
    position:absolute;
    z-index:-6;
    top:-30%;
    left:50%;
    width:115%;
    height:85%;
    transform:translateX(-50%);
    border:3px solid rgba(43,136,255,.12);
    border-bottom-color:transparent;
    border-radius:50%;
    box-shadow:
        0 0 0 51px rgba(40,103,255,.02),
        0 0 0 110px rgba(84,56,255,.016),
        inset 0 0 100px rgba(29,139,255,.04);
    pointer-events:none;
}

.signal-showcase-inner{
    position:relative;
    z-index:3;
    width:min(100%,1460px);
    margin:0 auto;
}

.signal-showcase-heading{
    max-width:990px;
    margin:0 auto 48px;
    text-align:center;
}

.signal-showcase-badge{
    display:inline-flex;
    min-height:41px;
    align-items:center;
    gap:12px;
    padding:8px 24px;
    border:1px solid rgba(37,193,255,.68);
    border-radius:999px;
    color:#35e8ff;
    background:
        linear-gradient(
            180deg,
            rgba(17,70,110,.77),
            rgba(4,17,37,.86)
        );
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.24),
        inset 0 -1px 0 rgba(53,133,255,.26),
        0 0 0 3px rgba(31,151,255,.04),
        0 0 24px rgba(18,182,255,.23);
    font-size:16px;
    font-weight:750;
    text-shadow:
        0 0 13px rgba(28,219,255,.55);
}

.signal-showcase-badge i{
    width:9px;
    height:9px;
    flex:0 0 9px;
    border-radius:50%;
    background:#1ceaff;
    box-shadow:
        0 0 8px #1ceaff,
        0 0 17px rgba(28,234,255,.76);
    animation:signalBadgePulse 2s ease-in-out infinite;
}

@keyframes signalBadgePulse{
    0%,
    100%{
        opacity:.72;
        transform:scale(.82);
    }

    50%{
        opacity:1;
        transform:scale(1.16);
    }
}

.signal-showcase-heading h2{
    margin:16px auto 16px;
    color:#f5f7ff;
    font-size:clamp(56px,5.1vw,80px);
    line-height:1.01;
    letter-spacing:-.057em;
    text-wrap:balance;
    text-shadow:
        0 8px 29px rgba(0,0,0,.44);
}

.signal-showcase-heading h2 em{
    color:transparent;
    font-style:normal;
    background:
        linear-gradient(
            90deg,
            #22dcff 0%,
            #499fff 48%,
            #ba61ff 100%
        );
    background-clip:text;
    -webkit-background-clip:text;
    filter:
        drop-shadow(
            0 0 14px rgba(84,112,255,.27)
        );
}

.signal-showcase-heading p{
    max-width:820px;
    margin:0 auto;
    color:#bac4d5;
    font-size:clamp(17px,1.45vw,22px);
    line-height:1.6;
    text-wrap:balance;
}

.signal-showcase-grid{
    position:relative;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:18px;
    perspective:1800px;
}

.pro-signal-card{
    --signal-rgb:31,216,255;
    --signal-chart:#3df79a;

    position:relative;
    isolation:isolate;
    min-width:0;
    min-height:330px;
    padding:19px 23px 15px;
    overflow:hidden;
    border:1px solid rgba(var(--signal-rgb),.84);
    border-radius:31px;
    background:
        linear-gradient(
            135deg,
            rgba(var(--signal-rgb),.15),
            transparent 32%
        ),
        linear-gradient(
            180deg,
            rgba(8,29,60,.97),
            rgba(2,14,32,.99)
        );
    box-shadow:
        inset 0 2px 0 rgba(255,255,255,.53),
        inset 2px 0 0 rgba(255,255,255,.08),
        inset -2px 0 0 rgba(var(--signal-rgb),.15),
        inset 0 -8px 27px rgba(var(--signal-rgb),.13),
        0 0 0 5px rgba(var(--signal-rgb),.055),
        0 23px 50px rgba(0,0,0,.47),
        0 0 33px rgba(var(--signal-rgb),.22);
    transform:translateZ(0);
    transition:
        transform .36s cubic-bezier(.2,.75,.2,1),
        border-color .3s ease,
        box-shadow .35s ease;
}

.pro-signal-card::before{
    content:"";
    position:absolute;
    inset:7px;
    z-index:-1;
    border:1px solid rgba(207,234,255,.15);
    border-radius:24px;
    background:
        linear-gradient(
            115deg,
            rgba(255,255,255,.065),
            transparent 26% 73%,
            rgba(var(--signal-rgb),.075)
        );
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.11);
    pointer-events:none;
}

.pro-signal-card::after{
    content:"";
    position:absolute;
    z-index:-2;
    right:-25%;
    bottom:-47%;
    width:68%;
    aspect-ratio:1;
    border-radius:50%;
    background:rgba(var(--signal-rgb),.2);
    filter:blur(64px);
    pointer-events:none;
}

.pro-signal-card:hover{
    z-index:5;
    transform:
        translateY(-8px)
        rotateX(1deg)
        scale(1.008);
    border-color:rgba(var(--signal-rgb),1);
    box-shadow:
        inset 0 2px 0 rgba(255,255,255,.65),
        inset 0 -10px 31px rgba(var(--signal-rgb),.17),
        0 0 0 6px rgba(var(--signal-rgb),.07),
        0 32px 67px rgba(0,0,0,.56),
        0 0 45px rgba(var(--signal-rgb),.31);
}

.pro-signal-sell{
    --signal-rgb:255,76,99;
    --signal-chart:#ff4c63;
}

.pro-signal-shine{
    position:absolute;
    z-index:7;
    top:-80%;
    left:-50%;
    width:21%;
    height:260%;
    opacity:.23;
    transform:rotate(20deg);
    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255,255,255,.38),
            transparent
        );
    filter:blur(5px);
    pointer-events:none;
    transition:left .78s ease;
}

.pro-signal-card:hover .pro-signal-shine{
    left:125%;
}

.pro-signal-header{
    position:relative;
    z-index:3;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:15px;
    margin-bottom:14px;
}

.pro-signal-market{
    display:flex;
    min-width:0;
    align-items:center;
    gap:14px;
}

.pro-signal-direction{
    display:grid;
    width:62px;
    height:62px;
    flex:0 0 62px;
    place-items:center;
    border:1px solid rgba(51,246,155,.69);
    border-radius:50%;
    color:#36f29b;
    background:
        radial-gradient(
            circle at 35% 25%,
            rgba(255,255,255,.22),
            transparent 27%
        ),
        linear-gradient(
            145deg,
            rgba(17,191,114,.45),
            rgba(4,61,53,.78)
        );
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.21),
        0 0 22px rgba(25,235,146,.32);
}

.pro-signal-sell .pro-signal-direction{
    border-color:rgba(255,79,96,.7);
    color:#ff6a77;
    background:
        radial-gradient(
            circle at 35% 25%,
            rgba(255,255,255,.2),
            transparent 27%
        ),
        linear-gradient(
            145deg,
            rgba(205,45,65,.43),
            rgba(71,12,31,.79)
        );
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.2),
        0 0 22px rgba(255,61,82,.31);
}

.pro-signal-direction svg{
    width:37px;
    height:37px;
    fill:none;
    stroke:currentColor;
    stroke-width:2;
    stroke-linecap:round;
    stroke-linejoin:round;
    filter:
        drop-shadow(
            0 0 7px currentColor
        );
}

.pro-signal-market > span:last-child{
    display:grid;
    gap:4px;
}

.pro-signal-market strong{
    color:#f5f8ff;
    font-size:clamp(22px,1.7vw,29px);
    line-height:1;
    letter-spacing:-.035em;
}

.pro-signal-market small{
    color:#b9c5d7;
    font-size:14px;
}

.pro-signal-market small b{
    color:#29ee9b;
}

.pro-signal-sell .pro-signal-market small b{
    color:#ff4e61;
}

.pro-signal-status{
    display:inline-flex;
    min-height:35px;
    align-items:center;
    justify-content:center;
    padding:6px 15px;
    border-radius:11px;
    font-size:13px;
    font-weight:750;
    white-space:nowrap;
}

.pro-status-success{
    border:1px solid rgba(24,241,142,.72);
    color:#2bf49a;
    background:rgba(6,81,54,.43);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.11),
        0 0 16px rgba(23,238,143,.18);
}

.pro-status-running{
    border:1px solid rgba(255,183,50,.74);
    color:#ffd063;
    background:rgba(101,59,8,.46);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.11),
        0 0 16px rgba(255,172,34,.2);
}

.pro-signal-levels{
    position:relative;
    z-index:3;
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:7px;
    margin-bottom:12px;
}

.pro-signal-levels > span{
    display:grid;
    min-width:0;
    min-height:59px;
    place-content:center;
    gap:4px;
    padding:7px 4px;
    border:1px solid rgba(98,154,221,.24);
    border-radius:9px;
    text-align:center;
    background:
        linear-gradient(
            180deg,
            rgba(15,38,72,.88),
            rgba(4,18,39,.9)
        );
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.055);
}

.pro-signal-levels small{
    color:#a1afc3;
    font-size:10px;
}

.pro-signal-levels strong{
    overflow:hidden;
    color:#eef3ff;
    font-size:15px;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.signal-value-loss{
    color:#ff4c5d!important;
}

.signal-value-profit{
    color:#28ed91!important;
}

.signal-value-cyan{
    color:#27dfff!important;
}

.pro-signal-chart{
    position:relative;
    z-index:2;
    height:78px;
    margin-bottom:7px;
    overflow:hidden;
    border-radius:7px;
    background:
        linear-gradient(
            rgba(34,102,186,.1) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(34,102,186,.1) 1px,
            transparent 1px
        ),
        rgba(3,16,36,.58);
    background-size:32px 25px;
}

.pro-signal-chart svg{
    width:calc(100% - 100px);
    height:100%;
}

.pro-signal-accuracy{
    position:absolute;
    top:0;
    right:0;
    display:grid;
    width:95px;
    height:100%;
    place-content:center;
    gap:2px;
    border:1px solid rgba(var(--signal-rgb),.23);
    border-radius:12px;
    text-align:center;
    background:
        linear-gradient(
            145deg,
            rgba(var(--signal-rgb),.12),
            rgba(4,19,39,.94)
        );
}

.pro-signal-accuracy small{
    color:#aebbd0;
    font-size:10px;
}

.pro-signal-accuracy strong{
    color:rgb(var(--signal-rgb));
    font-size:29px;
    line-height:1;
    text-shadow:
        0 0 13px rgba(var(--signal-rgb),.42);
}

.pro-signal-footer{
    position:relative;
    z-index:3;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding-top:7px;
    border-top:1px solid rgba(88,142,204,.18);
}

.pro-signal-footer > span{
    display:flex;
    align-items:center;
    gap:7px;
    color:#b7c3d5;
    font-size:13px;
}

.pro-signal-footer svg{
    width:20px;
    height:20px;
    fill:none;
    stroke:#4ddfff;
    stroke-width:1.7;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.pro-signal-footer b{
    font-weight:600;
}

.risk-low{
    color:#26ee96;
}

.risk-medium{
    color:#ffbc45;
}

.risk-high{
    color:#ff4e62;
}

.signal-summary-bar{
    position:relative;
    isolation:isolate;
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    margin-top:20px;
    overflow:hidden;
    border:1px solid rgba(88,155,255,.82);
    border-radius:31px;
    background:
        linear-gradient(
            125deg,
            rgba(42,98,255,.14),
            transparent 34%
        ),
        linear-gradient(
            180deg,
            rgba(13,31,70,.96),
            rgba(4,15,36,.98)
        );
    box-shadow:
        inset 0 2px 0 rgba(255,255,255,.51),
        inset 0 -7px 25px rgba(55,69,255,.14),
        0 0 0 5px rgba(68,104,255,.055),
        0 27px 57px rgba(0,0,0,.48),
        0 0 36px rgba(75,85,255,.24);
}

.signal-summary-bar::before{
    content:"";
    position:absolute;
    inset:7px;
    z-index:-1;
    border:1px solid rgba(207,234,255,.15);
    border-radius:24px;
    pointer-events:none;
}

.signal-summary-item{
    display:grid;
    min-height:130px;
    grid-template-columns:82px minmax(0,1fr);
    align-items:center;
    gap:17px;
    padding:20px 28px;
    border-right:1px solid rgba(123,157,213,.2);
}

.signal-summary-item:last-child{
    border-right:0;
}

.signal-summary-icon{
    display:grid;
    width:73px;
    height:73px;
    place-items:center;
    border:1px solid rgba(70,205,255,.56);
    border-radius:50%;
    color:#2bdfff;
    background:
        linear-gradient(
            145deg,
            rgba(29,154,255,.25),
            rgba(18,25,80,.72)
        );
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.21),
        0 0 22px rgba(36,157,255,.27);
}

.signal-summary-star{
    color:#a864ff;
    border-color:rgba(161,87,255,.56);
    background:
        linear-gradient(
            145deg,
            rgba(140,61,255,.26),
            rgba(26,21,80,.75)
        );
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.21),
        0 0 22px rgba(139,61,255,.27);
}

.signal-summary-icon svg{
    width:39px;
    height:39px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.8;
    stroke-linecap:round;
    stroke-linejoin:round;
    filter:
        drop-shadow(
            0 0 7px currentColor
        );
}

.signal-summary-item > span:last-child{
    display:grid;
    min-width:0;
    gap:4px;
}

.signal-summary-item strong{
    color:#dbecff;
    font-size:clamp(27px,2.2vw,38px);
    line-height:1;
    letter-spacing:.02em;
}

.signal-summary-item small{
    color:#adb9cc;
    font-size:14px;
}

.signal-showcase-glow{
    position:absolute;
    z-index:-4;
    border-radius:50%;
    filter:blur(110px);
    pointer-events:none;
}

.signal-showcase-glow-left{
    left:-220px;
    top:31%;
    width:590px;
    height:530px;
    background:rgba(24,78,255,.24);
}

.signal-showcase-glow-right{
    right:-220px;
    top:35%;
    width:610px;
    height:540px;
    background:rgba(0,197,255,.18);
}

.signal-showcase-orbit{
    position:absolute;
    z-index:-5;
    border:1px solid rgba(64,151,255,.1);
    border-radius:50%;
    pointer-events:none;
}

.signal-showcase-orbit-one{
    top:-25%;
    right:-27%;
    width:930px;
    height:930px;
    box-shadow:
        0 0 0 49px rgba(41,125,255,.02),
        0 0 0 111px rgba(106,55,255,.016);
}

.signal-showcase-orbit-two{
    left:-35%;
    bottom:-43%;
    width:1040px;
    height:1040px;
    border-color:rgba(104,62,255,.1);
    box-shadow:
        0 0 0 57px rgba(78,68,255,.02),
        0 0 0 126px rgba(25,154,255,.015);
}

.signal-showcase-floor{
    position:absolute;
    z-index:-1;
    left:50%;
    bottom:-200px;
    width:128%;
    height:370px;
    transform:
        translateX(-50%)
        perspective(920px)
        rotateX(70deg);
    border:1px solid rgba(35,183,255,.22);
    border-radius:50%;
    background:
        repeating-radial-gradient(
            ellipse at center,
            transparent 0 64px,
            rgba(27,174,255,.15) 66px 67px,
            transparent 69px 104px
        ),
        conic-gradient(
            from 210deg at 50% 50%,
            rgba(30,71,255,.14),
            transparent 18%,
            rgba(104,47,255,.18),
            transparent 40%,
            rgba(0,207,255,.13),
            transparent 66%
        );
    box-shadow:
        0 -29px 100px rgba(34,105,255,.23),
        inset 0 85px 140px rgba(36,70,255,.08);
    pointer-events:none;
}

/* TABLET */

@media(max-width:1050px){

    .signal-showcase{
        min-height:auto;
        padding:
            95px
            22px
            150px;
    }

    .signal-summary-item{
        grid-template-columns:60px minmax(0,1fr);
        gap:11px;
        padding:17px 13px;
    }

    .signal-summary-icon{
        width:56px;
        height:56px;
    }

    .signal-summary-icon svg{
        width:31px;
        height:31px;
    }

}

/* SMALL TABLET */

@media(max-width:820px){

    .signal-showcase-grid{
        grid-template-columns:1fr;
    }

    .signal-summary-bar{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .signal-summary-item:nth-child(2){
        border-right:0;
    }

    .signal-summary-item:nth-child(-n+2){
        border-bottom:1px solid rgba(123,157,213,.2);
    }

}

/* MOBILE */

@media(max-width:600px){

    .signal-showcase{
        padding:
            80px
            12px
            115px;
    }

    .signal-showcase-heading{
        margin-bottom:34px;
    }

    .signal-showcase-badge{
        min-height:34px;
        padding:6px 14px;
        font-size:11px;
    }

    .signal-showcase-heading h2{
        margin-top:15px;
        font-size:clamp(40px,12vw,56px);
        line-height:1.04;
    }

    .signal-showcase-heading p{
        font-size:14px;
        line-height:1.6;
    }

    .pro-signal-card{
        min-height:auto;
        padding:
            15px
            13px
            12px;
        border-radius:24px;
    }

    .pro-signal-card::before{
        inset:5px;
        border-radius:19px;
    }

    .pro-signal-direction{
        width:49px;
        height:49px;
        flex-basis:49px;
    }

    .pro-signal-direction svg{
        width:29px;
        height:29px;
    }

    .pro-signal-market{
        gap:9px;
    }

    .pro-signal-market strong{
        font-size:18px;
    }

    .pro-signal-market small{
        font-size:11px;
    }

    .pro-signal-status{
        min-height:29px;
        padding:4px 9px;
        font-size:10px;
    }

    .pro-signal-levels{
        gap:4px;
    }

    .pro-signal-levels > span{
        min-height:51px;
        padding:5px 2px;
    }

    .pro-signal-levels small{
        font-size:7px;
    }

    .pro-signal-levels strong{
        font-size:10px;
    }

    .pro-signal-chart{
        height:66px;
    }

    .pro-signal-chart svg{
        width:calc(100% - 77px);
    }

    .pro-signal-accuracy{
        width:73px;
    }

    .pro-signal-accuracy small{
        font-size:7px;
    }

    .pro-signal-accuracy strong{
        font-size:20px;
    }

    .pro-signal-footer > span{
        gap:4px;
        font-size:10px;
    }

    .pro-signal-footer svg{
        width:16px;
        height:16px;
    }

    .signal-summary-bar{
        grid-template-columns:1fr;
        border-radius:24px;
    }

    .signal-summary-bar::before{
        inset:5px;
        border-radius:19px;
    }

    .signal-summary-item{
        min-height:100px;
        grid-template-columns:58px minmax(0,1fr);
        border-right:0;
        border-bottom:1px solid rgba(123,157,213,.2);
        padding:14px 20px;
    }

    .signal-summary-item:last-child{
        border-bottom:0;
    }

    .signal-summary-icon{
        width:53px;
        height:53px;
    }

    .signal-summary-item strong{
        font-size:26px;
    }

    .signal-summary-item small{
        font-size:12px;
    }

}

@media(prefers-reduced-motion:reduce){

    .signal-showcase-badge i{
        animation:none!important;
    }

    .pro-signal-card,
    .pro-signal-shine{
        transition:none!important;
    }

}
/* =========================================================
   TRADING PERFORMANCE V10
   INTERACTIVE CHART + ANIMATED WIN RATE
   ========================================================= */

.performance-showcase{
    position:relative;
    isolation:isolate;
    width:100%;
    max-width:none;
    min-height:1100px;
    margin:0;
    padding:
        105px
        max(28px,calc((100vw - 1510px)/2))
        175px;
    overflow:hidden;
    background:
        radial-gradient(
            circle at 8% 35%,
            rgba(25,73,255,.22),
            transparent 29%
        ),
        radial-gradient(
            circle at 91% 38%,
            rgba(0,192,255,.16),
            transparent 29%
        ),
        radial-gradient(
            circle at 52% 87%,
            rgba(101,43,255,.18),
            transparent 32%
        ),
        linear-gradient(
            180deg,
            #020611 0%,
            #030817 49%,
            #02050f 100%
        );
}

.performance-showcase::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:-7;
    opacity:.8;
    pointer-events:none;
    background:
        radial-gradient(
            circle at 8% 14%,
            rgba(37,150,255,.87) 0 1px,
            transparent 2px
        ),
        radial-gradient(
            circle at 28% 21%,
            rgba(108,66,255,.7) 0 1px,
            transparent 2px
        ),
        radial-gradient(
            circle at 71% 15%,
            rgba(28,219,255,.73) 0 1px,
            transparent 2px
        ),
        radial-gradient(
            circle at 93% 31%,
            rgba(116,74,255,.7) 0 1.4px,
            transparent 3px
        ),
        radial-gradient(
            circle at 18% 72%,
            rgba(20,135,255,.7) 0 1px,
            transparent 2px
        ),
        radial-gradient(
            circle at 82% 76%,
            rgba(12,205,255,.66) 0 1px,
            transparent 2px
        );
    background-size:
        215px 215px,
        270px 270px,
        245px 245px,
        330px 330px,
        290px 290px,
        260px 260px;
}

.performance-showcase::after{
    content:"";
    position:absolute;
    z-index:-6;
    top:-35%;
    left:50%;
    width:118%;
    height:92%;
    transform:translateX(-50%);
    border:3px solid rgba(45,130,255,.14);
    border-bottom-color:transparent;
    border-radius:50%;
    box-shadow:
        0 0 0 52px rgba(42,102,255,.02),
        0 0 0 112px rgba(86,55,255,.016),
        inset 0 0 105px rgba(29,139,255,.04);
    pointer-events:none;
}

.performance-inner{
    position:relative;
    z-index:3;
    width:min(100%,1510px);
    margin:0 auto;
}

.performance-heading{
    max-width:1050px;
    margin:0 auto 25px;
    text-align:center;
}

.performance-badge{
    display:inline-flex;
    min-height:42px;
    align-items:center;
    gap:12px;
    padding:8px 25px;
    border:1px solid rgba(41,191,255,.69);
    border-radius:999px;
    color:#35e8ff;
    background:
        linear-gradient(
            180deg,
            rgba(17,69,110,.78),
            rgba(4,17,37,.86)
        );
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.24),
        inset 0 -1px 0 rgba(53,133,255,.26),
        0 0 0 3px rgba(31,151,255,.04),
        0 0 24px rgba(18,182,255,.23);
    font-size:16px;
    font-weight:750;
    text-shadow:
        0 0 13px rgba(28,219,255,.55);
}

.performance-badge i{
    width:9px;
    height:9px;
    flex:0 0 9px;
    border-radius:50%;
    background:#1ceaff;
    box-shadow:
        0 0 8px #1ceaff,
        0 0 17px rgba(28,234,255,.76);
    animation:performanceBadgePulse 2s ease-in-out infinite;
}

@keyframes performanceBadgePulse{
    0%,
    100%{
        opacity:.7;
        transform:scale(.82);
    }

    50%{
        opacity:1;
        transform:scale(1.16);
    }
}

.performance-heading h2{
    margin:16px auto 14px;
    color:#f5f7ff;
    font-size:clamp(57px,5.3vw,84px);
    line-height:1.02;
    letter-spacing:-.058em;
    text-wrap:balance;
    text-shadow:
        0 8px 29px rgba(0,0,0,.44);
}

.performance-heading h2 em{
    color:transparent;
    font-style:normal;
    background:
        linear-gradient(
            90deg,
            #4adfff 0%,
            #65a4ff 48%,
            #b66cff 100%
        );
    background-clip:text;
    -webkit-background-clip:text;
    filter:
        drop-shadow(
            0 0 14px rgba(84,112,255,.27)
        );
}

.performance-heading p{
    max-width:900px;
    margin:0 auto;
    color:#bac4d5;
    font-size:clamp(17px,1.45vw,22px);
    line-height:1.6;
    text-wrap:balance;
}

.performance-tabs{
    display:grid;
    width:min(100%,660px);
    grid-template-columns:repeat(5,minmax(0,1fr));
    margin:24px auto 30px;
    padding:5px;
    border:1px solid rgba(91,157,255,.66);
    border-radius:999px;
    background:
        linear-gradient(
            180deg,
            rgba(17,35,71,.94),
            rgba(5,16,38,.97)
        );
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.2),
        0 0 0 4px rgba(50,119,255,.04),
        0 16px 35px rgba(0,0,0,.36),
        0 0 25px rgba(43,121,255,.17);
}

.performance-tab{
    min-height:45px;
    border:0;
    border-right:1px solid rgba(109,148,205,.16);
    border-radius:999px;
    color:#c1cbda;
    background:transparent;
    font-size:15px;
    cursor:pointer;
    transition:
        color .2s ease,
        background .25s ease,
        box-shadow .25s ease,
        transform .2s ease;
}

.performance-tab:last-child{
    border-right:0;
}

.performance-tab:hover{
    color:#fff;
}

.performance-tab.is-active{
    color:#fff;
    background:
        linear-gradient(
            135deg,
            #176fff,
            #483dff
        );
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.36),
        0 0 0 2px rgba(84,221,255,.39),
        0 0 22px rgba(41,121,255,.58);
    transform:translateY(-1px);
}

.performance-dashboard{
    display:grid;
    grid-template-columns:minmax(0,2.05fr) minmax(350px,1fr);
    gap:22px;
}

.performance-chart-card,
.performance-ring-card{
    position:relative;
    isolation:isolate;
    overflow:hidden;
    border:1px solid rgba(49,207,255,.8);
    border-radius:34px;
    background:
        linear-gradient(
            135deg,
            rgba(25,161,255,.13),
            transparent 34%
        ),
        linear-gradient(
            180deg,
            rgba(12,33,70,.96),
            rgba(3,15,35,.99)
        );
    box-shadow:
        inset 0 2px 0 rgba(255,255,255,.53),
        inset 2px 0 0 rgba(255,255,255,.07),
        inset -2px 0 0 rgba(32,202,255,.15),
        inset 0 -8px 28px rgba(27,163,255,.12),
        0 0 0 5px rgba(29,154,255,.055),
        0 25px 56px rgba(0,0,0,.48),
        0 0 37px rgba(29,167,255,.22);
}

.performance-chart-card::before,
.performance-ring-card::before{
    content:"";
    position:absolute;
    inset:7px;
    z-index:-1;
    border:1px solid rgba(207,234,255,.15);
    border-radius:27px;
    background:
        linear-gradient(
            115deg,
            rgba(255,255,255,.06),
            transparent 27% 73%,
            rgba(49,188,255,.07)
        );
    pointer-events:none;
}

.performance-ring-card{
    border-color:rgba(113,102,255,.82);
    background:
        radial-gradient(
            circle at 70% 24%,
            rgba(100,64,255,.14),
            transparent 38%
        ),
        linear-gradient(
            180deg,
            rgba(15,31,72,.97),
            rgba(4,14,36,.99)
        );
    box-shadow:
        inset 0 2px 0 rgba(255,255,255,.52),
        inset 0 -8px 28px rgba(90,61,255,.13),
        0 0 0 5px rgba(74,79,255,.055),
        0 25px 56px rgba(0,0,0,.48),
        0 0 37px rgba(82,74,255,.22);
}

.performance-card-shine{
    position:absolute;
    z-index:8;
    top:-80%;
    left:-48%;
    width:21%;
    height:260%;
    opacity:.22;
    transform:rotate(20deg);
    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255,255,255,.39),
            transparent
        );
    filter:blur(5px);
    pointer-events:none;
    animation:performanceGlassSweep 9s ease-in-out infinite;
}

@keyframes performanceGlassSweep{
    0%,
    25%{
        left:-48%;
    }

    55%,
    100%{
        left:128%;
    }
}

.performance-chart-card{
    min-height:470px;
    padding:25px 28px 24px;
}

.performance-chart-header{
    position:relative;
    z-index:3;
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:20px;
    margin-bottom:12px;
}

.performance-chart-header > span{
    display:grid;
    gap:4px;
}

.performance-chart-header strong{
    color:#f3f7ff;
    font-size:24px;
    line-height:1.1;
}

.performance-chart-header small{
    color:#b5c0d2;
    font-size:15px;
}

.performance-growth-value{
    color:#29eba2;
    font-size:38px;
    line-height:1;
    text-shadow:
        0 0 18px rgba(34,234,162,.35);
}

.performance-chart-layout{
    display:grid;
    grid-template-columns:42px minmax(0,1fr);
    height:350px;
}

.performance-y-axis{
    display:flex;
    height:300px;
    flex-direction:column;
    justify-content:space-between;
    padding:2px 8px 0 0;
    color:#aebbd1;
    font-size:12px;
    text-align:right;
}

.performance-chart-main{
    min-width:0;
}

.performance-chart-plot{
    position:relative;
    height:300px;
    overflow:visible;
    cursor:crosshair;
}

.performance-chart-svg{
    display:block;
    width:100%;
    height:100%;
    overflow:visible;
}

.performance-chart-grid line{
    stroke:rgba(89,152,218,.25);
    stroke-width:1;
    stroke-dasharray:3 6;
}

.performance-chart-area{
    pointer-events:none;
}

.performance-chart-line{
    pointer-events:none;
}

.performance-chart-points circle{
    fill:#dfffff;
    stroke:#29e9ff;
    stroke-width:3;
    filter:
        drop-shadow(
            0 0 7px rgba(41,233,255,.9)
        );
}

.performance-crosshair{
    opacity:0;
    stroke:#45eaff;
    stroke-width:1.5;
    stroke-dasharray:5 5;
    filter:
        drop-shadow(
            0 0 6px rgba(48,218,255,.85)
        );
    transition:opacity .15s ease;
}

.performance-hover-dot{
    opacity:0;
    fill:#f2ffff;
    stroke:#33e8ff;
    stroke-width:4;
    filter:
        drop-shadow(
            0 0 8px #28eaff
        )
        drop-shadow(
            0 0 18px rgba(28,154,255,.8)
        );
    transition:opacity .15s ease;
}

.performance-chart-plot.is-hovering .performance-crosshair,
.performance-chart-plot.is-hovering .performance-hover-dot{
    opacity:1;
}

.performance-chart-tooltip{
    position:absolute;
    z-index:20;
    display:grid;
    min-width:82px;
    gap:2px;
    padding:9px 12px;
    border:1px solid rgba(65,221,255,.78);
    border-radius:12px;
    opacity:0;
    color:#fff;
    background:
        linear-gradient(
            145deg,
            rgba(20,64,110,.97),
            rgba(5,20,44,.98)
        );
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.18),
        0 0 19px rgba(35,185,255,.38),
        0 12px 27px rgba(0,0,0,.39);
    pointer-events:none;
    transform:
        translate(-50%,calc(-100% - 18px))
        scale(.94);
    transition:
        opacity .15s ease,
        transform .15s ease;
}

.performance-chart-tooltip::after{
    content:"";
    position:absolute;
    left:50%;
    bottom:-6px;
    width:10px;
    height:10px;
    border-right:1px solid rgba(65,221,255,.78);
    border-bottom:1px solid rgba(65,221,255,.78);
    background:#0b294f;
    transform:
        translateX(-50%)
        rotate(45deg);
}

.performance-chart-tooltip.is-visible{
    opacity:1;
    transform:
        translate(-50%,calc(-100% - 18px))
        scale(1);
}

.performance-tooltip-label{
    color:#4de8ff;
    font-size:10px;
    font-weight:700;
}

.performance-tooltip-value{
    font-size:19px;
    line-height:1;
}

.performance-x-axis{
    display:flex;
    justify-content:space-between;
    padding:8px 3px 0;
    color:#aab8cd;
    font-size:12px;
}

.performance-ring-card{
    min-height:470px;
    padding:33px 28px 28px;
    text-align:center;
}

.performance-ring-card h3{
    margin:0 0 14px;
    color:#f5f7ff;
    font-size:23px;
}

.performance-ring-wrap{
    position:relative;
    width:min(100%,290px);
    margin:0 auto;
    aspect-ratio:1;
}

.performance-ring-svg{
    display:block;
    width:100%;
    height:100%;
    transform:rotate(-90deg);
}

.performance-ring-track{
    fill:none;
    stroke:rgba(70,119,193,.28);
    stroke-width:15;
}

.performance-ring-progress{
    fill:none;
    stroke:url(#performanceRingGradient);
    stroke-width:15;
    stroke-linecap:round;
    stroke-dasharray:553;
    stroke-dashoffset:553;
}

.performance-ring-copy{
    position:absolute;
    inset:0;
    display:grid;
    place-content:center;
}

.performance-ring-copy strong{
    color:#f4f7ff;
    font-size:45px;
    line-height:1;
    letter-spacing:-.04em;
}

.performance-ring-copy small{
    margin-top:10px;
    color:#bec8d8;
    font-size:13px;
}

.performance-ring-card > p{
    margin:3px 0 0;
    color:#bbc5d6;
    font-size:16px;
}

.performance-ring-card > p strong{
    color:#2ee3ff;
    font-size:19px;
}

.performance-metrics{
    display:grid;
    grid-template-columns:repeat(6,minmax(0,1fr));
    gap:13px;
    margin-top:25px;
}

.performance-metric{
    --metric-rgb:49,137,255;

    position:relative;
    display:grid;
    min-width:0;
    min-height:150px;
    grid-template-columns:66px minmax(0,1fr);
    align-items:center;
    gap:14px;
    padding:20px 18px;
    overflow:hidden;
    border:1px solid rgba(var(--metric-rgb),.72);
    border-radius:27px;
    background:
        linear-gradient(
            135deg,
            rgba(var(--metric-rgb),.14),
            transparent 40%
        ),
        linear-gradient(
            180deg,
            rgba(14,31,68,.96),
            rgba(4,14,35,.99)
        );
    box-shadow:
        inset 0 2px 0 rgba(255,255,255,.46),
        inset 0 -7px 22px rgba(var(--metric-rgb),.12),
        0 0 0 4px rgba(var(--metric-rgb),.05),
        0 20px 43px rgba(0,0,0,.44),
        0 0 28px rgba(var(--metric-rgb),.18);
    transition:
        transform .3s ease,
        box-shadow .3s ease;
}

.performance-metric:hover{
    transform:translateY(-7px);
    box-shadow:
        inset 0 2px 0 rgba(255,255,255,.58),
        inset 0 -8px 27px rgba(var(--metric-rgb),.17),
        0 0 0 5px rgba(var(--metric-rgb),.07),
        0 28px 55px rgba(0,0,0,.52),
        0 0 38px rgba(var(--metric-rgb),.28);
}

.metric-purple{
    --metric-rgb:126,77,255;
}

.metric-green{
    --metric-rgb:31,226,151;
}

.metric-cyan{
    --metric-rgb:24,202,255;
}

.performance-metric-icon{
    display:grid;
    width:62px;
    height:62px;
    place-items:center;
    border:1px solid rgba(var(--metric-rgb),.6);
    border-radius:50%;
    color:rgb(var(--metric-rgb));
    background:
        linear-gradient(
            145deg,
            rgba(var(--metric-rgb),.25),
            rgba(9,26,58,.85)
        );
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.2),
        0 0 21px rgba(var(--metric-rgb),.25);
}

.performance-metric-icon svg{
    width:34px;
    height:34px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.8;
    stroke-linecap:round;
    stroke-linejoin:round;
    filter:
        drop-shadow(
            0 0 7px rgba(var(--metric-rgb),.75)
        );
}

.performance-metric > span:last-child{
    display:grid;
    min-width:0;
    gap:7px;
}

.performance-metric strong{
    overflow:hidden;
    color:#f2f6ff;
    font-size:clamp(25px,2vw,35px);
    line-height:1;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.metric-green strong{
    color:#2ee99e;
}

.performance-metric small{
    color:#b7c2d4;
    font-size:13px;
}

.performance-glow{
    position:absolute;
    z-index:-4;
    border-radius:50%;
    filter:blur(110px);
    pointer-events:none;
}

.performance-glow-left{
    left:-220px;
    top:31%;
    width:590px;
    height:530px;
    background:rgba(24,78,255,.24);
}

.performance-glow-right{
    right:-220px;
    top:35%;
    width:610px;
    height:540px;
    background:rgba(0,197,255,.18);
}

.performance-orbit{
    position:absolute;
    z-index:-5;
    border:1px solid rgba(64,151,255,.1);
    border-radius:50%;
    pointer-events:none;
}

.performance-orbit-one{
    top:-31%;
    right:-27%;
    width:930px;
    height:930px;
    box-shadow:
        0 0 0 49px rgba(41,125,255,.02),
        0 0 0 111px rgba(106,55,255,.016);
}

.performance-orbit-two{
    left:-35%;
    bottom:-43%;
    width:1040px;
    height:1040px;
    border-color:rgba(104,62,255,.1);
    box-shadow:
        0 0 0 57px rgba(78,68,255,.02),
        0 0 0 126px rgba(25,154,255,.015);
}

.performance-floor{
    position:absolute;
    z-index:-1;
    left:50%;
    bottom:-200px;
    width:128%;
    height:370px;
    transform:
        translateX(-50%)
        perspective(920px)
        rotateX(70deg);
    border:1px solid rgba(35,183,255,.22);
    border-radius:50%;
    background:
        repeating-radial-gradient(
            ellipse at center,
            transparent 0 64px,
            rgba(27,174,255,.15) 66px 67px,
            transparent 69px 104px
        ),
        conic-gradient(
            from 210deg at 50% 50%,
            rgba(30,71,255,.14),
            transparent 18%,
            rgba(104,47,255,.18),
            transparent 40%,
            rgba(0,207,255,.13),
            transparent 66%
        );
    box-shadow:
        0 -29px 100px rgba(34,105,255,.23),
        inset 0 85px 140px rgba(36,70,255,.08);
    pointer-events:none;
}

@media(max-width:1250px){

    .performance-dashboard{
        grid-template-columns:minmax(0,1.7fr) minmax(320px,1fr);
    }

    .performance-metrics{
        grid-template-columns:repeat(3,minmax(0,1fr));
    }

}

@media(max-width:900px){

    .performance-showcase{
        min-height:auto;
        padding:
            95px
            22px
            150px;
    }

    .performance-dashboard{
        grid-template-columns:1fr;
    }

    .performance-ring-card{
        width:min(100%,620px);
        margin:0 auto;
    }

    .performance-ring-wrap{
        width:270px;
    }

}

@media(max-width:650px){

    .performance-showcase{
        padding:
            80px
            12px
            115px;
    }

    .performance-heading h2{
        font-size:clamp(40px,12vw,56px);
    }

    .performance-heading p{
        font-size:14px;
    }

    .performance-badge{
        min-height:34px;
        padding:6px 14px;
        font-size:11px;
    }

    .performance-tabs{
        margin-bottom:20px;
        padding:4px;
    }

    .performance-tab{
        min-height:39px;
        font-size:11px;
    }

    .performance-chart-card{
        min-height:390px;
        padding:18px 12px 15px;
        border-radius:25px;
    }

    .performance-chart-header strong{
        font-size:19px;
    }

    .performance-chart-header small{
        font-size:11px;
    }

    .performance-growth-value{
        font-size:26px;
    }

    .performance-chart-layout{
        grid-template-columns:30px minmax(0,1fr);
        height:285px;
    }

    .performance-y-axis{
        height:240px;
        font-size:9px;
    }

    .performance-chart-plot{
        height:240px;
    }

    .performance-ring-card{
        min-height:410px;
        padding:26px 15px;
        border-radius:25px;
    }

    .performance-ring-wrap{
        width:235px;
    }

    .performance-ring-copy strong{
        font-size:38px;
    }

    .performance-metrics{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:10px;
    }

    .performance-metric{
        min-height:118px;
        grid-template-columns:48px minmax(0,1fr);
        gap:9px;
        padding:14px 10px;
        border-radius:21px;
    }

    .performance-metric-icon{
        width:46px;
        height:46px;
    }

    .performance-metric-icon svg{
        width:26px;
        height:26px;
    }

    .performance-metric strong{
        font-size:19px;
    }

    .performance-metric small{
        font-size:10px;
    }

}

@media(prefers-reduced-motion:reduce){

    .performance-badge i,
    .performance-card-shine{
        animation:none!important;
    }

    .performance-metric,
    .performance-tab{
        transition:none!important;
    }

}
/* =========================================================
   TRADING CYCLE V11
   PREMIUM 10-TRADE CYCLE SHOWCASE
   ========================================================= */

.trading-cycle-showcase{
    position:relative;
    isolation:isolate;
    width:100%;
    max-width:none;
    min-height:1050px;
    margin:0;
    padding:
        105px
        max(28px,calc((100vw - 1510px)/2))
        180px;
    overflow:hidden;
    background:
        radial-gradient(
            circle at 9% 40%,
            rgba(24,76,255,.22),
            transparent 30%
        ),
        radial-gradient(
            circle at 91% 42%,
            rgba(81,36,255,.19),
            transparent 29%
        ),
        radial-gradient(
            circle at 50% 90%,
            rgba(22,132,255,.15),
            transparent 32%
        ),
        linear-gradient(
            180deg,
            #020611 0%,
            #030817 48%,
            #02050f 100%
        );
}

.trading-cycle-showcase::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:-7;
    opacity:.8;
    pointer-events:none;
    background:
        radial-gradient(
            circle at 8% 14%,
            rgba(37,150,255,.87) 0 1px,
            transparent 2px
        ),
        radial-gradient(
            circle at 28% 21%,
            rgba(108,66,255,.7) 0 1px,
            transparent 2px
        ),
        radial-gradient(
            circle at 71% 15%,
            rgba(28,219,255,.73) 0 1px,
            transparent 2px
        ),
        radial-gradient(
            circle at 93% 31%,
            rgba(116,74,255,.7) 0 1.4px,
            transparent 3px
        ),
        radial-gradient(
            circle at 18% 72%,
            rgba(20,135,255,.7) 0 1px,
            transparent 2px
        ),
        radial-gradient(
            circle at 82% 76%,
            rgba(12,205,255,.66) 0 1px,
            transparent 2px
        );
    background-size:
        215px 215px,
        270px 270px,
        245px 245px,
        330px 330px,
        290px 290px,
        260px 260px;
}

.trading-cycle-showcase::after{
    content:"";
    position:absolute;
    z-index:-6;
    top:-38%;
    left:50%;
    width:118%;
    height:95%;
    transform:translateX(-50%);
    border:3px solid rgba(46,129,255,.14);
    border-bottom-color:transparent;
    border-radius:50%;
    box-shadow:
        0 0 0 52px rgba(42,102,255,.02),
        0 0 0 112px rgba(86,55,255,.016),
        inset 0 0 105px rgba(29,139,255,.04);
    pointer-events:none;
}

.trading-cycle-inner{
    position:relative;
    z-index:3;
    width:min(100%,1510px);
    margin:0 auto;
}

/* HEADING */

.trading-cycle-heading{
    max-width:1000px;
    margin:0 auto 48px;
    text-align:center;
}

.trading-cycle-badge{
    display:inline-flex;
    min-height:42px;
    align-items:center;
    gap:12px;
    padding:8px 25px;
    border:1px solid rgba(41,191,255,.69);
    border-radius:999px;
    color:#35e8ff;
    background:
        linear-gradient(
            180deg,
            rgba(17,69,110,.78),
            rgba(4,17,37,.86)
        );
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.24),
        inset 0 -1px 0 rgba(53,133,255,.26),
        0 0 0 3px rgba(31,151,255,.04),
        0 0 24px rgba(18,182,255,.23);
    font-size:16px;
    font-weight:750;
    text-shadow:
        0 0 13px rgba(28,219,255,.55);
}

.trading-cycle-badge i{
    width:9px;
    height:9px;
    flex:0 0 9px;
    border-radius:50%;
    background:#1ceaff;
    box-shadow:
        0 0 8px #1ceaff,
        0 0 17px rgba(28,234,255,.76);
    animation:tradingCycleBadgePulse 2s ease-in-out infinite;
}

@keyframes tradingCycleBadgePulse{
    0%,
    100%{
        opacity:.7;
        transform:scale(.82);
    }

    50%{
        opacity:1;
        transform:scale(1.16);
    }
}

.trading-cycle-heading h2{
    margin:17px auto 17px;
    color:#f5f7ff;
    font-size:clamp(57px,5.3vw,84px);
    line-height:1.02;
    letter-spacing:-.058em;
    text-wrap:balance;
    text-shadow:
        0 8px 29px rgba(0,0,0,.44);
}

.trading-cycle-heading h2 em{
    color:transparent;
    font-style:normal;
    background:
        linear-gradient(
            90deg,
            #25dcff 0%,
            #479cff 48%,
            #b75fff 100%
        );
    background-clip:text;
    -webkit-background-clip:text;
    filter:
        drop-shadow(
            0 0 14px rgba(84,112,255,.27)
        );
}

.trading-cycle-heading p{
    max-width:850px;
    margin:0 auto;
    color:#bac4d5;
    font-size:clamp(17px,1.45vw,22px);
    line-height:1.6;
    text-wrap:balance;
}

/* MAIN LAYOUT */

.trading-cycle-layout{
    position:relative;
    display:grid;
    grid-template-columns:minmax(0,1.18fr) minmax(0,.92fr);
    gap:29px;
    align-items:stretch;
    perspective:1800px;
}

/* LEFT BOARD */

.trading-cycle-board{
    position:relative;
    isolation:isolate;
    min-width:0;
    min-height:590px;
    padding:31px 33px 29px;
    overflow:hidden;
    border:1px solid rgba(57,177,255,.84);
    border-radius:39px;
    background:
        linear-gradient(
            135deg,
            rgba(27,122,255,.15),
            transparent 33%
        ),
        linear-gradient(
            180deg,
            rgba(13,31,69,.97),
            rgba(3,14,35,.99)
        );
    box-shadow:
        inset 0 2px 0 rgba(255,255,255,.54),
        inset 2px 0 0 rgba(255,255,255,.08),
        inset -2px 0 0 rgba(91,69,255,.15),
        inset 0 -9px 30px rgba(48,75,255,.14),
        0 0 0 6px rgba(55,112,255,.055),
        0 29px 66px rgba(0,0,0,.52),
        0 0 43px rgba(50,129,255,.24);
}

.trading-cycle-board::before{
    content:"";
    position:absolute;
    inset:8px;
    z-index:-1;
    border:1px solid rgba(207,234,255,.16);
    border-radius:31px;
    background:
        linear-gradient(
            115deg,
            rgba(255,255,255,.065),
            transparent 27% 73%,
            rgba(87,72,255,.07)
        );
    pointer-events:none;
}

.trading-cycle-board::after{
    content:"";
    position:absolute;
    z-index:-2;
    right:-28%;
    bottom:-33%;
    width:75%;
    aspect-ratio:1;
    border-radius:50%;
    background:rgba(57,72,255,.2);
    filter:blur(80px);
    pointer-events:none;
}

.trading-cycle-shine,
.cycle-principle-shine{
    position:absolute;
    z-index:7;
    top:-80%;
    left:-50%;
    width:21%;
    height:260%;
    opacity:.23;
    transform:rotate(20deg);
    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255,255,255,.38),
            transparent
        );
    filter:blur(5px);
    pointer-events:none;
    transition:left .8s ease;
}

.trading-cycle-board:hover .trading-cycle-shine,
.cycle-principle-card:hover .cycle-principle-shine{
    left:125%;
}

.trading-cycle-board-header{
    position:relative;
    z-index:3;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    margin-bottom:24px;
}

.trading-cycle-board-header > span:first-child{
    display:grid;
    gap:5px;
}

.trading-cycle-board-header strong{
    color:#f5f7ff;
    font-size:27px;
    line-height:1.1;
}

.trading-cycle-board-header small{
    color:#b9c4d6;
    font-size:16px;
}

.trading-cycle-result{
    display:flex;
    align-items:center;
    gap:13px;
}

.trading-cycle-result b{
    display:inline-flex;
    min-height:38px;
    align-items:center;
    justify-content:center;
    padding:7px 16px;
    border-radius:9px;
    font-size:15px;
    white-space:nowrap;
}

.trading-cycle-wins{
    border:1px solid rgba(29,238,155,.59);
    color:#24efa2;
    background:rgba(7,87,61,.35);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.1),
        0 0 17px rgba(27,232,152,.17);
}

.trading-cycle-losses{
    border:1px solid rgba(255,67,86,.58);
    color:#ff5b69;
    background:rgba(96,17,35,.35);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.1),
        0 0 17px rgba(255,56,78,.17);
}

/* 10 TRADES */

.trading-cycle-trades{
    position:relative;
    z-index:3;
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:14px;
}

.cycle-trade{
    --trade-rgb:29,235,151;

    position:relative;
    display:grid;
    min-width:0;
    min-height:132px;
    place-content:center;
    gap:12px;
    overflow:hidden;
    border:1px solid rgba(var(--trade-rgb),.75);
    border-radius:21px;
    text-align:center;
    background:
        radial-gradient(
            circle at 50% 34%,
            rgba(var(--trade-rgb),.21),
            transparent 45%
        ),
        linear-gradient(
            180deg,
            rgba(13,60,57,.83),
            rgba(4,24,34,.96)
        );
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.35),
        inset 0 -5px 18px rgba(var(--trade-rgb),.12),
        0 0 0 3px rgba(var(--trade-rgb),.04),
        0 13px 26px rgba(0,0,0,.34),
        0 0 21px rgba(var(--trade-rgb),.19);
    transition:
        transform .3s ease,
        border-color .3s ease,
        box-shadow .3s ease;
}

.cycle-trade::before{
    content:"";
    position:absolute;
    inset:5px;
    border:1px solid rgba(214,240,255,.1);
    border-radius:16px;
    pointer-events:none;
}

.cycle-trade:hover{
    z-index:5;
    transform:
        translateY(-7px)
        scale(1.025);
    border-color:rgba(var(--trade-rgb),1);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.5),
        inset 0 -7px 23px rgba(var(--trade-rgb),.17),
        0 0 0 4px rgba(var(--trade-rgb),.065),
        0 20px 36px rgba(0,0,0,.44),
        0 0 32px rgba(var(--trade-rgb),.3);
}

.cycle-trade-loss{
    --trade-rgb:255,67,84;

    background:
        radial-gradient(
            circle at 50% 34%,
            rgba(var(--trade-rgb),.2),
            transparent 45%
        ),
        linear-gradient(
            180deg,
            rgba(67,19,36,.83),
            rgba(28,8,24,.97)
        );
}

.cycle-trade-icon{
    display:grid;
    width:56px;
    height:56px;
    place-items:center;
    margin:0 auto;
    border:1px solid rgba(var(--trade-rgb),.72);
    border-radius:50%;
    color:rgb(var(--trade-rgb));
    background:
        radial-gradient(
            circle,
            rgba(var(--trade-rgb),.32),
            rgba(7,37,40,.77)
        );
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.25),
        0 0 22px rgba(var(--trade-rgb),.35);
}

.cycle-trade-loss .cycle-trade-icon{
    background:
        radial-gradient(
            circle,
            rgba(var(--trade-rgb),.31),
            rgba(55,11,27,.8)
        );
}

.cycle-trade-icon svg{
    width:32px;
    height:32px;
    fill:none;
    stroke:currentColor;
    stroke-width:2.6;
    stroke-linecap:round;
    stroke-linejoin:round;
    filter:
        drop-shadow(
            0 0 7px rgba(var(--trade-rgb),.85)
        );
}

.cycle-trade > strong{
    color:#f2f6ff;
    font-size:19px;
}

/* SUMMARY */

.trading-cycle-summary{
    position:relative;
    z-index:3;
    display:grid;
    min-height:91px;
    grid-template-columns:61px minmax(0,1fr);
    align-items:center;
    gap:15px;
    margin-top:22px;
    padding:15px 21px;
    border:1px solid rgba(91,125,255,.61);
    border-radius:20px;
    background:
        linear-gradient(
            135deg,
            rgba(43,83,255,.13),
            rgba(7,18,45,.91)
        );
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.13),
        0 0 23px rgba(58,78,255,.16);
}

.trading-cycle-summary-icon{
    display:grid;
    width:56px;
    height:56px;
    place-items:center;
    color:#35a9ff;
}

.trading-cycle-summary-icon svg{
    width:46px;
    height:46px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.8;
    stroke-linecap:round;
    stroke-linejoin:round;
    filter:
        drop-shadow(
            0 0 8px rgba(48,141,255,.75)
        );
}

.trading-cycle-summary p{
    margin:0;
    color:#bdc7d8;
    font-size:16px;
    line-height:1.55;
}

.trading-cycle-summary strong{
    color:#24eca0;
}

/* RIGHT PRINCIPLES */

.trading-cycle-principles{
    display:grid;
    gap:22px;
}

.cycle-principle-card{
    --principle-rgb:91,84,255;

    position:relative;
    isolation:isolate;
    display:grid;
    min-height:180px;
    grid-template-columns:91px minmax(0,1fr);
    align-items:center;
    gap:23px;
    padding:24px 28px 24px 22px;
    overflow:hidden;
    border:1px solid rgba(var(--principle-rgb),.76);
    border-radius:29px;
    background:
        linear-gradient(
            135deg,
            rgba(var(--principle-rgb),.14),
            transparent 36%
        ),
        linear-gradient(
            180deg,
            rgba(15,29,67,.97),
            rgba(4,14,35,.99)
        );
    box-shadow:
        inset 0 2px 0 rgba(255,255,255,.49),
        inset 0 -7px 24px rgba(var(--principle-rgb),.12),
        0 0 0 4px rgba(var(--principle-rgb),.05),
        0 21px 47px rgba(0,0,0,.45),
        0 0 30px rgba(var(--principle-rgb),.19);
    transition:
        transform .33s ease,
        border-color .3s ease,
        box-shadow .33s ease;
}

.cycle-principle-card::before{
    content:"";
    position:absolute;
    inset:6px;
    z-index:-1;
    border:1px solid rgba(205,232,255,.14);
    border-radius:23px;
    pointer-events:none;
}

.cycle-principle-card:hover{
    z-index:5;
    transform:
        translateY(-7px)
        scale(1.008);
    border-color:rgba(var(--principle-rgb),1);
    box-shadow:
        inset 0 2px 0 rgba(255,255,255,.61),
        inset 0 -9px 29px rgba(var(--principle-rgb),.16),
        0 0 0 5px rgba(var(--principle-rgb),.07),
        0 29px 61px rgba(0,0,0,.54),
        0 0 42px rgba(var(--principle-rgb),.3);
}

.cycle-principle-icon{
    display:grid;
    width:82px;
    height:82px;
    place-items:center;
    border:1px solid rgba(var(--principle-rgb),.65);
    border-radius:50%;
    color:rgb(var(--principle-rgb));
    background:
        radial-gradient(
            circle at 32% 25%,
            rgba(255,255,255,.23),
            transparent 26%
        ),
        linear-gradient(
            145deg,
            rgba(var(--principle-rgb),.26),
            rgba(8,24,58,.88)
        );
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.22),
        0 0 25px rgba(var(--principle-rgb),.29);
}

.cycle-principle-purple{
    --principle-rgb:113,78,255;
}

.cycle-principle-blue{
    --principle-rgb:38,142,255;
}

.cycle-principle-cyan{
    --principle-rgb:36,183,255;
}

.cycle-principle-icon svg{
    width:45px;
    height:45px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.8;
    stroke-linecap:round;
    stroke-linejoin:round;
    filter:
        drop-shadow(
            0 0 8px rgba(var(--principle-rgb),.78)
        );
}

.cycle-principle-copy{
    display:grid;
    min-width:0;
    gap:10px;
}

.cycle-principle-copy strong{
    color:#f4f7ff;
    font-size:21px;
    line-height:1.2;
}

.cycle-principle-copy p{
    margin:0;
    color:#bbc5d6;
    font-size:15px;
    line-height:1.6;
}

.cycle-principle-copy b{
    color:#2be6ff;
}

/* BACKGROUND */

.trading-cycle-glow{
    position:absolute;
    z-index:-4;
    border-radius:50%;
    filter:blur(110px);
    pointer-events:none;
}

.trading-cycle-glow-left{
    left:-220px;
    top:31%;
    width:590px;
    height:530px;
    background:rgba(24,78,255,.24);
}

.trading-cycle-glow-right{
    right:-220px;
    top:35%;
    width:610px;
    height:540px;
    background:rgba(91,42,255,.19);
}

.trading-cycle-orbit{
    position:absolute;
    z-index:-5;
    border:1px solid rgba(64,151,255,.1);
    border-radius:50%;
    pointer-events:none;
}

.trading-cycle-orbit-one{
    top:-31%;
    right:-27%;
    width:930px;
    height:930px;
    box-shadow:
        0 0 0 49px rgba(41,125,255,.02),
        0 0 0 111px rgba(106,55,255,.016);
}

.trading-cycle-orbit-two{
    left:-35%;
    bottom:-43%;
    width:1040px;
    height:1040px;
    border-color:rgba(104,62,255,.1);
    box-shadow:
        0 0 0 57px rgba(78,68,255,.02),
        0 0 0 126px rgba(25,154,255,.015);
}

.trading-cycle-floor{
    position:absolute;
    z-index:-1;
    left:50%;
    bottom:-200px;
    width:128%;
    height:370px;
    transform:
        translateX(-50%)
        perspective(920px)
        rotateX(70deg);
    border:1px solid rgba(35,183,255,.22);
    border-radius:50%;
    background:
        linear-gradient(
            rgba(41,116,255,.15) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(41,116,255,.15) 1px,
            transparent 1px
        ),
        repeating-radial-gradient(
            ellipse at center,
            transparent 0 64px,
            rgba(27,174,255,.15) 66px 67px,
            transparent 69px 104px
        );
    background-size:
        55px 55px,
        55px 55px,
        auto;
    box-shadow:
        0 -29px 100px rgba(34,105,255,.23),
        inset 0 85px 140px rgba(36,70,255,.08);
    pointer-events:none;
}

/* TABLET */

@media(max-width:1100px){

    .trading-cycle-layout{
        grid-template-columns:1fr;
    }

    .trading-cycle-principles{
        grid-template-columns:1fr;
    }

}

/* SMALL TABLET */

@media(max-width:780px){

    .trading-cycle-showcase{
        min-height:auto;
        padding:
            95px
            18px
            145px;
    }

    .trading-cycle-board{
        padding:25px 20px;
    }

    .trading-cycle-trades{
        grid-template-columns:repeat(5,minmax(0,1fr));
        gap:8px;
    }

    .cycle-trade{
        min-height:110px;
    }

    .cycle-trade-icon{
        width:47px;
        height:47px;
    }

}

/* MOBILE */

@media(max-width:600px){

    .trading-cycle-showcase{
        padding:
            80px
            12px
            115px;
    }

    .trading-cycle-heading{
        margin-bottom:34px;
    }

    .trading-cycle-badge{
        min-height:34px;
        padding:6px 14px;
        font-size:11px;
    }

    .trading-cycle-heading h2{
        margin-top:15px;
        font-size:clamp(40px,12vw,56px);
        line-height:1.04;
    }

    .trading-cycle-heading p{
        font-size:14px;
    }

    .trading-cycle-board{
        min-height:auto;
        padding:
            20px
            14px;
        border-radius:27px;
    }

    .trading-cycle-board::before{
        inset:5px;
        border-radius:21px;
    }

    .trading-cycle-board-header{
        align-items:flex-start;
        gap:10px;
    }

    .trading-cycle-board-header strong{
        font-size:20px;
    }

    .trading-cycle-board-header small{
        font-size:12px;
    }

    .trading-cycle-result{
        display:grid;
        gap:6px;
    }

    .trading-cycle-result b{
        min-height:29px;
        padding:4px 9px;
        font-size:10px;
    }

    .trading-cycle-trades{
        grid-template-columns:repeat(5,minmax(0,1fr));
        gap:6px;
    }

    .cycle-trade{
        min-height:88px;
        gap:7px;
        border-radius:14px;
    }

    .cycle-trade::before{
        inset:3px;
        border-radius:10px;
    }

    .cycle-trade-icon{
        width:39px;
        height:39px;
    }

    .cycle-trade-icon svg{
        width:23px;
        height:23px;
    }

    .cycle-trade > strong{
        font-size:13px;
    }

    .trading-cycle-summary{
        grid-template-columns:45px minmax(0,1fr);
        gap:10px;
        padding:12px;
    }

    .trading-cycle-summary-icon{
        width:42px;
        height:42px;
    }

    .trading-cycle-summary-icon svg{
        width:35px;
        height:35px;
    }

    .trading-cycle-summary p{
        font-size:11px;
    }

    .cycle-principle-card{
        min-height:145px;
        grid-template-columns:66px minmax(0,1fr);
        gap:14px;
        padding:
            18px
            15px;
        border-radius:23px;
    }

    .cycle-principle-card::before{
        inset:4px;
        border-radius:18px;
    }

    .cycle-principle-icon{
        width:62px;
        height:62px;
    }

    .cycle-principle-icon svg{
        width:34px;
        height:34px;
    }

    .cycle-principle-copy{
        gap:7px;
    }

    .cycle-principle-copy strong{
        font-size:17px;
    }

    .cycle-principle-copy p{
        font-size:11px;
        line-height:1.55;
    }

}

@media(prefers-reduced-motion:reduce){

    .trading-cycle-badge i{
        animation:none!important;
    }

    .cycle-trade,
    .cycle-principle-card,
    .trading-cycle-shine,
    .cycle-principle-shine{
        transition:none!important;
    }

}
/* =========================================================
   COMMUNITY PERFORMANCE V12
   ADMIN-DRIVEN TRADERS AND COUNTRIES
   ========================================================= */

.community-performance-showcase{
    position:relative;
    isolation:isolate;
    width:100%;
    max-width:none;
    min-height:1100px;
    margin:0;
    padding:
        105px
        max(28px,calc((100vw - 1510px)/2))
        180px;
    overflow:hidden;
    background:
        radial-gradient(
            circle at 8% 42%,
            rgba(17,93,255,.22),
            transparent 30%
        ),
        radial-gradient(
            circle at 91% 40%,
            rgba(90,38,255,.19),
            transparent 29%
        ),
        radial-gradient(
            circle at 50% 91%,
            rgba(18,139,255,.15),
            transparent 32%
        ),
        linear-gradient(
            180deg,
            #020611 0%,
            #030817 49%,
            #02050f 100%
        );
}

.community-performance-showcase::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:-7;
    opacity:.8;
    pointer-events:none;
    background:
        radial-gradient(
            circle at 8% 14%,
            rgba(37,150,255,.87) 0 1px,
            transparent 2px
        ),
        radial-gradient(
            circle at 28% 21%,
            rgba(108,66,255,.7) 0 1px,
            transparent 2px
        ),
        radial-gradient(
            circle at 71% 15%,
            rgba(28,219,255,.73) 0 1px,
            transparent 2px
        ),
        radial-gradient(
            circle at 93% 31%,
            rgba(116,74,255,.7) 0 1.4px,
            transparent 3px
        ),
        radial-gradient(
            circle at 18% 72%,
            rgba(20,135,255,.7) 0 1px,
            transparent 2px
        ),
        radial-gradient(
            circle at 82% 76%,
            rgba(12,205,255,.66) 0 1px,
            transparent 2px
        );
    background-size:
        215px 215px,
        270px 270px,
        245px 245px,
        330px 330px,
        290px 290px,
        260px 260px;
}

.community-performance-showcase::after{
    content:"";
    position:absolute;
    z-index:-6;
    top:-35%;
    left:50%;
    width:118%;
    height:95%;
    transform:translateX(-50%);
    border:3px solid rgba(43,130,255,.13);
    border-bottom-color:transparent;
    border-radius:50%;
    box-shadow:
        0 0 0 52px rgba(42,102,255,.02),
        0 0 0 112px rgba(86,55,255,.016),
        inset 0 0 105px rgba(29,139,255,.04);
    pointer-events:none;
}

.community-performance-inner{
    position:relative;
    z-index:3;
    width:min(100%,1510px);
    margin:0 auto;
}

.community-performance-heading{
    max-width:1100px;
    margin:0 auto 48px;
    text-align:center;
}

.community-performance-badge{
    display:inline-flex;
    min-height:42px;
    align-items:center;
    gap:12px;
    padding:8px 25px;
    border:1px solid rgba(41,191,255,.69);
    border-radius:999px;
    color:#35e8ff;
    background:
        linear-gradient(
            180deg,
            rgba(17,69,110,.78),
            rgba(4,17,37,.86)
        );
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.24),
        inset 0 -1px 0 rgba(53,133,255,.26),
        0 0 0 3px rgba(31,151,255,.04),
        0 0 24px rgba(18,182,255,.23);
    font-size:16px;
    font-weight:750;
    text-shadow:0 0 13px rgba(28,219,255,.55);
}

.community-performance-badge i{
    width:9px;
    height:9px;
    flex:0 0 9px;
    border-radius:50%;
    background:#1ceaff;
    box-shadow:
        0 0 8px #1ceaff,
        0 0 17px rgba(28,234,255,.76);
    animation:communityBadgePulse 2s ease-in-out infinite;
}

@keyframes communityBadgePulse{
    0%,
    100%{
        opacity:.7;
        transform:scale(.82);
    }

    50%{
        opacity:1;
        transform:scale(1.16);
    }
}

.community-performance-heading h2{
    margin:17px auto;
    color:#f5f7ff;
    font-size:clamp(57px,5.3vw,84px);
    line-height:1.02;
    letter-spacing:-.058em;
    text-wrap:balance;
    text-shadow:0 8px 29px rgba(0,0,0,.44);
}

.community-performance-heading h2 em{
    color:transparent;
    font-style:normal;
    background:
        linear-gradient(
            90deg,
            #25ddff 0%,
            #579bff 48%,
            #b760ff 100%
        );
    background-clip:text;
    -webkit-background-clip:text;
    filter:drop-shadow(
        0 0 14px rgba(84,112,255,.27)
    );
}

.community-performance-heading p{
    max-width:880px;
    margin:0 auto;
    color:#bac4d5;
    font-size:clamp(17px,1.45vw,22px);
    line-height:1.6;
    text-wrap:balance;
}

.community-performance-layout{
    display:grid;
    grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);
    gap:23px;
    align-items:stretch;
    perspective:1800px;
}

.community-traders-panel,
.community-countries-panel{
    --community-rgb:28,204,255;

    position:relative;
    isolation:isolate;
    min-width:0;
    min-height:680px;
    padding:24px 23px;
    overflow:hidden;
    border:1px solid rgba(var(--community-rgb),.84);
    border-radius:39px;
    background:
        linear-gradient(
            135deg,
            rgba(var(--community-rgb),.14),
            transparent 35%
        ),
        linear-gradient(
            180deg,
            rgba(12,31,69,.97),
            rgba(3,14,35,.99)
        );
    box-shadow:
        inset 0 2px 0 rgba(255,255,255,.54),
        inset 2px 0 0 rgba(255,255,255,.08),
        inset -2px 0 0 rgba(var(--community-rgb),.15),
        inset 0 -9px 30px rgba(var(--community-rgb),.13),
        0 0 0 6px rgba(var(--community-rgb),.055),
        0 29px 66px rgba(0,0,0,.52),
        0 0 43px rgba(var(--community-rgb),.24);
}

.community-countries-panel{
    --community-rgb:111,76,255;
}

.community-traders-panel::before,
.community-countries-panel::before{
    content:"";
    position:absolute;
    inset:8px;
    z-index:-1;
    border:1px solid rgba(207,234,255,.16);
    border-radius:31px;
    background:
        linear-gradient(
            115deg,
            rgba(255,255,255,.065),
            transparent 27% 73%,
            rgba(var(--community-rgb),.07)
        );
    pointer-events:none;
}

.community-panel-shine{
    position:absolute;
    z-index:8;
    top:-80%;
    left:-50%;
    width:21%;
    height:260%;
    opacity:.22;
    transform:rotate(20deg);
    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255,255,255,.39),
            transparent
        );
    filter:blur(5px);
    pointer-events:none;
    animation:communityGlassSweep 10s ease-in-out infinite;
}

@keyframes communityGlassSweep{
    0%,
    27%{
        left:-50%;
    }

    57%,
    100%{
        left:128%;
    }
}

.community-panel-header{
    position:relative;
    z-index:3;
    display:flex;
    min-height:58px;
    align-items:center;
    justify-content:space-between;
    gap:15px;
    padding:0 8px 17px;
    border-bottom:1px solid rgba(132,179,233,.26);
}

.community-panel-header > span{
    display:flex;
    align-items:center;
    gap:14px;
}

.community-panel-header svg{
    width:31px;
    height:31px;
    fill:none;
    stroke:#26ddff;
    stroke-width:1.8;
    stroke-linecap:round;
    stroke-linejoin:round;
    filter:drop-shadow(
        0 0 8px rgba(35,215,255,.75)
    );
}

.community-traders-panel .community-panel-header svg{
    stroke:#ffd93f;
    filter:drop-shadow(
        0 0 8px rgba(255,202,37,.65)
    );
}

.community-panel-header strong{
    color:#f4f7ff;
    font-size:23px;
}

.community-panel-header > b{
    padding:7px 15px;
    border:1px solid rgba(77,173,255,.57);
    border-radius:10px;
    color:#eaf5ff;
    background:rgba(12,50,87,.66);
    font-size:13px;
}

.community-trader-list{
    position:relative;
    z-index:3;
    display:grid;
    gap:6px;
    padding-top:13px;
}

.community-trader-row{
    display:grid;
    min-height:55px;
    grid-template-columns:44px 46px minmax(125px,1fr) 105px 120px;
    align-items:center;
    gap:9px;
    padding:6px 11px;
    border:1px solid rgba(94,148,215,.32);
    border-radius:13px;
    background:
        linear-gradient(
            135deg,
            rgba(28,72,126,.32),
            rgba(4,17,39,.82)
        );
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.07),
        0 8px 18px rgba(0,0,0,.2);
    transition:
        transform .25s ease,
        border-color .25s ease,
        background .25s ease;
}

.community-trader-row:hover{
    transform:translateX(5px);
    border-color:rgba(47,208,255,.72);
    background:
        linear-gradient(
            135deg,
            rgba(32,112,172,.39),
            rgba(5,20,45,.91)
        );
}

.community-trader-rank{
    display:grid;
    width:39px;
    height:39px;
    place-items:center;
    border:1px solid rgba(84,152,255,.55);
    border-radius:10px;
    color:#e7f2ff;
    background:
        linear-gradient(
            145deg,
            rgba(67,124,255,.34),
            rgba(8,27,61,.86)
        );
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.2),
        0 0 13px rgba(53,123,255,.18);
    font-weight:800;
}

.community-trader-row:nth-child(1) .community-trader-rank{
    border-color:rgba(255,198,45,.75);
    color:#ffe369;
    background:
        linear-gradient(
            145deg,
            rgba(201,133,18,.48),
            rgba(53,35,8,.89)
        );
    box-shadow:
        0 0 17px rgba(255,177,24,.28),
        inset 0 1px 0 rgba(255,255,255,.22);
}

.community-trader-row:nth-child(2) .community-trader-rank{
    color:#e2efff;
    background:
        linear-gradient(
            145deg,
            rgba(126,165,221,.4),
            rgba(26,42,71,.9)
        );
}

.community-trader-row:nth-child(3) .community-trader-rank{
    color:#cf9cff;
    background:
        linear-gradient(
            145deg,
            rgba(124,52,255,.48),
            rgba(40,19,85,.9)
        );
}

.community-country-code,
.community-country-badge{
    display:grid;
    min-width:38px;
    height:33px;
    place-items:center;
    border:1px solid rgba(106,151,210,.31);
    border-radius:9px;
    color:#d8e5f5;
    background:rgba(9,25,55,.82);
    font-size:12px;
    font-weight:800;
}

.community-trader-identity{
    display:grid;
    min-width:0;
    gap:3px;
}

.community-trader-identity strong{
    overflow:hidden;
    color:#f4f7ff;
    font-size:16px;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.community-trader-identity small{
    color:#aebbd0;
    font-size:12px;
}

.community-tier{
    display:inline-flex;
    min-height:28px;
    align-items:center;
    justify-content:center;
    padding:4px 11px;
    border:1px solid rgba(38,190,255,.61);
    border-radius:999px;
    color:#34dcff;
    background:rgba(7,55,83,.42);
    font-size:11px;
    white-space:nowrap;
}

.community-tier-elite{
    border-color:rgba(181,77,255,.68);
    color:#e58dff;
    background:rgba(76,22,112,.4);
}

.community-tier-premium{
    border-color:rgba(39,129,255,.68);
    color:#55afff;
    background:rgba(12,54,111,.42);
}

.community-trader-result{
    display:grid;
    gap:2px;
    text-align:right;
}

.community-trader-result strong{
    color:#24eca0;
    font-size:19px;
    line-height:1;
    text-shadow:0 0 12px rgba(34,235,157,.25);
}

.community-trader-result small{
    color:#d0d9e7;
    font-size:12px;
}

.community-world-map{
    position:relative;
    z-index:3;
    height:190px;
    margin:16px 0 17px;
    overflow:hidden;
    border:1px solid rgba(87,136,255,.41);
    border-radius:24px;
    background:
        radial-gradient(
            circle at 50% 45%,
            rgba(35,108,255,.18),
            transparent 55%
        ),
        linear-gradient(
            145deg,
            rgba(15,43,88,.86),
            rgba(4,16,39,.96)
        );
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.1),
        0 0 24px rgba(57,67,255,.13);
}

.community-world-map svg{
    display:block;
    width:100%;
    height:100%;
}

.community-country-list{
    position:relative;
    z-index:3;
    display:grid;
    gap:13px;
}

.community-country-row{
    display:grid;
    grid-template-columns:38px 125px minmax(80px,1fr) 42px;
    align-items:center;
    gap:10px;
    min-width:0;
}

.community-country-row > strong{
    overflow:hidden;
    color:#eef3ff;
    font-size:15px;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.community-country-row > b{
    color:#c8d4e6;
    font-size:14px;
    text-align:right;
}

.community-country-progress{
    position:relative;
    height:9px;
    overflow:hidden;
    border-radius:99px;
    background:rgba(29,48,82,.74);
    box-shadow:inset 0 1px 3px rgba(0,0,0,.4);
}

.community-country-progress i{
    display:block;
    width:var(--community-progress);
    height:100%;
    border-radius:inherit;
    background:
        linear-gradient(
            90deg,
            #3184ff,
            #1ddcff,
            #3ff4ed
        );
    box-shadow:
        0 0 8px rgba(32,216,255,.75),
        0 0 15px rgba(39,140,255,.37);
    transform-origin:left;
    animation:communityProgressReveal 1.25s ease both;
}

@keyframes communityProgressReveal{
    from{
        transform:scaleX(0);
    }

    to{
        transform:scaleX(1);
    }
}

.community-country-summary{
    position:relative;
    z-index:3;
    display:flex;
    min-height:66px;
    align-items:center;
    gap:15px;
    margin-top:19px;
    padding:13px 21px;
    border:1px solid rgba(97,112,255,.45);
    border-radius:22px;
    color:#aeb9cc;
    background:
        linear-gradient(
            135deg,
            rgba(35,67,143,.21),
            rgba(7,18,44,.9)
        );
}

.community-country-summary svg{
    width:36px;
    height:36px;
    flex:0 0 36px;
    fill:none;
    stroke:#2bdfff;
    stroke-width:1.8;
    stroke-linecap:round;
    stroke-linejoin:round;
    filter:drop-shadow(
        0 0 8px rgba(42,218,255,.65)
    );
}

.community-country-summary strong{
    color:#9776ff;
}

.community-performance-glow{
    position:absolute;
    z-index:-4;
    border-radius:50%;
    filter:blur(110px);
    pointer-events:none;
}

.community-performance-glow-left{
    left:-220px;
    top:31%;
    width:590px;
    height:530px;
    background:rgba(24,78,255,.24);
}

.community-performance-glow-right{
    right:-220px;
    top:35%;
    width:610px;
    height:540px;
    background:rgba(91,42,255,.19);
}

.community-performance-floor{
    position:absolute;
    z-index:-1;
    left:50%;
    bottom:-205px;
    width:128%;
    height:375px;
    transform:
        translateX(-50%)
        perspective(920px)
        rotateX(70deg);
    border:1px solid rgba(35,183,255,.22);
    border-radius:50%;
    background:
        repeating-radial-gradient(
            ellipse at center,
            transparent 0 64px,
            rgba(27,174,255,.15) 66px 67px,
            transparent 69px 104px
        ),
        conic-gradient(
            from 210deg at 50% 50%,
            rgba(30,71,255,.14),
            transparent 18%,
            rgba(104,47,255,.18),
            transparent 40%,
            rgba(0,207,255,.13),
            transparent 66%
        );
    box-shadow:
        0 -29px 100px rgba(34,105,255,.23),
        inset 0 85px 140px rgba(36,70,255,.08);
    pointer-events:none;
}

@media(max-width:1100px){

    .community-performance-layout{
        grid-template-columns:1fr;
    }

    .community-traders-panel,
    .community-countries-panel{
        min-height:auto;
    }

}

@media(max-width:700px){

    .community-performance-showcase{
        min-height:auto;
        padding:
            80px
            12px
            120px;
    }

    .community-performance-heading{
        margin-bottom:34px;
    }

    .community-performance-badge{
        min-height:34px;
        padding:6px 14px;
        font-size:11px;
    }

    .community-performance-heading h2{
        margin-top:15px;
        font-size:clamp(40px,12vw,56px);
        line-height:1.04;
    }

    .community-performance-heading p{
        font-size:14px;
    }

    .community-traders-panel,
    .community-countries-panel{
        padding:17px 12px;
        border-radius:27px;
    }

    .community-traders-panel::before,
    .community-countries-panel::before{
        inset:5px;
        border-radius:21px;
    }

    .community-panel-header strong{
        font-size:18px;
    }

    .community-panel-header svg{
        width:25px;
        height:25px;
    }

    .community-panel-header > b{
        padding:5px 8px;
        font-size:9px;
    }

    .community-trader-row{
        min-height:53px;
        grid-template-columns:32px 32px minmax(80px,1fr) 74px;
        gap:5px;
        padding:5px;
    }

    .community-trader-rank{
        width:30px;
        height:30px;
        border-radius:8px;
        font-size:11px;
    }

    .community-country-code{
        min-width:30px;
        height:28px;
        font-size:9px;
    }

    .community-trader-identity strong{
        font-size:12px;
    }

    .community-trader-identity small{
        font-size:9px;
    }

    .community-tier{
        min-height:24px;
        padding:3px 6px;
        font-size:8px;
    }

    .community-trader-result{
        display:none;
    }

    .community-world-map{
        height:150px;
        border-radius:18px;
    }

    .community-country-row{
        grid-template-columns:33px 88px minmax(50px,1fr) 34px;
        gap:6px;
    }

    .community-country-row > strong{
        font-size:11px;
    }

    .community-country-row > b{
        font-size:10px;
    }

    .community-country-badge{
        min-width:31px;
        height:28px;
        font-size:9px;
    }

    .community-country-summary{
        padding:11px;
        font-size:11px;
    }

    .community-country-summary svg{
        width:29px;
        height:29px;
        flex-basis:29px;
    }

}

@media(prefers-reduced-motion:reduce){

    .community-performance-badge i,
    .community-panel-shine,
    .community-country-progress i{
        animation:none!important;
    }

}
/* =========================================================
   PRICING SHOWCASE V13
   ADMIN-MANAGED PLANS, TAX AND COMPARISON
   ========================================================= */

.pricing-showcase-v13{
    position:relative;
    isolation:isolate;
    width:100%;
    max-width:none;
    margin:0;
    padding:
        105px
        max(28px,calc((100vw - 1530px)/2))
        180px;
    overflow:hidden;
    background:
        radial-gradient(
            circle at 8% 35%,
            rgba(20,91,255,.22),
            transparent 30%
        ),
        radial-gradient(
            circle at 92% 36%,
            rgba(0,203,255,.17),
            transparent 30%
        ),
        radial-gradient(
            circle at 53% 91%,
            rgba(100,44,255,.18),
            transparent 33%
        ),
        linear-gradient(
            180deg,
            #020611 0%,
            #030817 49%,
            #02050f 100%
        );
}

.pricing-showcase-v13::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:-6;
    opacity:.8;
    pointer-events:none;
    background:
        radial-gradient(
            circle at 8% 15%,
            rgba(38,151,255,.88) 0 1px,
            transparent 2px
        ),
        radial-gradient(
            circle at 29% 23%,
            rgba(108,67,255,.72) 0 1px,
            transparent 2px
        ),
        radial-gradient(
            circle at 71% 14%,
            rgba(28,219,255,.75) 0 1px,
            transparent 2px
        ),
        radial-gradient(
            circle at 93% 30%,
            rgba(119,75,255,.72) 0 1.4px,
            transparent 3px
        );
    background-size:
        215px 215px,
        275px 275px,
        245px 245px,
        330px 330px;
}

.pricing-v13-inner{
    position:relative;
    z-index:3;
    width:min(100%,1530px);
    margin:0 auto;
}

.pricing-v13-heading{
    max-width:1050px;
    margin:0 auto 28px;
    text-align:center;
}

.pricing-v13-badge{
    display:inline-flex;
    min-height:41px;
    align-items:center;
    gap:12px;
    padding:8px 24px;
    border:1px solid rgba(42,194,255,.7);
    border-radius:999px;
    color:#38e9ff;
    background:
        linear-gradient(
            180deg,
            rgba(18,70,111,.78),
            rgba(4,17,37,.87)
        );
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.24),
        0 0 24px rgba(18,182,255,.23);
    font-size:15px;
    font-weight:750;
}

.pricing-v13-badge i{
    width:9px;
    height:9px;
    border-radius:50%;
    background:#1ceaff;
    box-shadow:
        0 0 8px #1ceaff,
        0 0 17px rgba(28,234,255,.76);
}

.pricing-v13-heading h2{
    margin:17px auto;
    color:#f5f7ff;
    font-size:clamp(50px,5vw,80px);
    line-height:1.03;
    letter-spacing:-.055em;
    text-wrap:balance;
}

.pricing-v13-heading p{
    max-width:850px;
    margin:0 auto;
    color:#bac4d5;
    font-size:clamp(17px,1.45vw,22px);
    line-height:1.6;
}

.pricing-v13-toggle{
    display:flex;
    width:max-content;
    align-items:center;
    gap:12px;
    margin:24px auto 30px;
    padding:7px 16px;
    border:1px solid rgba(77,125,195,.37);
    border-radius:999px;
    background:rgba(5,16,37,.86);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.08),
        0 12px 30px rgba(0,0,0,.35);
}

.pricing-v13-toggle button{
    border:0;
    padding:5px;
    color:#aeb9cc;
    background:none;
    font:inherit;
    cursor:pointer;
}

.pricing-v13-toggle button.is-active{
    color:#fff;
}

.pricing-v13-toggle button b{
    margin-left:6px;
    color:#27eb91;
}

.pricing-v13-switch{
    position:relative;
    width:57px;
    height:29px;
    border-radius:99px;
    background:
        linear-gradient(
            90deg,
            #287eff,
            #6347ff
        );
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.25),
        0 0 18px rgba(40,114,255,.4);
}

.pricing-v13-switch i{
    position:absolute;
    top:4px;
    left:4px;
    width:21px;
    height:21px;
    border-radius:50%;
    background:#efffff;
    box-shadow:0 2px 8px rgba(0,0,0,.35);
    transition:transform .3s ease;
}

.pricing-v13-toggle.is-annual .pricing-v13-switch i{
    transform:translateX(28px);
}

.pricing-v13-grid{
    display:grid;
    grid-template-columns:
        repeat(
            var(--pricing-count),
            minmax(0,1fr)
        );
    gap:22px;
    perspective:1800px;
}

.pricing-v13-card{
    --plan-rgb:23,202,255;

    position:relative;
    isolation:isolate;
    display:flex;
    min-width:0;
    min-height:500px;
    flex-direction:column;
    padding:26px 27px 25px;
    overflow:hidden;
    border:1px solid rgba(var(--plan-rgb),.78);
    border-radius:30px;
    background:
        linear-gradient(
            135deg,
            rgba(var(--plan-rgb),.14),
            transparent 34%
        ),
        linear-gradient(
            180deg,
            rgba(10,29,64,.97),
            rgba(3,14,34,.99)
        );
    box-shadow:
        inset 0 2px 0 rgba(255,255,255,.5),
        inset 0 -8px 28px rgba(var(--plan-rgb),.12),
        0 0 0 5px rgba(var(--plan-rgb),.05),
        0 24px 55px rgba(0,0,0,.49),
        0 0 34px rgba(var(--plan-rgb),.21);
    transition:
        transform .35s ease,
        box-shadow .35s ease;
}

.pricing-v13-card:nth-child(2){
    --plan-rgb:69,116,255;
}

.pricing-v13-card:nth-child(3){
    --plan-rgb:121,76,255;
}

.pricing-v13-card:nth-child(4){
    --plan-rgb:25,215,206;
}

.pricing-v13-card::before{
    content:"";
    position:absolute;
    inset:7px;
    z-index:-1;
    border:1px solid rgba(207,234,255,.15);
    border-radius:23px;
    background:
        linear-gradient(
            115deg,
            rgba(255,255,255,.065),
            transparent 27% 73%,
            rgba(var(--plan-rgb),.07)
        );
}

.pricing-v13-card:hover{
    transform:translateY(-10px);
    box-shadow:
        inset 0 2px 0 rgba(255,255,255,.63),
        inset 0 -10px 32px rgba(var(--plan-rgb),.17),
        0 0 0 6px rgba(var(--plan-rgb),.07),
        0 35px 75px rgba(0,0,0,.58),
        0 0 48px rgba(var(--plan-rgb),.31);
}

.pricing-v13-card.is-featured{
    transform:translateY(-6px);
    border-color:rgba(121,87,255,1);
    box-shadow:
        inset 0 2px 0 rgba(255,255,255,.64),
        inset 0 -12px 35px rgba(110,60,255,.18),
        0 0 0 6px rgba(91,92,255,.09),
        0 32px 76px rgba(0,0,0,.59),
        0 0 53px rgba(102,70,255,.42);
}

.pricing-v13-shine{
    position:absolute;
    top:-80%;
    left:-50%;
    width:22%;
    height:260%;
    opacity:.23;
    transform:rotate(20deg);
    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255,255,255,.4),
            transparent
        );
    transition:left .8s ease;
    pointer-events:none;
}

.pricing-v13-card:hover .pricing-v13-shine{
    left:125%;
}

.pricing-v13-popular{
    align-self:flex-start;
    margin:0 0 15px 70px;
    padding:7px 12px;
    border:1px solid rgba(118,97,255,.65);
    border-radius:999px;
    color:#a9a1ff;
    background:rgba(50,39,125,.4);
    font-size:12px;
}

.pricing-v13-card-head{
    display:grid;
    grid-template-columns:63px minmax(0,1fr);
    align-items:start;
    gap:17px;
    margin-bottom:25px;
}

.pricing-v13-icon{
    display:grid;
    width:60px;
    height:60px;
    place-items:center;
    border:1px solid rgba(var(--plan-rgb),.65);
    border-radius:16px;
    color:rgb(var(--plan-rgb));
    background:
        linear-gradient(
            145deg,
            rgba(var(--plan-rgb),.27),
            rgba(7,24,57,.9)
        );
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.2),
        0 0 22px rgba(var(--plan-rgb),.29);
}

.pricing-v13-icon svg{
    width:34px;
    height:34px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.8;
    stroke-linecap:round;
    stroke-linejoin:round;
    filter:drop-shadow(
        0 0 7px rgba(var(--plan-rgb),.75)
    );
}

.pricing-v13-card-head > span:last-child{
    display:grid;
    gap:7px;
}

.pricing-v13-card-head strong{
    color:#f4f7ff;
    font-size:23px;
}

.pricing-v13-card-head small{
    color:#b8c3d5;
    font-size:14px;
    line-height:1.45;
}

.pricing-v13-price{
    display:flex;
    align-items:flex-end;
    gap:7px;
    min-height:59px;
}

.pricing-v13-price strong{
    color:#f4f6ff;
    font-size:clamp(36px,3vw,49px);
    line-height:1;
    letter-spacing:-.04em;
}

.pricing-v13-price span{
    padding-bottom:6px;
    color:#aeb8cb;
    font-size:16px;
}

.pricing-v13-billing-note,
.pricing-v13-tax{
    display:block;
    margin-top:7px;
    color:#91a0b7;
    font-size:11px;
}

.pricing-v13-tax{
    color:#56d8ef;
}

.pricing-v13-cta{
    display:grid;
    min-height:46px;
    place-items:center;
    margin:20px 0 12px;
    border:1px solid rgba(var(--plan-rgb),.72);
    border-radius:12px;
    color:#f7fbff;
    background:
        linear-gradient(
            135deg,
            rgba(var(--plan-rgb),.92),
            rgba(71,68,255,.88)
        );
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.27),
        0 0 21px rgba(var(--plan-rgb),.25);
    font-weight:750;
}

.pricing-v13-card:not(.is-featured) .pricing-v13-cta{
    background:rgba(8,25,55,.78);
}

.pricing-v13-trial{
    color:#8fa0b8;
    font-size:11px;
    text-align:center;
}

.pricing-v13-features{
    display:grid;
    gap:12px;
    margin:17px 0 0;
    padding:17px 0 0;
    border-top:1px solid rgba(116,153,206,.18);
    list-style:none;
}

.pricing-v13-features li{
    display:flex;
    align-items:flex-start;
    gap:10px;
    color:#c2cbda;
    font-size:14px;
    line-height:1.4;
}

.pricing-v13-features i{
    color:#29ec95;
    font-style:normal;
    font-weight:900;
}

.pricing-v13-comparison{
    margin-top:30px;
    padding:12px;
    overflow:hidden;
    border:1px solid rgba(49,197,255,.77);
    border-radius:30px;
    background:
        linear-gradient(
            180deg,
            rgba(10,29,63,.97),
            rgba(3,14,34,.99)
        );
    box-shadow:
        inset 0 2px 0 rgba(255,255,255,.48),
        0 24px 58px rgba(0,0,0,.5),
        0 0 37px rgba(40,150,255,.2);
}

.pricing-v13-table-scroll{
    overflow-x:auto;
}

.pricing-v13-comparison table{
    width:100%;
    min-width:950px;
    border-collapse:collapse;
}

.pricing-v13-comparison th,
.pricing-v13-comparison td{
    padding:15px 17px;
    border-right:1px solid rgba(103,144,204,.19);
    border-bottom:1px solid rgba(103,144,204,.19);
    color:#d5ddea;
    text-align:center;
}

.pricing-v13-comparison th:first-child{
    width:260px;
    color:#eef4ff;
    text-align:left;
}

.pricing-v13-comparison thead th{
    color:#f4f7ff;
    font-size:16px;
}

.pricing-v13-comparison .is-featured{
    color:#28dfff;
    background:rgba(55,73,189,.16);
}

.pricing-v13-check{
    color:#26ed95;
    font-size:21px;
    font-weight:900;
}

.pricing-v13-glow{
    position:absolute;
    z-index:-3;
    border-radius:50%;
    filter:blur(110px);
}

.pricing-v13-glow-left{
    left:-220px;
    top:30%;
    width:590px;
    height:530px;
    background:rgba(24,78,255,.24);
}

.pricing-v13-glow-right{
    right:-220px;
    top:34%;
    width:610px;
    height:540px;
    background:rgba(91,42,255,.19);
}

.pricing-v13-floor{
    position:absolute;
    z-index:-1;
    left:50%;
    bottom:-205px;
    width:128%;
    height:375px;
    transform:
        translateX(-50%)
        perspective(920px)
        rotateX(70deg);
    border:1px solid rgba(35,183,255,.22);
    border-radius:50%;
    background:
        repeating-radial-gradient(
            ellipse at center,
            transparent 0 64px,
            rgba(27,174,255,.15) 66px 67px,
            transparent 69px 104px
        ),
        conic-gradient(
            from 210deg at 50% 50%,
            rgba(30,71,255,.14),
            transparent 18%,
            rgba(104,47,255,.18),
            transparent 40%,
            rgba(0,207,255,.13),
            transparent 66%
        );
}

@media(max-width:1250px){

    .pricing-v13-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

}

@media(max-width:650px){

    .pricing-showcase-v13{
        padding:80px 12px 120px;
    }

    .pricing-v13-heading h2{
        font-size:clamp(40px,12vw,56px);
    }

    .pricing-v13-heading p{
        font-size:14px;
    }

    .pricing-v13-toggle{
        gap:7px;
        padding:6px 10px;
    }

    .pricing-v13-toggle button{
        font-size:11px;
    }

    .pricing-v13-switch{
        width:48px;
        height:26px;
    }

    .pricing-v13-switch i{
        width:18px;
        height:18px;
    }

    .pricing-v13-toggle.is-annual .pricing-v13-switch i{
        transform:translateX(22px);
    }

    .pricing-v13-grid{
        grid-template-columns:1fr;
        gap:18px;
    }

    .pricing-v13-card{
        min-height:auto;
        padding:22px 20px;
        border-radius:25px;
    }

    .pricing-v13-card.is-featured{
        transform:none;
    }

    .pricing-v13-price strong{
        font-size:40px;
    }

    .pricing-v13-comparison{
        padding:7px;
        border-radius:23px;
    }

}

@media(prefers-reduced-motion:reduce){

    .pricing-v13-card,
    .pricing-v13-shine,
    .pricing-v13-switch i{
        transition:none!important;
    }

}
/* =========================================================
   MARKETPULSE FINAL UI FIX V14
   DARK ONLY + 90% DESKTOP + COMPACT MOBILE + ROW GRIDS
   ========================================================= */

/* ---------------------------------------------------------
   1. PERMANENT DARK THEME
   --------------------------------------------------------- */

:root,
html,
html[data-theme],
html[data-theme="light"],
html[data-theme="system"],
html[data-theme="dark"]{
    color-scheme:dark!important;

    --bg:#020611!important;
    --bg-2:#030817!important;
    --background:#020611!important;

    --surface:#081328!important;
    --surface-2:#0b1932!important;
    --surface-3:#10203d!important;

    --text:#f5f7ff!important;
    --muted:#aebbd0!important;
    --muted-2:#7f90aa!important;

    --line:rgba(121,165,229,.20)!important;
    --border:rgba(121,165,229,.20)!important;
    --line-bright:rgba(42,211,255,.65)!important;

    --cyan:#27ddff!important;
    --blue:#4285ff!important;
    --violet:#8a5cff!important;
    --green:#23e99b!important;
    --amber:#ffc34d!important;
    --red:#ff4d68!important;

    background:#020611!important;
}

html,
body.public-body{
    width:100%;
    min-height:100%;
    overflow-x:clip!important;
    color:#f5f7ff!important;
    background:#020611!important;
}

body.public-body::before{
    background:
        radial-gradient(
            circle at 15% 20%,
            rgba(32,110,255,.14),
            transparent 30%
        ),
        radial-gradient(
            circle at 88% 30%,
            rgba(97,52,255,.12),
            transparent 32%
        )!important;
}

/* Light theme ke tamam visual effects override */

html[data-theme="light"] body,
html[data-theme="light"] .public-body,
html[data-theme="light"] main{
    color:#f5f7ff!important;
    background:#020611!important;
}

html[data-theme="light"] .glass{
    color:#f5f7ff!important;
    background:
        linear-gradient(
            145deg,
            rgba(12,31,69,.96),
            rgba(3,14,35,.98)
        )!important;
}

html[data-theme="light"] input,
html[data-theme="light"] select,
html[data-theme="light"] textarea{
    color:#f5f7ff!important;
    background:rgba(6,18,40,.92)!important;
}

/* Theme/moon button completely hide */

.public-body .theme-toggle,
.public-body .theme-toggle-floating,
.public-body [data-theme-toggle],
.public-body button[aria-label*="theme" i],
.public-body button[title*="theme" i],
.public-body button[aria-label*="dark" i],
.public-body button[aria-label*="light" i]{
    display:none!important;
}

/* Header permanently dark */

.public-body .public-header{
    color:#f5f7ff!important;
    background:
        linear-gradient(
            145deg,
            rgba(12,23,48,.97),
            rgba(4,11,27,.98)
        )!important;
    border-color:rgba(139,180,239,.38)!important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.15),
        0 16px 45px rgba(0,0,0,.47),
        0 0 26px rgba(76,99,255,.18)!important;
    backdrop-filter:blur(20px)!important;
    -webkit-backdrop-filter:blur(20px)!important;
}

.public-body .mobile-menu{
    color:#f5f7ff!important;
    background:rgba(4,12,29,.98)!important;
    border-color:rgba(89,151,228,.35)!important;
}

.public-body .public-header a,
.public-body .mobile-menu a{
    color:#dce6f5!important;
}


/* ---------------------------------------------------------
   2. DESKTOP — APPROXIMATELY CHROME 90% ZOOM
   --------------------------------------------------------- */

@supports (zoom:.9){

    @media(min-width:861px){

        body.public-body{
            zoom:.90;
        }

    }

}

/* Fallback for any browser without CSS zoom */

@supports not (zoom:.9){

    @media(min-width:861px){

        html{
            font-size:90%;
        }

    }

}


/* ---------------------------------------------------------
   3. SAFETY — PREVENT HORIZONTAL OVERFLOW
   --------------------------------------------------------- */

.public-body *,
.public-body *::before,
.public-body *::after{
    box-sizing:border-box;
}

.public-body main,
.public-body section,
.public-body article,
.public-body div{
    min-width:0;
}

.public-body img,
.public-body video,
.public-body canvas,
.public-body svg{
    max-width:100%;
}

.public-body main{
    width:100%;
    overflow:hidden;
}


/* ---------------------------------------------------------
   4. TABLET
   --------------------------------------------------------- */

@media(max-width:1000px){

    .public-body .public-header{
        width:calc(100% - 28px)!important;
        max-width:none!important;
        left:14px!important;
        right:14px!important;
    }

    .platform-features-grid{
        grid-template-columns:
            repeat(2,minmax(0,1fr))!important;
    }

    .pricing-v13-grid{
        grid-template-columns:
            repeat(2,minmax(0,1fr))!important;
    }

}


/* ---------------------------------------------------------
   5. MOBILE GLOBAL SIZE FIX
   --------------------------------------------------------- */

@media(max-width:700px){

    html{
        font-size:14px!important;
    }

    body.public-body{
        width:100%!important;
        max-width:100%!important;
        overflow-x:hidden!important;
    }

    /* Mobile header */

    .public-body .public-header{
        top:10px!important;
        left:10px!important;
        right:10px!important;

        width:calc(100% - 20px)!important;
        min-height:64px!important;

        grid-template-columns:
            minmax(0,1fr)
            auto!important;

        gap:7px!important;
        padding:8px 9px!important;
        border-radius:20px!important;

        background:
            linear-gradient(
                145deg,
                rgba(12,24,50,.98),
                rgba(4,11,28,.99)
            )!important;
    }

    .public-header .brand{
        min-width:0!important;
        gap:8px!important;
    }

    .public-header .brand-orb{
        width:42px!important;
        height:42px!important;
        flex:0 0 42px!important;
        border-radius:12px!important;
        font-size:17px!important;
    }

    .public-header .brand strong{
        font-size:15px!important;
        line-height:1!important;
        white-space:nowrap!important;
    }

    .public-header .brand small{
        margin-top:3px!important;
        font-size:7px!important;
        letter-spacing:.13em!important;
    }

    .public-header .header-actions{
        gap:6px!important;
    }

    .public-header .header-actions .button{
        min-height:42px!important;
        padding:0 11px!important;
        border-radius:11px!important;
        font-size:11px!important;
        white-space:nowrap!important;
    }

    .public-header .menu-button{
        width:42px!important;
        height:42px!important;
        min-width:42px!important;
        padding:0!important;
        border-radius:11px!important;
        font-size:19px!important;
    }

    .public-body .mobile-menu{
        top:84px!important;
        left:10px!important;
        right:10px!important;
        border-radius:18px!important;
    }

    /* Main sections become more compact */

    .premium-hero,
    .platform-showcase,
    .oversight-showcase-v2,
    .ai-workflow-showcase,
    .aurora-showcase,
    .platform-features-showcase,
    .signal-showcase,
    .performance-showcase,
    .trading-cycle-showcase,
    .community-performance-showcase,
    .pricing-showcase-v13{
        min-height:auto!important;
        padding:
            62px
            10px
            88px!important;
    }

    .hero-inner,
    .platform-inner,
    .oversight-v2-inner,
    .ai-workflow-inner,
    .aurora-showcase-inner,
    .platform-features-inner,
    .signal-showcase-inner,
    .performance-inner,
    .trading-cycle-inner,
    .community-performance-inner,
    .pricing-v13-inner{
        width:100%!important;
        max-width:100%!important;
        padding-inline:0!important;
    }

    /* All premium headings smaller */

    .hero-copy h1,
    .section-heading h2,
    .platform-heading h2,
    .oversight-showcase-v2 h2,
    .ai-workflow-heading h2,
    .aurora-showcase-heading h2,
    .platform-features-heading h2,
    .signal-showcase-heading h2,
    .performance-heading h2,
    .trading-cycle-heading h2,
    .community-performance-heading h2,
    .pricing-v13-heading h2{
        max-width:100%!important;
        margin-left:auto!important;
        margin-right:auto!important;

        font-size:
            clamp(
                32px,
                9.2vw,
                43px
            )!important;

        line-height:1.07!important;
        letter-spacing:-.045em!important;
        overflow-wrap:normal!important;
        word-break:normal!important;
        text-wrap:balance;
    }

    .hero-copy p,
    .section-heading p,
    .platform-heading p,
    .oversight-showcase-v2 p,
    .ai-workflow-heading p,
    .aurora-showcase-heading p,
    .platform-features-heading p,
    .signal-showcase-heading p,
    .performance-heading p,
    .trading-cycle-heading p,
    .community-performance-heading p,
    .pricing-v13-heading p{
        max-width:94%!important;
        font-size:13px!important;
        line-height:1.55!important;
    }

    /* Small top badges */

    .ai-workflow-badge,
    .aurora-showcase-badge,
    .platform-features-badge,
    .signal-showcase-badge,
    .performance-badge,
    .trading-cycle-badge,
    .community-performance-badge,
    .pricing-v13-badge{
        min-height:31px!important;
        padding:5px 12px!important;
        gap:8px!important;
        font-size:10px!important;
    }


    /* -----------------------------------------------------
       THREE TRADING MODES — TWO CARDS IN ROW
       ----------------------------------------------------- */

    .feature-grid{
        grid-template-columns:
            repeat(2,minmax(0,1fr))!important;

        gap:9px!important;
    }

    .feature-grid > .feature-card{
        min-height:285px!important;
        padding:15px 13px!important;
        border-radius:20px!important;
    }

    .feature-grid > .feature-card:last-child:nth-child(odd){
        grid-column:1 / -1!important;
    }

    .feature-card .feature-icon{
        width:48px!important;
        height:48px!important;
        margin-bottom:12px!important;
        font-size:24px!important;
    }

    .feature-card h3{
        font-size:17px!important;
    }

    .feature-card p,
    .feature-card li,
    .feature-card a{
        font-size:10px!important;
        line-height:1.45!important;
    }


    /* -----------------------------------------------------
       AI WORKFLOW — SMALLER ROW CARDS
       ----------------------------------------------------- */

    .ai-flow-timeline{
        gap:10px!important;
    }

    .ai-flow-row{
        grid-template-columns:
            34px
            minmax(0,1fr)!important;
    }

    .ai-flow-timeline::before{
        left:17px!important;
    }

    .ai-flow-node{
        width:25px!important;
        height:25px!important;
    }

    .ai-flow-card{
        min-height:104px!important;
        grid-template-columns:
            49px
            minmax(0,1fr)!important;

        gap:9px!important;
        padding:12px 11px!important;
        border-radius:18px!important;
    }

    .ai-flow-icon{
        width:47px!important;
        height:47px!important;
    }

    .ai-flow-icon svg{
        width:27px!important;
        height:27px!important;
    }

    .ai-flow-card-copy small{
        font-size:8px!important;
    }

    .ai-flow-card-copy strong{
        font-size:16px!important;
    }

    .ai-flow-card-copy p{
        font-size:10px!important;
        line-height:1.4!important;
    }


    /* -----------------------------------------------------
       PLATFORM FEATURES — TWO CARDS PER ROW
       ----------------------------------------------------- */

    .platform-features-grid{
        grid-template-columns:
            repeat(2,minmax(0,1fr))!important;

        gap:8px!important;
    }

    .platform-feature-card{
        min-height:154px!important;
        padding:13px 11px!important;
        border-radius:18px!important;
    }

    .platform-feature-card::before{
        inset:4px!important;
        border-radius:14px!important;
    }

    .platform-feature-icon{
        width:47px!important;
        height:47px!important;
        margin-bottom:10px!important;
        border-radius:13px!important;
    }

    .platform-feature-icon svg{
        width:27px!important;
        height:27px!important;
    }

    .platform-feature-card h3{
        margin-bottom:5px!important;
        font-size:14px!important;
        line-height:1.17!important;
        overflow-wrap:anywhere;
    }

    .platform-feature-card p{
        font-size:10px!important;
        line-height:1.35!important;
    }


    /* -----------------------------------------------------
       SIGNAL CARDS
       ----------------------------------------------------- */

    .signal-showcase-grid{
        gap:11px!important;
    }

    .pro-signal-card{
        padding:
            13px
            10px
            10px!important;

        border-radius:20px!important;
    }

    .pro-signal-header{
        margin-bottom:10px!important;
    }

    .pro-signal-direction{
        width:43px!important;
        height:43px!important;
        flex-basis:43px!important;
    }

    .pro-signal-market strong{
        font-size:16px!important;
    }

    .pro-signal-levels{
        gap:3px!important;
    }

    .pro-signal-levels > span{
        min-height:46px!important;
        padding:4px 1px!important;
    }

    .pro-signal-levels small{
        font-size:6px!important;
    }

    .pro-signal-levels strong{
        font-size:9px!important;
    }

    /* Signal summary one-column ke bajaye 2 columns */

    .signal-summary-bar{
        grid-template-columns:
            repeat(2,minmax(0,1fr))!important;
    }

    .signal-summary-item{
        min-height:84px!important;
        grid-template-columns:
            40px
            minmax(0,1fr)!important;

        gap:8px!important;
        padding:9px!important;
    }

    .signal-summary-icon{
        width:38px!important;
        height:38px!important;
    }

    .signal-summary-icon svg{
        width:22px!important;
        height:22px!important;
    }

    .signal-summary-item strong{
        font-size:18px!important;
    }

    .signal-summary-item small{
        font-size:9px!important;
    }


    /* -----------------------------------------------------
       AURORA CHANNEL BUTTONS — TWO PER ROW
       ----------------------------------------------------- */

    .aurora-channel-row{
        grid-template-columns:
            repeat(2,minmax(0,1fr))!important;

        gap:8px!important;
    }

    .aurora-channel{
        min-height:43px!important;
        padding:8px 6px!important;
        gap:6px!important;
        font-size:9px!important;
        white-space:normal!important;
        text-align:center!important;
    }

    .aurora-channel svg{
        width:19px!important;
        height:19px!important;
        flex:0 0 19px!important;
    }


    /* -----------------------------------------------------
       PERFORMANCE METRICS — TWO PER ROW
       ----------------------------------------------------- */

    .performance-metrics{
        grid-template-columns:
            repeat(2,minmax(0,1fr))!important;

        gap:8px!important;
    }

    .performance-metric{
        min-height:100px!important;
        grid-template-columns:
            40px
            minmax(0,1fr)!important;

        gap:7px!important;
        padding:10px 8px!important;
        border-radius:18px!important;
    }

    .performance-metric-icon{
        width:39px!important;
        height:39px!important;
    }

    .performance-metric-icon svg{
        width:22px!important;
        height:22px!important;
    }

    .performance-metric strong{
        font-size:16px!important;
    }

    .performance-metric small{
        font-size:8px!important;
    }


    /* -----------------------------------------------------
       TRADING CYCLE PRINCIPLES — TWO PER ROW
       ----------------------------------------------------- */

    .trading-cycle-principles{
        grid-template-columns:
            repeat(2,minmax(0,1fr))!important;

        gap:9px!important;
    }

    .cycle-principle-card{
        min-height:145px!important;
        grid-template-columns:1fr!important;
        gap:8px!important;
        padding:13px 11px!important;
        border-radius:19px!important;
    }

    .cycle-principle-card:last-child:nth-child(odd){
        grid-column:1 / -1!important;
    }

    .cycle-principle-icon{
        width:46px!important;
        height:46px!important;
    }

    .cycle-principle-icon svg{
        width:26px!important;
        height:26px!important;
    }

    .cycle-principle-copy strong{
        font-size:14px!important;
    }

    .cycle-principle-copy p{
        font-size:9px!important;
        line-height:1.45!important;
    }


    /* -----------------------------------------------------
       PRICING — TWO CARDS PER ROW
       ----------------------------------------------------- */

    .pricing-v13-grid{
        grid-template-columns:
            repeat(2,minmax(0,1fr))!important;

        gap:8px!important;
    }

    .pricing-v13-card{
        min-height:auto!important;
        padding:13px 10px!important;
        border-radius:19px!important;
    }

    .pricing-v13-card.is-featured{
        transform:none!important;
    }

    .pricing-v13-popular{
        margin:
            0
            0
            8px
            0!important;

        padding:4px 7px!important;
        font-size:8px!important;
    }

    .pricing-v13-card-head{
        grid-template-columns:
            40px
            minmax(0,1fr)!important;

        gap:7px!important;
        margin-bottom:12px!important;
    }

    .pricing-v13-icon{
        width:38px!important;
        height:38px!important;
        border-radius:10px!important;
    }

    .pricing-v13-icon svg{
        width:22px!important;
        height:22px!important;
    }

    .pricing-v13-card-head strong{
        font-size:15px!important;
    }

    .pricing-v13-card-head small{
        font-size:9px!important;
        line-height:1.35!important;
    }

    .pricing-v13-price{
        min-height:39px!important;
    }

    .pricing-v13-price strong{
        font-size:27px!important;
    }

    .pricing-v13-price span{
        padding-bottom:3px!important;
        font-size:10px!important;
    }

    .pricing-v13-billing-note,
    .pricing-v13-tax,
    .pricing-v13-trial{
        font-size:8px!important;
    }

    .pricing-v13-cta{
        min-height:38px!important;
        margin:11px 0 8px!important;
        padding:6px!important;
        font-size:10px!important;
    }

    .pricing-v13-features{
        gap:7px!important;
        margin-top:10px!important;
        padding-top:10px!important;
    }

    .pricing-v13-features li{
        gap:5px!important;
        font-size:9px!important;
        line-height:1.35!important;
    }

}


/* ---------------------------------------------------------
   6. EXTRA SMALL MOBILE
   --------------------------------------------------------- */

@media(max-width:380px){

    .public-header .brand strong{
        font-size:13px!important;
    }

    .public-header .header-actions .button{
        padding-inline:8px!important;
        font-size:9px!important;
    }

    .platform-feature-card h3{
        font-size:12px!important;
    }

    .platform-feature-card p{
        font-size:8.5px!important;
    }

    .pricing-v13-card{
        padding:11px 8px!important;
    }

}


/* ---------------------------------------------------------
   7. NEW SCROLL REVEAL SYSTEM
   --------------------------------------------------------- */


 html.js .scroll-reveal{
    opacity:0!important;

    filter:blur(4px);

    transform:
        translate3d(0,22px,0)
        scale(.99);

    transition:
        opacity .36s cubic-bezier(.16,1,.3,1),
        transform .36s cubic-bezier(.16,1,.3,1),
        filter .36s ease!important;

    transition-delay:
        var(
            --reveal-delay,
            0ms
        )!important;

    will-change:
        opacity,
        transform,
        filter;
}

html.js .scroll-reveal.is-in-view{
    opacity:1!important;
    filter:none!important;
    transform:none!important;
}

@media(prefers-reduced-motion:reduce){

    html.js .scroll-reveal{
        opacity:1!important;
        filter:none!important;
        transform:none!important;
        transition:none!important;
    }

}
/* =========================================================
   MOBILE HEADER POSITION FIX V15
   ========================================================= */

@media(max-width:700px){

    body.public-body .public-header{
        position:fixed!important;

        top:10px!important;
        left:10px!important;
        right:auto!important;

        width:calc(100% - 20px)!important;
        max-width:calc(100% - 20px)!important;

        margin:0!important;

        transform:none!important;
        translate:none!important;

        inset-inline-start:10px!important;
        inset-inline-end:auto!important;
    }

}
/* =========================================================
   MARKETPULSE PREMIUM TYPOGRAPHY V16
   Bold, tight and professional typography
   ========================================================= */

:root{
    --mp-font-body:
        "Inter",
        "Segoe UI Variable Text",
        "Segoe UI",
        Arial,
        sans-serif;

    --mp-font-display:
        "Inter Tight",
        "Inter",
        "Segoe UI Variable Display",
        "Segoe UI",
        Arial,
        sans-serif;
}


/* ---------------------------------------------------------
   GLOBAL FONT
   --------------------------------------------------------- */

html,
body{
    font-family:var(--mp-font-body)!important;
    font-optical-sizing:auto;
    text-rendering:optimizeLegibility;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
}

button,
input,
select,
textarea{
    font-family:var(--mp-font-body)!important;
}


/* ---------------------------------------------------------
   ALL HEADINGS
   --------------------------------------------------------- */

h1,
h2,
h3,
h4,
h5,
h6{
    font-family:var(--mp-font-display)!important;
    color:#f7f9ff;
    text-wrap:balance;
}

h1{
    font-weight:900!important;
    line-height:1.02;
    letter-spacing:-.062em;
}

h2{
    font-weight:800!important;
    line-height:1.04;
    letter-spacing:-.052em;
}

h3{
    font-weight:800!important;
    line-height:1.12;
    letter-spacing:-.032em;
}

h4,
h5,
h6{
    font-weight:750!important;
    letter-spacing:-.022em;
}


/* ---------------------------------------------------------
   HERO HEADING — TARGET IMAGE STYLE
   --------------------------------------------------------- */

.public-body .hero-copy h1,
.public-body .hero-premium-copy h1,
.public-body .page-hero h1,
.auth-body .auth-aside h1{
    font-family:var(--mp-font-display)!important;
    font-weight:900!important;
    line-height:1.025!important;
    letter-spacing:-.067em!important;

    color:#f8faff;

    text-shadow:
        0 1px 0 rgba(255,255,255,.08),
        0 12px 35px rgba(0,0,0,.38);
}

.public-body .hero-premium-copy h1 em,
.public-body .hero-copy h1 em{
    font-family:inherit!important;
    font-weight:900!important;
}


/* ---------------------------------------------------------
   ALL HOME PAGE SECTION HEADINGS
   --------------------------------------------------------- */

.public-body .section-heading h2,
.public-body .modes-heading h2,
.public-body .oversight-showcase-v2 h2,
.public-body .ai-workflow-heading h2,
.public-body .aurora-showcase-heading h2,
.public-body .platform-features-heading h2,
.public-body .signal-showcase-heading h2,
.public-body .performance-heading h2,
.public-body .trading-cycle-heading h2,
.public-body .community-performance-heading h2,
.public-body .pricing-v13-heading h2,
.public-body .footer-cta h2{
    font-family:var(--mp-font-display)!important;
    font-weight:800!important;
    line-height:1.035!important;
    letter-spacing:-.055em!important;
    color:#f8faff;
}


/* ---------------------------------------------------------
   CARD TITLES
   --------------------------------------------------------- */

.public-body .feature-card h3,
.public-body .mode-card h3,
.public-body .platform-feature-card h3,
.public-body .performance-ring-card h3,
.public-body .signal-card h3,
.public-body .blog-card h3,
.public-body .empty-state h3,
.public-body article h3{
    font-family:var(--mp-font-display)!important;
    font-weight:800!important;
    line-height:1.12!important;
    letter-spacing:-.032em!important;
}


/* ---------------------------------------------------------
   BODY TEXT
   --------------------------------------------------------- */

.public-body p,
.public-body li,
.public-body dd,
.public-body input,
.public-body textarea,
.public-body select{
    font-family:var(--mp-font-body)!important;
    font-weight:400;
    letter-spacing:-.009em;
}

.public-body .hero-copy > p,
.public-body .hero-premium-copy > p,
.public-body .section-heading p,
.public-body .platform-heading p,
.public-body .oversight-showcase-v2 p,
.public-body .ai-workflow-heading p,
.public-body .aurora-showcase-heading p,
.public-body .platform-features-heading p,
.public-body .signal-showcase-heading p,
.public-body .performance-heading p,
.public-body .trading-cycle-heading p,
.public-body .community-performance-heading p,
.public-body .pricing-v13-heading p{
    font-weight:400!important;
    letter-spacing:-.012em!important;
}


/* ---------------------------------------------------------
   HEADER, NAVIGATION AND BUTTONS
   --------------------------------------------------------- */

.brand strong,
.public-header .brand strong,
.desktop-nav a,
.mobile-menu a,
.button,
button{
    font-family:var(--mp-font-display)!important;
}

.brand strong,
.public-header .brand strong{
    font-weight:800!important;
    letter-spacing:-.035em!important;
}

.desktop-nav a,
.mobile-menu a{
    font-weight:600!important;
    letter-spacing:-.018em!important;
}

.button,
button{
    font-weight:700!important;
    letter-spacing:-.022em!important;
}


/* ---------------------------------------------------------
   BADGES AND SMALL LABELS
   --------------------------------------------------------- */

.eyebrow,
.announcement,
.badge,
.status,
.ai-workflow-badge,
.aurora-showcase-badge,
.platform-features-badge,
.signal-showcase-badge,
.performance-badge,
.trading-cycle-badge,
.community-performance-badge,
.pricing-v13-badge{
    font-family:var(--mp-font-display)!important;
    font-weight:700!important;
}


/* ---------------------------------------------------------
   NUMBERS AND STATISTICS
   --------------------------------------------------------- */

.proof-strip strong,
.performance-metric strong,
.signal-summary-item strong,
.pricing-v13-price strong,
.big-number,
.metric-card strong,
.stats-inline strong,
.community-performance-showcase strong{
    font-family:var(--mp-font-display)!important;
    font-weight:800!important;
    letter-spacing:-.035em!important;
}


/* ---------------------------------------------------------
   CUSTOMER AND ADMIN PANELS
   --------------------------------------------------------- */

.workspace,
.auth-body,
.minimal-body{
    font-family:var(--mp-font-body)!important;
}

.workspace-header h1,
.admin-hero h2,
.integration-intro h2,
.auth-card h2,
.onboarding-card h2,
.installer h1{
    font-family:var(--mp-font-display)!important;
    font-weight:800!important;
    letter-spacing:-.04em!important;
}

.sidebar nav a,
.workspace .button,
.auth-body .button{
    font-family:var(--mp-font-display)!important;
    font-weight:650!important;
}


/* ---------------------------------------------------------
   MOBILE TYPOGRAPHY
   --------------------------------------------------------- */

@media(max-width:700px){

    .public-body .hero-copy h1,
    .public-body .hero-premium-copy h1,
    .public-body .page-hero h1{
        font-weight:900!important;
        line-height:1.04!important;
        letter-spacing:-.057em!important;
    }

    .public-body .section-heading h2,
    .public-body .modes-heading h2,
    .public-body .oversight-showcase-v2 h2,
    .public-body .ai-workflow-heading h2,
    .public-body .aurora-showcase-heading h2,
    .public-body .platform-features-heading h2,
    .public-body .signal-showcase-heading h2,
    .public-body .performance-heading h2,
    .public-body .trading-cycle-heading h2,
    .public-body .community-performance-heading h2,
    .public-body .pricing-v13-heading h2{
        font-weight:800!important;
        line-height:1.06!important;
        letter-spacing:-.048em!important;
    }

    .public-body .feature-card h3,
    .public-body .mode-card h3,
    .public-body .platform-feature-card h3,
    .public-body article h3{
        font-weight:800!important;
        letter-spacing:-.025em!important;
    }

}
/* =========================================================
   THIN & CLEAN TYPOGRAPHY OVERRIDE
   ========================================================= */

/* Global headings */
h1,
h2,
h3,
h4,
h5,
h6{
    font-weight:600 !important;
    text-shadow:none !important;
}

/* Main hero heading */
.public-body .hero-copy h1,
.public-body .hero-premium-copy h1,
.public-body .page-hero h1,
.auth-body .auth-aside h1{
    font-weight:600 !important;
    line-height:1.06 !important;
    letter-spacing:-0.04em !important;
    text-shadow:none !important;
}

/* Hero gradient text */
.public-body .hero-premium-copy h1 em,
.public-body .hero-copy h1 em{
    font-weight:600 !important;
}

/* All section headings */
.public-body .section-heading h2,
.public-body .modes-heading h2,
.public-body .oversight-showcase-v2 h2,
.public-body .ai-workflow-heading h2,
.public-body .aurora-showcase-heading h2,
.public-body .platform-features-heading h2,
.public-body .signal-showcase-heading h2,
.public-body .performance-heading h2,
.public-body .trading-cycle-heading h2,
.public-body .community-performance-heading h2,
.public-body .pricing-v13-heading h2,
.public-body .footer-cta h2{
    font-weight:600 !important;
    line-height:1.08 !important;
    letter-spacing:-0.035em !important;
    text-shadow:none !important;
}

/* Card headings */
.public-body .feature-card h3,
.public-body .mode-card h3,
.public-body .platform-feature-card h3,
.public-body .performance-ring-card h3,
.public-body .signal-card h3,
.public-body .blog-card h3,
.public-body .empty-state h3,
.public-body article h3{
    font-weight:600 !important;
    letter-spacing:-0.02em !important;
}

/* Logo and navigation */
.brand strong,
.public-header .brand strong{
    font-weight:600 !important;
}

.desktop-nav a,
.mobile-menu a{
    font-weight:500 !important;
}

/* Buttons */
.button,
button{
    font-weight:600 !important;
}

/* Badges and small labels */
.eyebrow,
.announcement,
.badge,
.status,
.ai-workflow-badge,
.aurora-showcase-badge,
.platform-features-badge,
.signal-showcase-badge,
.performance-badge,
.trading-cycle-badge,
.community-performance-badge,
.pricing-v13-badge{
    font-weight:500 !important;
}

/* Statistics and numbers */
.proof-strip strong,
.performance-metric strong,
.signal-summary-item strong,
.pricing-v13-price strong,
.big-number,
.metric-card strong,
.stats-inline strong,
.community-performance-showcase strong{
    font-weight:600 !important;
    letter-spacing:-0.02em !important;
}

/* Admin and dashboard headings */
.workspace-header h1,
.admin-hero h2,
.integration-intro h2,
.auth-card h2,
.onboarding-card h2,
.installer h1{
    font-weight:600 !important;
    letter-spacing:-0.025em !important;
}

/* Normal text */
.public-body p,
.public-body li,
.public-body dd,
.workspace p,
.auth-body p{
    font-weight:400 !important;
}

/* Mobile */
@media(max-width:700px){

    .public-body .hero-copy h1,
    .public-body .hero-premium-copy h1,
    .public-body .page-hero h1{
        font-weight:600 !important;
        letter-spacing:-0.035em !important;
    }

    .public-body .section-heading h2,
    .public-body .modes-heading h2,
    .public-body .oversight-showcase-v2 h2,
    .public-body .ai-workflow-heading h2,
    .public-body .aurora-showcase-heading h2,
    .public-body .platform-features-heading h2,
    .public-body .signal-showcase-heading h2,
    .public-body .performance-heading h2,
    .public-body .trading-cycle-heading h2,
    .public-body .community-performance-heading h2,
    .public-body .pricing-v13-heading h2{
        font-weight:600 !important;
        letter-spacing:-0.03em !important;
    }
}
/* =========================================================
   PREMIUM BLACK + SUBTLE BLUE BACKGROUND
   Removes stars/images from the full website background
   ========================================================= */

:root{
    --site-black:#060912;
    --site-black-soft:#090e19;
    --site-navy:#0b1222;
    --site-blue-glow:rgba(30, 120, 255, .13);
    --site-cyan-glow:rgba(0, 210, 255, .08);
    --site-line:rgba(90, 150, 255, .18);
}


/* Main website background */
html,
body,
.public-body,
.auth-body,
.workspace,
.minimal-body{
    background-color:var(--site-black) !important;
    background-image:
        radial-gradient(
            circle at 15% 20%,
            rgba(0, 153, 255, .09) 0%,
            transparent 32%
        ),
        radial-gradient(
            circle at 88% 35%,
            rgba(70, 69, 255, .08) 0%,
            transparent 34%
        ),
        radial-gradient(
            circle at 50% 90%,
            rgba(0, 190, 255, .055) 0%,
            transparent 38%
        ),
        linear-gradient(
            180deg,
            #060912 0%,
            #070b15 45%,
            #050811 100%
        ) !important;

    background-attachment:fixed !important;
    background-repeat:no-repeat !important;
    background-size:cover !important;
}


/* Remove old stars, dots and background pictures */
body::before,
body::after,
.public-body::before,
.public-body::after,
.page-shell::before,
.page-shell::after,
.site-shell::before,
.site-shell::after,
.hero::before,
.hero::after,
.hero-premium::before,
.hero-premium::after,
[class*="star"]::before,
[class*="star"]::after,
[class*="particle"]::before,
[class*="particle"]::after,
[class*="background-pattern"]::before,
[class*="background-pattern"]::after{
    background-image:none !important;
}


/* Remove background pictures from star/pattern containers */
[class*="stars"],
[class*="star-field"],
[class*="particles"],
[class*="particle-field"],
[class*="background-pattern"],
[class*="dot-pattern"],
[class*="space-background"]{
    background-image:none !important;
}


/* Keep main sections clean and transparent */
.public-body main,
.public-body section,
.hero,
.hero-premium,
.page-hero,
.modes-section,
.oversight-showcase-v2,
.ai-workflow-section,
.aurora-showcase,
.platform-features,
.signal-showcase,
.performance-section,
.trading-cycle-section,
.community-performance-section,
.pricing-v13-section{
    background-color:transparent !important;
}


/* Soft blue ambient glow behind major sections */
.public-body section{
    position:relative;
    isolation:isolate;
}

.public-body section::before{
    content:"";
    position:absolute;
    z-index:-1;
    width:520px;
    height:520px;
    left:50%;
    top:20%;
    transform:translateX(-50%);
    border-radius:50%;
    pointer-events:none;

    background:
        radial-gradient(
            circle,
            rgba(21, 114, 255, .065) 0%,
            rgba(21, 114, 255, .025) 40%,
            transparent 72%
        );

    filter:blur(30px);
}


/* Hero background glow */
.public-body .hero::before,
.public-body .hero-premium::before{
    content:"";
    position:absolute;
    z-index:-1;
    width:750px;
    height:500px;
    top:12%;
    left:50%;
    transform:translateX(-50%);
    border-radius:50%;
    pointer-events:none;

    background:
        radial-gradient(
            ellipse,
            rgba(0, 166, 255, .12) 0%,
            rgba(45, 66, 255, .055) 40%,
            transparent 72%
        );

    filter:blur(45px);
}


/* Header */
.public-header,
.site-header{
    background:
        linear-gradient(
            180deg,
            rgba(7, 11, 21, .96),
            rgba(7, 11, 21, .88)
        ) !important;

    border-color:rgba(85, 145, 255, .16) !important;
    box-shadow:
        0 12px 40px rgba(0, 0, 0, .28),
        inset 0 -1px 0 rgba(70, 140, 255, .06) !important;

    backdrop-filter:blur(16px);
    -webkit-backdrop-filter:blur(16px);
}


/* Cards and panels */
.card,
.feature-card,
.mode-card,
.platform-feature-card,
.performance-ring-card,
.signal-card,
.metric-card,
.proof-strip > div,
.pricing-v13-card,
.blog-card,
.auth-card,
.workspace-card{
    background:
        linear-gradient(
            145deg,
            rgba(14, 22, 39, .92),
            rgba(8, 13, 25, .96)
        ) !important;

    border-color:rgba(90, 150, 255, .16) !important;

    box-shadow:
        0 18px 55px rgba(0, 0, 0, .28),
        inset 0 1px 0 rgba(116, 174, 255, .055) !important;
}


/* Slight blue shade on hover */
.card:hover,
.feature-card:hover,
.mode-card:hover,
.platform-feature-card:hover,
.performance-ring-card:hover,
.signal-card:hover,
.metric-card:hover,
.pricing-v13-card:hover,
.blog-card:hover{
    background:
        linear-gradient(
            145deg,
            rgba(15, 29, 52, .96),
            rgba(8, 15, 29, .98)
        ) !important;

    border-color:rgba(74, 152, 255, .27) !important;

    box-shadow:
        0 22px 65px rgba(0, 0, 0, .34),
        0 0 30px rgba(20, 105, 255, .055),
        inset 0 1px 0 rgba(116, 174, 255, .08) !important;
}


/* Lines and separators */
hr,
.section-divider,
.card-divider,
.public-body [class*="divider"]{
    border-color:var(--site-line) !important;
}


/* Footer */
.public-footer,
.site-footer{
    background:
        linear-gradient(
            180deg,
            rgba(7, 11, 20, .96),
            rgba(4, 7, 14, 1)
        ) !important;

    border-top-color:rgba(80, 145, 255, .14) !important;
}


/* Mobile optimization */
@media(max-width:700px){

    html,
    body,
    .public-body{
        background-image:
            radial-gradient(
                circle at 20% 12%,
                rgba(0, 153, 255, .075),
                transparent 30%
            ),
            radial-gradient(
                circle at 85% 55%,
                rgba(69, 71, 255, .06),
                transparent 32%
            ),
            linear-gradient(
                180deg,
                #060912 0%,
                #070b15 50%,
                #050811 100%
            ) !important;

        background-attachment:scroll !important;
    }

    .public-body section::before{
        width:300px;
        height:300px;
        filter:blur(25px);
        opacity:.75;
    }

    .public-body .hero::before,
    .public-body .hero-premium::before{
        width:360px;
        height:340px;
        filter:blur(35px);
    }
}
/* =========================================================
   FINAL CLEAN BLACK WEBSITE BACKGROUND
   Removes stars, waves, orbits, floors and section patterns
   ========================================================= */

:root{
    --final-site-bg:#050811;
    --final-site-bg-soft:#070b14;
}


/* ---------------------------------------------------------
   MAIN WEBSITE BACKGROUND
   --------------------------------------------------------- */

html,
body,
body.public-body,
.public-body,
.public-body main{
    background:#050811 !important;
    background-color:#050811 !important;
    background-image:none !important;
    background-repeat:no-repeat !important;
    background-attachment:initial !important;
}


/* Every main website section stays transparent */
.public-body section,
.public-body .section,
.public-body .hero,
.public-body .hero-premium,
.public-body .modes-showcase,
.public-body .oversight-showcase-v2,
.public-body .ai-workflow-showcase,
.public-body .aurora-showcase,
.public-body .platform-features-showcase,
.public-body .signal-showcase,
.public-body .performance-showcase,
.public-body .trading-cycle-showcase,
.public-body .community-performance-showcase,
.public-body .pricing-showcase-v13{
    background:transparent !important;
    background-color:transparent !important;
    background-image:none !important;
}


/* ---------------------------------------------------------
   REMOVE ALL SECTION STAR / DOT / CIRCLE BACKGROUNDS
   --------------------------------------------------------- */

body::before,
body::after,
.public-body::before,
.public-body::after,
.public-body main::before,
.public-body main::after,
.public-body section::before,
.public-body section::after,
.public-body .section::before,
.public-body .section::after{
    content:none !important;
    display:none !important;
    opacity:0 !important;
    visibility:hidden !important;
    background:none !important;
    background-image:none !important;
    border:0 !important;
    box-shadow:none !important;
}


/* ---------------------------------------------------------
   HERO DECORATION REMOVE
   --------------------------------------------------------- */

.hero-orbit,
.hero-orbit-one,
.hero-orbit-two,
.hero-premium > .aurora,
.hero-premium .terminal-glow{
    display:none !important;
}


/* ---------------------------------------------------------
   TRADING MODES DECORATION REMOVE
   --------------------------------------------------------- */

.modes-ambient,
.modes-ambient-left,
.modes-ambient-right,
.modes-orbit,
.modes-orbit-one,
.modes-orbit-two,
.modes-floor{
    display:none !important;
}


/* ---------------------------------------------------------
   OVERSIGHT SECTION DECORATION REMOVE
   Screenshot wali waves aur background circles
   --------------------------------------------------------- */

.oversight-v2-glow,
.oversight-v2-glow-left,
.oversight-v2-glow-right,
.oversight-v2-orbit,
.oversight-v2-orbit-one,
.oversight-v2-orbit-two,
.oversight-v2-floor,
.oversight-v2-wave{
    display:none !important;
    opacity:0 !important;
    visibility:hidden !important;
}


/* ---------------------------------------------------------
   AI WORKFLOW DECORATION REMOVE
   --------------------------------------------------------- */

.ai-workflow-glow,
.ai-workflow-glow-left,
.ai-workflow-glow-right,
.ai-workflow-orbit,
.ai-workflow-orbit-one,
.ai-workflow-orbit-two,
.ai-workflow-floor{
    display:none !important;
}


/* ---------------------------------------------------------
   AURORA SECTION DECORATION REMOVE
   --------------------------------------------------------- */

.aurora-showcase-glow,
.aurora-showcase-glow-left,
.aurora-showcase-glow-right,
.aurora-showcase-orbit,
.aurora-showcase-orbit-one,
.aurora-showcase-orbit-two,
.aurora-showcase-floor{
    display:none !important;
}


/* ---------------------------------------------------------
   PLATFORM FEATURES DECORATION REMOVE
   --------------------------------------------------------- */

.platform-features-glow,
.platform-features-glow-left,
.platform-features-glow-right,
.platform-features-orbit,
.platform-features-orbit-one,
.platform-features-orbit-two,
.platform-features-floor{
    display:none !important;
}


/* ---------------------------------------------------------
   SIGNAL SECTION DECORATION REMOVE
   --------------------------------------------------------- */

.signal-showcase-glow,
.signal-showcase-glow-left,
.signal-showcase-glow-right,
.signal-showcase-orbit,
.signal-showcase-orbit-one,
.signal-showcase-orbit-two,
.signal-showcase-floor{
    display:none !important;
}


/* ---------------------------------------------------------
   PERFORMANCE SECTION DECORATION REMOVE
   --------------------------------------------------------- */

.performance-glow,
.performance-glow-left,
.performance-glow-right,
.performance-orbit,
.performance-orbit-one,
.performance-orbit-two,
.performance-floor{
    display:none !important;
}


/* ---------------------------------------------------------
   TRADING CYCLE DECORATION REMOVE
   --------------------------------------------------------- */

.trading-cycle-glow,
.trading-cycle-glow-left,
.trading-cycle-glow-right,
.trading-cycle-orbit,
.trading-cycle-orbit-one,
.trading-cycle-orbit-two,
.trading-cycle-floor{
    display:none !important;
}


/* ---------------------------------------------------------
   COMMUNITY PERFORMANCE DECORATION REMOVE
   --------------------------------------------------------- */

.community-performance-glow,
.community-performance-glow-left,
.community-performance-glow-right,
.community-performance-floor{
    display:none !important;
}


/* ---------------------------------------------------------
   PRICING SECTION DECORATION REMOVE
   --------------------------------------------------------- */

.pricing-v13-glow,
.pricing-v13-glow-left,
.pricing-v13-glow-right,
.pricing-v13-floor{
    display:none !important;
}


/* ---------------------------------------------------------
   KEEP PANELS/CARDS WITH SUBTLE BLUE SHADE
   --------------------------------------------------------- */

.oversight-v2-shell,
.ai-flow-card,
.aurora-chat-card,
.platform-feature-card,
.signal-card,
.performance-card,
.trading-cycle-card,
.community-performance-card,
.pricing-v13-card,
.feature-card,
.mode-card,
.metric-card,
.glass{
    background-image:
        linear-gradient(
            145deg,
            rgba(12,24,45,.94),
            rgba(6,12,24,.98)
        ) !important;

    background-color:#091222 !important;

    border-color:rgba(67,142,255,.18) !important;
}


/* Slightly lighter blue only on card hover */
.feature-card:hover,
.mode-card:hover,
.platform-feature-card:hover,
.signal-card:hover,
.performance-card:hover,
.trading-cycle-card:hover,
.community-performance-card:hover,
.pricing-v13-card:hover{
    background-image:
        linear-gradient(
            145deg,
            rgba(14,31,57,.96),
            rgba(7,15,29,.99)
        ) !important;

    border-color:rgba(63,153,255,.30) !important;
}


/* Header remains clean dark */
.public-header{
    background:rgba(5,8,17,.94) !important;
    background-image:none !important;
}


/* Footer clean black */
.public-footer{
    background:#050811 !important;
    background-image:none !important;
}


/* Mobile */
@media(max-width:700px){

    html,
    body,
    body.public-body,
    .public-body,
    .public-body main{
        background:#050811 !important;
        background-image:none !important;
    }

    .public-body section,
    .public-body .section{
        background:transparent !important;
        background-image:none !important;
    }

}
/* Restore third trading mode card */
.modes-grid .mode-card-aurora,
.modes-showcase .mode-card-aurora{
    display:flex !important;
    opacity:1 !important;
    visibility:visible !important;
}
/* =========================================================
   FINAL FLOATING STICKY HEADER
   Slim glass header that follows page scroll
   ========================================================= */

html body.public-body > header.public-header{
    position:fixed !important;
    z-index:9999 !important;

    top:18px !important;
    left:50% !important;
    right:auto !important;

    width:min(calc(100% - 64px), 1100px) !important;
    height:64px !important;
    min-height:64px !important;

    margin:0 !important;
    padding:0 14px !important;

    display:grid !important;
    grid-template-columns:minmax(190px,1fr) auto minmax(190px,1fr) !important;
    align-items:center !important;
    gap:18px !important;

    transform:translateX(-50%) !important;

    background:rgba(7,12,23,.46) !important;
    background-image:none !important;

    border:1px solid rgba(125,164,218,.22) !important;
    border-radius:16px !important;

    outline:none !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.045),
        0 10px 35px rgba(0,0,0,.18) !important;

    backdrop-filter:blur(13px) saturate(120%) !important;
    -webkit-backdrop-filter:blur(13px) saturate(120%) !important;

    overflow:visible !important;
    isolation:isolate !important;

    transition:
        top .25s ease,
        width .25s ease,
        height .25s ease,
        background .25s ease,
        border-color .25s ease,
        box-shadow .25s ease !important;
}


/* Remove old side brackets, overlays and glow layers */
html body.public-body > header.public-header::before,
html body.public-body > header.public-header::after{
    content:none !important;
    display:none !important;
}


/* Header becomes slightly stronger after scrolling */
html body.public-body > header.public-header.scrolled{
    top:10px !important;

    width:min(calc(100% - 48px), 1060px) !important;
    height:58px !important;
    min-height:58px !important;

    background:rgba(6,11,21,.86) !important;

    border-color:rgba(120,170,235,.30) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.06),
        0 14px 38px rgba(0,0,0,.32),
        0 0 20px rgba(29,112,255,.045) !important;

    backdrop-filter:blur(18px) saturate(125%) !important;
    -webkit-backdrop-filter:blur(18px) saturate(125%) !important;
}


/* Logo */
html body.public-body > header.public-header .brand{
    justify-self:start !important;
    min-width:0 !important;
    gap:9px !important;

    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
}

html body.public-body > header.public-header .brand-orb{
    width:34px !important;
    height:34px !important;
    flex:0 0 34px !important;

    border-radius:10px !important;
    font-size:16px !important;
}

html body.public-body > header.public-header .brand strong{
    font-size:15px !important;
    font-weight:600 !important;
}

html body.public-body > header.public-header .brand small{
    font-size:7px !important;
}


/* Center navigation */
html body.public-body > header.public-header .desktop-nav{
    justify-self:center !important;
    display:flex !important;
    align-items:center !important;
    gap:25px !important;
}

html body.public-body > header.public-header .desktop-nav a{
    color:rgba(224,233,247,.72) !important;
    background:transparent !important;

    font-size:12px !important;
    font-weight:500 !important;

    white-space:nowrap !important;
}

html body.public-body > header.public-header .desktop-nav a:hover{
    color:#ffffff !important;
}


/* Remove nav underline animation */
html body.public-body > header.public-header .desktop-nav a::after{
    display:none !important;
}


/* Right actions */
html body.public-body > header.public-header .header-actions{
    justify-self:end !important;
    gap:8px !important;
}


/* Sign in button */
html body.public-body > header.public-header .button-quiet{
    min-height:38px !important;
    padding:0 14px !important;

    color:#ffffff !important;
    background:transparent !important;

    border:1px solid rgba(154,183,226,.22) !important;
    border-radius:11px !important;

    box-shadow:none !important;
}


/* Start with Paper button */
html body.public-body > header.public-header .header-actions > a.button:not(.button-quiet){
    min-height:38px !important;
    padding:0 15px !important;

    border-radius:11px !important;

    background:linear-gradient(
        110deg,
        #1ec7ed 0%,
        #3289ff 58%,
        #8154f5 100%
    ) !important;

    border:1px solid rgba(141,220,255,.50) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.25),
        0 5px 18px rgba(37,151,255,.20) !important;
}


/* Prevent anchor sections from hiding under header */
html{
    scroll-padding-top:100px;
}

.public-body section[id]{
    scroll-margin-top:100px;
}


/* Tablet and mobile */
@media(max-width:860px){

    html body.public-body > header.public-header,
    html body.public-body > header.public-header.scrolled{
        position:fixed !important;

        top:10px !important;
        left:12px !important;
        right:auto !important;

        width:calc(100% - 24px) !important;
        max-width:calc(100% - 24px) !important;

        height:62px !important;
        min-height:62px !important;

        padding:0 10px !important;

        grid-template-columns:minmax(0,1fr) auto !important;
        gap:8px !important;

        transform:none !important;

        border-radius:15px !important;
    }

    html body.public-body > header.public-header .desktop-nav{
        display:none !important;
    }

    html body.public-body > header.public-header .brand-orb{
        width:38px !important;
        height:38px !important;
        flex-basis:38px !important;
    }

    html body.public-body > header.public-header .header-actions{
        gap:6px !important;
    }

    html body.public-body > header.public-header .header-actions .button{
        min-height:40px !important;
        padding-inline:10px !important;
        font-size:11px !important;
    }

    html body.public-body > header.public-header .menu-button{
        width:40px !important;
        height:40px !important;
        min-width:40px !important;
    }

    .public-body .mobile-menu{
        position:fixed !important;
        z-index:9998 !important;
        top:82px !important;
    }
}
/* =========================================================
   WIDER FULLY TRANSPARENT FLOATING HEADER
   Only a thin rounded outline remains
   ========================================================= */

html body.public-body > header.public-header,
html body.public-body > header.public-header.scrolled{
    /* Header dono taraf se lamba */
    width:min(calc(100% - 36px), 1240px) !important;
    max-width:1240px !important;

    /* Full transparent background */
    background:transparent !important;
    background-color:transparent !important;
    background-image:none !important;

    /* Sirf bareek rounded edge line */
    border:1px solid rgba(125, 169, 225, .22) !important;
    border-radius:17px !important;

    /* Background glow/shadow completely remove */
    box-shadow:none !important;

    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;

    outline:none !important;
}


/* Scroll par bhi same transparent rahe */
html body.public-body > header.public-header.scrolled{
    top:10px !important;

    background:transparent !important;
    background-color:transparent !important;
    background-image:none !important;

    border-color:rgba(125, 169, 225, .28) !important;
    box-shadow:none !important;

    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
}


/* Rounded edge ko halka premium blue shade */
html body.public-body > header.public-header::before{
    content:"" !important;
    display:block !important;

    position:absolute !important;
    inset:-1px !important;
    z-index:-1 !important;

    border-radius:inherit !important;
    pointer-events:none !important;

    background:transparent !important;

    border:1px solid rgba(59, 142, 255, .10) !important;

    box-shadow:
        0 0 10px rgba(36, 120, 255, .035),
        inset 0 1px 0 rgba(255, 255, 255, .025) !important;
}


/* Extra overlay bilkul remove */
html body.public-body > header.public-header::after{
    content:none !important;
    display:none !important;
}


/* Header items transparent rahen */
html body.public-body > header.public-header .brand,
html body.public-body > header.public-header .desktop-nav,
html body.public-body > header.public-header .header-actions{
    background:transparent !important;
    box-shadow:none !important;
}


/* Tablet */
@media(max-width:1050px){

    html body.public-body > header.public-header,
    html body.public-body > header.public-header.scrolled{
        width:calc(100% - 30px) !important;
        max-width:calc(100% - 30px) !important;
    }
}


/* Mobile */
@media(max-width:860px){

    html body.public-body > header.public-header,
    html body.public-body > header.public-header.scrolled{
        left:10px !important;
        right:auto !important;

        width:calc(100% - 20px) !important;
        max-width:calc(100% - 20px) !important;

        background:transparent !important;
        background-image:none !important;

        border:1px solid rgba(125, 169, 225, .22) !important;
        border-radius:15px !important;

        box-shadow:none !important;

        backdrop-filter:none !important;
        -webkit-backdrop-filter:none !important;
    }
}
/* =========================================================
   FINAL COMPACT WEBSITE SECTIONS
   Oversight + AI Flow + Signals + Performance + Cycle
   ========================================================= */


/* ---------------------------------------------------------
   COMMON SECTION SIZE
   --------------------------------------------------------- */

html body.public-body .oversight-showcase-v2,
html body.public-body .ai-workflow-showcase,
html body.public-body .signal-showcase,
html body.public-body .performance-showcase,
html body.public-body .trading-cycle-showcase{
    min-height:0 !important;
    padding-top:56px !important;
    padding-bottom:72px !important;
}


/* Common centered section headings */
html body.public-body .ai-workflow-heading,
html body.public-body .signal-showcase-heading,
html body.public-body .performance-heading,
html body.public-body .trading-cycle-heading{
    max-width:850px !important;
    margin:0 auto 28px !important;
}


/* Common heading size */
html body.public-body .ai-workflow-heading h2,
html body.public-body .signal-showcase-heading h2,
html body.public-body .performance-heading h2,
html body.public-body .trading-cycle-heading h2{
    margin:12px auto 12px !important;
    font-size:clamp(40px,3.6vw,58px) !important;
    line-height:1.04 !important;
    letter-spacing:-0.045em !important;
}


/* Common description size */
html body.public-body .ai-workflow-heading p,
html body.public-body .signal-showcase-heading p,
html body.public-body .performance-heading p,
html body.public-body .trading-cycle-heading p{
    max-width:720px !important;
    font-size:clamp(14px,1.1vw,17px) !important;
    line-height:1.5 !important;
}


/* Common badge size */
html body.public-body .ai-workflow-badge,
html body.public-body .signal-showcase-badge,
html body.public-body .performance-badge,
html body.public-body .trading-cycle-badge{
    min-height:34px !important;
    gap:8px !important;
    padding:6px 17px !important;
    font-size:13px !important;
}


/* =========================================================
   1. A CLEAN BREAK BETWEEN CONVERSATION AND CAPITAL
   ========================================================= */

html body.public-body .oversight-showcase-v2{
    padding-left:24px !important;
    padding-right:24px !important;
}

html body.public-body .oversight-v2-shell{
    width:min(100%,1260px) !important;
    min-height:0 !important;

    grid-template-columns:
        minmax(300px,.82fr)
        minmax(510px,1.18fr) !important;

    gap:36px !important;
    padding:38px 40px !important;

    border-radius:32px !important;
}


/* Left text */
html body.public-body .oversight-v2-copy{
    padding:0 !important;
}

html body.public-body .oversight-v2-eyebrow{
    margin-bottom:25px !important;
    font-size:12px !important;
}

html body.public-body .oversight-v2-copy h2{
    max-width:510px !important;

    font-size:clamp(40px,3.6vw,58px) !important;
    line-height:1.04 !important;
    letter-spacing:-0.045em !important;
}

html body.public-body .oversight-v2-divider{
    width:62px !important;
    height:2px !important;
    margin:24px 0 20px !important;
}

html body.public-body .oversight-v2-copy p{
    max-width:500px !important;
    font-size:15px !important;
    line-height:1.55 !important;
}


/* Six cards */
html body.public-body .oversight-v2-flow{
    gap:12px !important;
}

html body.public-body .oversight-v2-step{
    min-height:112px !important;

    grid-template-columns:68px minmax(0,1fr) !important;

    gap:15px !important;
    padding:16px 18px !important;

    border-radius:21px !important;
}

html body.public-body .oversight-v2-step::before{
    inset:5px !important;
    border-radius:16px !important;
}

html body.public-body .oversight-v2-icon{
    width:64px !important;
    height:64px !important;
}

html body.public-body .oversight-v2-icon svg{
    width:34px !important;
    height:34px !important;
}

html body.public-body .oversight-v2-number{
    top:10px !important;
    right:11px !important;

    min-width:34px !important;
    height:25px !important;

    padding:0 7px !important;
    border-radius:7px !important;

    font-size:11px !important;
}

html body.public-body .oversight-v2-step-copy{
    gap:5px !important;
    padding:11px 29px 0 0 !important;
}

html body.public-body .oversight-v2-step-copy strong{
    font-size:clamp(18px,1.45vw,23px) !important;
    line-height:1.1 !important;
}

html body.public-body .oversight-v2-step-copy small{
    font-size:13px !important;
    line-height:1.35 !important;
}


/* =========================================================
   2. FROM A QUESTION TO A CLOSED TRADE
   ========================================================= */

html body.public-body .ai-workflow-showcase{
    padding-left:24px !important;
    padding-right:24px !important;
}

html body.public-body .ai-workflow-inner{
    width:min(100%,1180px) !important;
}


/* Timeline */
html body.public-body .ai-flow-timeline{
    gap:9px !important;
}

html body.public-body .ai-flow-row{
    min-height:112px !important;

    grid-template-columns:
        minmax(0,1fr)
        78px
        minmax(0,1fr) !important;
}


/* Center line node */
html body.public-body .ai-flow-node{
    width:34px !important;
    height:34px !important;
}

html body.public-body .ai-flow-node i{
    width:8px !important;
    height:8px !important;
}


/* Timeline cards */
html body.public-body .ai-flow-card{
    min-height:106px !important;

    grid-template-columns:68px minmax(0,1fr) !important;

    gap:15px !important;
    padding:16px 20px !important;

    border-radius:21px !important;
}

html body.public-body .ai-flow-card::before{
    inset:5px !important;
    border-radius:16px !important;
}

html body.public-body .ai-flow-left .ai-flow-card::after,
html body.public-body .ai-flow-right .ai-flow-card::after{
    width:40px !important;
}

html body.public-body .ai-flow-left .ai-flow-card::after{
    right:-40px !important;
}

html body.public-body .ai-flow-right .ai-flow-card::after{
    left:-40px !important;
}

html body.public-body .ai-flow-icon{
    width:64px !important;
    height:64px !important;
}

html body.public-body .ai-flow-icon svg{
    width:34px !important;
    height:34px !important;
}

html body.public-body .ai-flow-card-copy small{
    margin-bottom:3px !important;
    font-size:11px !important;
}

html body.public-body .ai-flow-card-copy strong{
    margin-bottom:4px !important;
    font-size:clamp(18px,1.5vw,23px) !important;
}

html body.public-body .ai-flow-card-copy p{
    max-width:330px !important;
    font-size:13px !important;
    line-height:1.4 !important;
}


/* =========================================================
   3. EVERY SIGNAL, A COMPLETE TRADE PLAN
   ========================================================= */

html body.public-body .signal-showcase{
    padding-left:24px !important;
    padding-right:24px !important;
}

html body.public-body .signal-showcase-inner{
    width:min(100%,1220px) !important;
}

html body.public-body .signal-showcase-grid{
    gap:14px !important;
}


/* Main signal cards */
html body.public-body .pro-signal-card{
    min-height:282px !important;

    padding:16px 18px 13px !important;
    border-radius:24px !important;
}

html body.public-body .pro-signal-card::before{
    inset:6px !important;
    border-radius:18px !important;
}

html body.public-body .pro-signal-header{
    margin-bottom:10px !important;
}

html body.public-body .pro-signal-market{
    gap:10px !important;
}

html body.public-body .pro-signal-direction{
    width:50px !important;
    height:50px !important;
    flex-basis:50px !important;
}

html body.public-body .pro-signal-direction svg{
    width:29px !important;
    height:29px !important;
}

html body.public-body .pro-signal-market strong{
    font-size:clamp(18px,1.5vw,24px) !important;
}

html body.public-body .pro-signal-market small{
    font-size:12px !important;
}

html body.public-body .pro-signal-status{
    min-height:30px !important;
    padding:5px 11px !important;
    font-size:11px !important;
}


/* Signal levels */
html body.public-body .pro-signal-levels{
    gap:5px !important;
    margin-bottom:9px !important;
}

html body.public-body .pro-signal-levels > span{
    min-height:48px !important;
    padding:5px 3px !important;
}

html body.public-body .pro-signal-levels small{
    font-size:9px !important;
}

html body.public-body .pro-signal-levels strong{
    font-size:12px !important;
}


/* Chart */
html body.public-body .pro-signal-chart{
    height:64px !important;
    margin-bottom:5px !important;
}


/* Bottom summary bar */
html body.public-body .signal-summary-bar{
    margin-top:14px !important;
    border-radius:23px !important;
}

html body.public-body .signal-summary-item{
    min-height:96px !important;

    grid-template-columns:55px minmax(0,1fr) !important;

    gap:11px !important;
    padding:14px 17px !important;
}

html body.public-body .signal-summary-icon{
    width:51px !important;
    height:51px !important;
}

html body.public-body .signal-summary-item strong{
    font-size:clamp(20px,1.6vw,27px) !important;
}

html body.public-body .signal-summary-item small{
    font-size:11px !important;
}


/* =========================================================
   4. CONSISTENCY YOU CAN MEASURE
   ========================================================= */

html body.public-body .performance-showcase{
    padding-left:24px !important;
    padding-right:24px !important;
}

html body.public-body .performance-inner{
    width:min(100%,1240px) !important;
}


/* Tabs */
html body.public-body .performance-tabs{
    width:min(100%,570px) !important;
    margin:18px auto 22px !important;
    padding:4px !important;
}

html body.public-body .performance-tab{
    min-height:37px !important;
    font-size:12px !important;
}


/* Main dashboard */
html body.public-body .performance-dashboard{
    grid-template-columns:minmax(0,1.9fr) minmax(290px,.9fr) !important;
    gap:16px !important;
}

html body.public-body .performance-chart-card,
html body.public-body .performance-ring-card{
    min-height:385px !important;
    border-radius:26px !important;
}

html body.public-body .performance-chart-card{
    padding:20px 22px 18px !important;
}

html body.public-body .performance-ring-card{
    padding:24px 20px 20px !important;
}


/* Chart */
html body.public-body .performance-chart-header{
    margin-bottom:9px !important;
}

html body.public-body .performance-chart-header strong{
    font-size:20px !important;
}

html body.public-body .performance-chart-header small{
    font-size:12px !important;
}

html body.public-body .performance-growth-value{
    font-size:30px !important;
}

html body.public-body .performance-chart-layout{
    height:282px !important;
}

html body.public-body .performance-chart-plot{
    height:240px !important;
}

html body.public-body .performance-y-axis{
    height:240px !important;
}


/* Circular win rate */
html body.public-body .performance-ring-card h3{
    margin-bottom:8px !important;
    font-size:19px !important;
}

html body.public-body .performance-ring-wrap{
    width:min(100%,220px) !important;
}

html body.public-body .performance-ring-copy strong{
    font-size:36px !important;
}

html body.public-body .performance-ring-card > p{
    font-size:13px !important;
}


/* Bottom metrics */
html body.public-body .performance-metrics{
    gap:9px !important;
    margin-top:16px !important;
}

html body.public-body .performance-metric{
    min-height:105px !important;

    grid-template-columns:48px minmax(0,1fr) !important;

    gap:9px !important;
    padding:13px 11px !important;

    border-radius:20px !important;
}

html body.public-body .performance-metric-icon{
    width:46px !important;
    height:46px !important;
}

html body.public-body .performance-metric-icon svg{
    width:25px !important;
    height:25px !important;
}

html body.public-body .performance-metric strong{
    font-size:clamp(19px,1.5vw,25px) !important;
}

html body.public-body .performance-metric small{
    font-size:10px !important;
}


/* =========================================================
   5. CONSISTENCY BEATS ANY SINGLE TRADE
   ========================================================= */

html body.public-body .trading-cycle-showcase{
    padding-left:24px !important;
    padding-right:24px !important;
}

html body.public-body .trading-cycle-inner{
    width:min(100%,1240px) !important;
}

html body.public-body .trading-cycle-layout{
    grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr) !important;
    gap:17px !important;
}


/* Left board */
html body.public-body .trading-cycle-board{
    min-height:465px !important;

    padding:21px 23px 20px !important;
    border-radius:28px !important;
}

html body.public-body .trading-cycle-board::before{
    inset:6px !important;
    border-radius:22px !important;
}

html body.public-body .trading-cycle-board-header{
    margin-bottom:16px !important;
}

html body.public-body .trading-cycle-board-header strong{
    font-size:21px !important;
}

html body.public-body .trading-cycle-board-header small{
    font-size:13px !important;
}

html body.public-body .trading-cycle-result b{
    min-height:31px !important;
    padding:5px 11px !important;
    font-size:12px !important;
}


/* Ten trade boxes */
html body.public-body .trading-cycle-trades{
    gap:9px !important;
}

html body.public-body .cycle-trade{
    min-height:96px !important;
    gap:7px !important;
    border-radius:16px !important;
}

html body.public-body .cycle-trade::before{
    inset:4px !important;
    border-radius:12px !important;
}

html body.public-body .cycle-trade-icon{
    width:42px !important;
    height:42px !important;
}

html body.public-body .cycle-trade-icon svg{
    width:23px !important;
    height:23px !important;
}


/* Bottom cycle summary */
html body.public-body .trading-cycle-summary{
    min-height:68px !important;

    grid-template-columns:45px minmax(0,1fr) !important;

    gap:10px !important;
    margin-top:14px !important;
    padding:11px 15px !important;

    border-radius:15px !important;
}


/* Right principles cards */
html body.public-body .trading-cycle-principles{
    gap:13px !important;
}

html body.public-body .cycle-principle-card{
    min-height:132px !important;

    grid-template-columns:63px minmax(0,1fr) !important;

    gap:13px !important;
    padding:16px 18px !important;

    border-radius:21px !important;
}

html body.public-body .cycle-principle-icon{
    width:58px !important;
    height:58px !important;
}

html body.public-body .cycle-principle-icon svg{
    width:31px !important;
    height:31px !important;
}

html body.public-body .cycle-principle-copy{
    gap:6px !important;
}

html body.public-body .cycle-principle-copy strong{
    font-size:18px !important;
}

html body.public-body .cycle-principle-copy p{
    font-size:12px !important;
    line-height:1.45 !important;
}


/* =========================================================
   TABLET
   ========================================================= */

@media(max-width:1050px){

    html body.public-body .oversight-v2-shell{
        width:min(100%,900px) !important;
        grid-template-columns:1fr !important;
        gap:28px !important;
        padding:34px 30px !important;
    }

    html body.public-body .oversight-v2-copy h2{
        max-width:650px !important;
    }

    html body.public-body .ai-workflow-inner,
    html body.public-body .signal-showcase-inner,
    html body.public-body .performance-inner,
    html body.public-body .trading-cycle-inner{
        width:min(100%,900px) !important;
    }

    html body.public-body .performance-dashboard,
    html body.public-body .trading-cycle-layout{
        grid-template-columns:1fr !important;
    }

    html body.public-body .performance-metrics{
        grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:700px){

    html body.public-body .oversight-showcase-v2,
    html body.public-body .ai-workflow-showcase,
    html body.public-body .signal-showcase,
    html body.public-body .performance-showcase,
    html body.public-body .trading-cycle-showcase{
        padding:
            36px
            12px
            48px !important;
    }

    html body.public-body .oversight-v2-shell{
        padding:24px 16px !important;
        border-radius:22px !important;
    }

    html body.public-body .oversight-v2-copy h2,
    html body.public-body .ai-workflow-heading h2,
    html body.public-body .signal-showcase-heading h2,
    html body.public-body .performance-heading h2,
    html body.public-body .trading-cycle-heading h2{
        font-size:clamp(32px,9vw,42px) !important;
    }

    html body.public-body .oversight-v2-flow,
    html body.public-body .signal-showcase-grid{
        grid-template-columns:1fr !important;
    }

    html body.public-body .ai-flow-row{
        min-height:auto !important;
        grid-template-columns:1fr !important;
        margin-bottom:10px !important;
    }

    html body.public-body .ai-flow-left .ai-flow-card,
    html body.public-body .ai-flow-right .ai-flow-card{
        grid-column:1 !important;
    }

    html body.public-body .ai-flow-node,
    html body.public-body .ai-flow-timeline::before,
    html body.public-body .ai-flow-card::after{
        display:none !important;
    }

    html body.public-body .performance-metrics{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    }

    html body.public-body .trading-cycle-trades{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    }

    html body.public-body .performance-chart-card,
    html body.public-body .performance-ring-card,
    html body.public-body .trading-cycle-board{
        min-height:auto !important;
    }
}
/* =========================================================
   COMMUNITY COUNTRY FLAGS
   ========================================================= */

.community-country-code,
.community-country-badge{
    overflow:hidden !important;
    padding:0 !important;

    display:grid !important;
    place-items:center !important;

    background:
        linear-gradient(
            145deg,
            rgba(22, 48, 88, .92),
            rgba(7, 20, 43, .96)
        ) !important;

    border:1px solid rgba(100, 160, 230, .34) !important;
    border-radius:9px !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.06),
        0 5px 13px rgba(0,0,0,.15) !important;
}

.community-country-code img,
.community-country-badge img{
    display:block !important;

    width:26px !important;
    height:18px !important;

    object-fit:cover !important;
    object-position:center !important;

    border-radius:3px !important;

    box-shadow:
        0 0 0 1px rgba(255,255,255,.12),
        0 3px 8px rgba(0,0,0,.25) !important;
}


/* Slight hover effect */
.community-trader-row:hover .community-country-code img,
.community-country-row:hover .community-country-badge img{
    transform:scale(1.07);
}

.community-country-code img,
.community-country-badge img{
    transition:transform .2s ease !important;
}


/* Mobile */
@media(max-width:700px){

    .community-country-code img,
    .community-country-badge img{
        width:22px !important;
        height:15px !important;
        border-radius:2px !important;
    }
}
/* =========================================================
   STANDALONE COUNTRY FLAGS — NO BOX
   ========================================================= */

.community-country-code,
.community-country-badge{
    width:28px !important;
    min-width:28px !important;
    height:20px !important;

    padding:0 !important;
    margin:0 !important;

    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;

    background:transparent !important;
    background-color:transparent !important;
    background-image:none !important;

    border:0 !important;
    border-radius:0 !important;

    outline:0 !important;
    box-shadow:none !important;

    overflow:visible !important;
}


/* Actual flag */
.community-country-code img,
.community-country-badge img{
    display:block !important;

    width:27px !important;
    height:18px !important;

    object-fit:cover !important;
    object-position:center !important;

    padding:0 !important;
    margin:0 !important;

    background:transparent !important;
    border:0 !important;
    border-radius:2px !important;
    box-shadow:none !important;

    filter:drop-shadow(0 2px 3px rgba(0,0,0,.28)) !important;

    transform:none !important;
}


/* Hover par bhi box ya zoom na aaye */
.community-trader-row:hover .community-country-code,
.community-country-row:hover .community-country-badge{
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
}

.community-trader-row:hover .community-country-code img,
.community-country-row:hover .community-country-badge img{
    transform:none !important;
}


/* Mobile */
@media(max-width:700px){

    .community-country-code,
    .community-country-badge{
        width:24px !important;
        min-width:24px !important;
        height:17px !important;
    }

    .community-country-code img,
    .community-country-badge img{
        width:23px !important;
        height:15px !important;
    }
}
/* Pricing toggle knob clickable */
.pricing-v13-switch,
.pricing-v13-toggle-track,
.pricing-toggle-switch,
.billing-switch,
[data-pricing-switch]{
    cursor:pointer !important;
    pointer-events:auto !important;
    user-select:none !important;
    touch-action:manipulation !important;
}

.pricing-v13-switch *,
.pricing-v13-toggle-track *,
.pricing-toggle-switch *,
.billing-switch *,
[data-pricing-switch] *{
    pointer-events:none !important;
}
/* =========================================================
   PREMIUM NEON PRICING COMPARISON TABLE
   ========================================================= */

html body.public-body .pricing-v13-comparison{
    position:relative !important;
    isolation:isolate !important;

    width:100% !important;
    margin-top:42px !important;
    padding:0 !important;

    overflow:visible !important;

    border:1px solid transparent !important;
    border-radius:32px !important;

    background:
        linear-gradient(
            180deg,
            rgba(5,18,42,.99),
            rgba(2,10,26,.995)
        ) padding-box,
        linear-gradient(
            105deg,
            #32dfff 0%,
            #348cff 35%,
            #7560ff 68%,
            #a35cff 100%
        ) border-box !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.08),
        0 28px 65px rgba(0,0,0,.50),
        0 0 28px rgba(39,145,255,.14),
        0 0 45px rgba(113,73,255,.10) !important;
}


/* Scroll wrapper */
html body.public-body .pricing-v13-table-scroll{
    width:100% !important;
    overflow-x:auto !important;
    overflow-y:visible !important;

    border-radius:31px !important;

    scrollbar-width:thin;
    scrollbar-color:
        rgba(61,162,255,.65)
        rgba(4,13,31,.8);
}


/* Main table */
html body.public-body .pricing-v13-feature-table{
    width:100% !important;
    min-width:1180px !important;

    table-layout:fixed !important;
    border-collapse:separate !important;
    border-spacing:0 !important;

    overflow:visible !important;

    background:
        linear-gradient(
            180deg,
            rgba(7,24,53,.97),
            rgba(3,13,31,.99)
        ) !important;
}


/* Shared cells */
html body.public-body .pricing-v13-feature-table th,
html body.public-body .pricing-v13-feature-table td{
    position:relative !important;

    padding:15px 20px !important;

    border-right:1px solid rgba(97,141,202,.20) !important;
    border-bottom:1px solid rgba(97,141,202,.20) !important;

    color:#e9eef8 !important;
    background:transparent !important;

    font-size:15px !important;
    font-weight:500 !important;
    line-height:1.3 !important;

    text-align:center !important;
    vertical-align:middle !important;
}


/* Remove last right line */
html body.public-body
.pricing-v13-feature-table tr > *:last-child{
    border-right:0 !important;
}


/* Last row line */
html body.public-body
.pricing-v13-feature-table tbody tr:last-child > *{
    border-bottom:0 !important;
}


/* =========================================================
   TOP HEADER
   ========================================================= */

html body.public-body
.pricing-v13-feature-table thead th{
    height:128px !important;
    padding-top:18px !important;
    padding-bottom:18px !important;

    color:#f7f9ff !important;
    background:
        linear-gradient(
            180deg,
            rgba(10,30,65,.88),
            rgba(5,19,44,.80)
        ) !important;
}


/* Left comparison heading */
html body.public-body
.pricing-v13-feature-heading{
    width:27% !important;

    padding-left:32px !important;

    text-align:left !important;
}

html body.public-body
.pricing-v13-feature-heading{
    display:table-cell !important;
}

html body.public-body
.pricing-v13-feature-heading > strong{
    display:inline-block !important;

    margin-left:15px !important;

    color:#f6f8ff !important;

    font-size:23px !important;
    font-weight:650 !important;
    letter-spacing:-.025em !important;

    vertical-align:middle !important;
}


/* Layers icon */
html body.public-body .pricing-v13-compare-icon{
    display:inline-grid !important;

    width:55px !important;
    height:55px !important;

    place-items:center !important;

    color:#35caff !important;

    vertical-align:middle !important;

    filter:
        drop-shadow(0 0 8px rgba(48,203,255,.62))
        drop-shadow(0 0 15px rgba(48,119,255,.30)) !important;
}

html body.public-body .pricing-v13-compare-icon svg{
    width:48px !important;
    height:48px !important;

    fill:none !important;
    stroke:currentColor !important;
    stroke-width:1.7 !important;
    stroke-linecap:round !important;
    stroke-linejoin:round !important;
}


/* Plan header */
html body.public-body .pricing-v13-plan-heading{
    overflow:visible !important;
}

html body.public-body .pricing-v13-plan-heading-inner{
    position:relative !important;

    display:flex !important;
    height:100% !important;

    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;

    gap:8px !important;
}

html body.public-body .pricing-v13-plan-heading strong{
    color:#f6f8ff !important;

    font-size:21px !important;
    font-weight:650 !important;
    letter-spacing:-.025em !important;
}


/* Plan icons */
html body.public-body .pricing-v13-plan-icon{
    display:grid !important;

    width:58px !important;
    height:52px !important;

    place-items:center !important;

    color:#32dfff !important;

    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;

    filter:
        drop-shadow(0 0 7px currentColor)
        drop-shadow(0 0 16px rgba(46,164,255,.28)) !important;
}

html body.public-body .pricing-v13-plan-icon svg{
    width:46px !important;
    height:46px !important;

    fill:none !important;
    stroke:currentColor !important;
    stroke-width:1.7 !important;
    stroke-linecap:round !important;
    stroke-linejoin:round !important;
}


/* Individual plan icon colors */
html body.public-body
.pricing-v13-plan-heading-1
.pricing-v13-plan-icon{
    color:#32cfff !important;
}

html body.public-body
.pricing-v13-plan-heading-2
.pricing-v13-plan-icon{
    color:#985bff !important;
}

html body.public-body
.pricing-v13-plan-heading-3
.pricing-v13-plan-icon{
    color:#ffe76a !important;
}

html body.public-body
.pricing-v13-plan-heading-4
.pricing-v13-plan-icon{
    color:#5ff4e5 !important;
}


/* =========================================================
   FEATURE NAME COLUMN
   ========================================================= */

html body.public-body
.pricing-v13-feature-table tbody th:first-child{
    width:27% !important;

    padding-left:31px !important;

    color:#f3f6ff !important;

    text-align:left !important;
}

html body.public-body .pricing-v13-feature-name strong{
    display:inline-block !important;

    margin-left:14px !important;

    color:#f2f5fc !important;

    font-size:17px !important;
    font-weight:600 !important;
    letter-spacing:-.018em !important;

    vertical-align:middle !important;
}


/* Feature icon boxes */
html body.public-body .pricing-v13-row-icon{
    --row-rgb:47,171,255;

    display:inline-grid !important;

    width:48px !important;
    height:48px !important;

    place-items:center !important;

    color:rgb(var(--row-rgb)) !important;

    vertical-align:middle !important;

    border:1px solid rgba(var(--row-rgb),.62) !important;
    border-radius:13px !important;

    background:
        linear-gradient(
            145deg,
            rgba(var(--row-rgb),.24),
            rgba(5,23,50,.92)
        ) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.13),
        0 0 16px rgba(var(--row-rgb),.22) !important;
}

html body.public-body .pricing-v13-row-icon svg{
    width:28px !important;
    height:28px !important;

    fill:none !important;
    stroke:currentColor !important;
    stroke-width:1.75 !important;
    stroke-linecap:round !important;
    stroke-linejoin:round !important;

    filter:drop-shadow(
        0 0 5px rgba(var(--row-rgb),.70)
    ) !important;
}


/* Row icon colors */
html body.public-body .pricing-v13-row-icon-signals{
    --row-rgb:50,157,255;
}

html body.public-body .pricing-v13-row-icon-ai{
    --row-rgb:42,225,222;
}

html body.public-body .pricing-v13-row-icon-dashboard{
    --row-rgb:73,111,255;
}

html body.public-body .pricing-v13-row-icon-voice{
    --row-rgb:175,75,255;
}

html body.public-body .pricing-v13-row-icon-whatsapp{
    --row-rgb:47,225,129;
}

html body.public-body .pricing-v13-row-icon-telegram{
    --row-rgb:38,176,255;
}

html body.public-body .pricing-v13-row-icon-reports{
    --row-rgb:168,76,255;
}

html body.public-body .pricing-v13-row-icon-partner{
    --row-rgb:39,225,201;
}

html body.public-body .pricing-v13-row-icon-automation{
    --row-rgb:49,158,255;
}

html body.public-body .pricing-v13-row-icon-support{
    --row-rgb:157,71,255;
}

html body.public-body .pricing-v13-row-icon-feature{
    --row-rgb:64,179,255;
}


/* =========================================================
   TABLE VALUES
   ========================================================= */

html body.public-body
.pricing-v13-feature-table tbody td{
    height:64px !important;

    color:#edf1f8 !important;

    font-size:16px !important;
}

html body.public-body
.pricing-v13-feature-table tbody td > span:not(
    .pricing-v13-check
){
    color:inherit !important;
}


/* Green checks */
html body.public-body .pricing-v13-check{
    display:inline-block !important;

    color:#3ff07e !important;

    font-size:29px !important;
    font-weight:600 !important;
    line-height:1 !important;

    text-shadow:
        0 0 8px rgba(63,240,126,.42) !important;
}


/* =========================================================
   FEATURED / ELITE COLUMN
   ========================================================= */

html body.public-body
.pricing-v13-feature-table .is-featured{
    z-index:2 !important;

    color:#2ce5ff !important;

    border-left:2px solid rgba(40,215,255,.90) !important;
    border-right:2px solid rgba(133,81,255,.90) !important;

    background:
        linear-gradient(
            180deg,
            rgba(32,59,147,.56),
            rgba(20,37,102,.70)
        ) !important;

    box-shadow:
        inset 22px 0 35px rgba(38,178,255,.055),
        inset -22px 0 35px rgba(119,65,255,.07) !important;
}


/* Featured top */
html body.public-body
.pricing-v13-feature-table thead th.is-featured{
    z-index:5 !important;

    border-top:2px solid rgba(71,217,255,.92) !important;
    border-radius:28px 28px 0 0 !important;

    background:
        radial-gradient(
            circle at 50% 10%,
            rgba(85,120,255,.38),
            transparent 48%
        ),
        linear-gradient(
            180deg,
            rgba(34,62,151,.82),
            rgba(24,41,110,.75)
        ) !important;

    box-shadow:
        -13px 0 28px rgba(38,203,255,.13),
        13px 0 30px rgba(123,67,255,.16),
        inset 0 1px 0 rgba(255,255,255,.14) !important;
}


/* Featured bottom */
html body.public-body
.pricing-v13-feature-table tbody tr:last-child td.is-featured{
    border-bottom:2px solid rgba(89,179,255,.91) !important;
    border-radius:0 0 28px 28px !important;

    box-shadow:
        -13px 0 28px rgba(38,203,255,.11),
        13px 0 30px rgba(123,67,255,.14),
        0 18px 32px rgba(54,83,255,.14) !important;
}


/* Elite heading text */
html body.public-body
.pricing-v13-feature-table
thead th.is-featured strong{
    color:#ffffff !important;
}


/* Most popular badge */
html body.public-body .pricing-v13-most-popular{
    position:absolute !important;

    z-index:10 !important;

    left:50% !important;
    bottom:-20px !important;

    min-width:150px !important;

    padding:6px 18px !important;

    transform:translateX(-50%) !important;

    color:#35e9ff !important;

    border:1px solid rgba(99,105,255,.92) !important;
    border-radius:999px !important;

    background:
        linear-gradient(
            90deg,
            rgba(26,52,129,.97),
            rgba(44,39,142,.97)
        ) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.13),
        0 0 15px rgba(58,151,255,.27) !important;

    font-size:13px !important;
    font-weight:600 !important;
    line-height:1.1 !important;

    white-space:nowrap !important;
}


/* Give first row space behind badge */
html body.public-body
.pricing-v13-feature-table tbody tr:first-child td.is-featured{
    padding-top:24px !important;
}


/* =========================================================
   HOVER EFFECT
   ========================================================= */

html body.public-body
.pricing-v13-feature-table tbody tr{
    transition:background .22s ease !important;
}

html body.public-body
.pricing-v13-feature-table tbody tr:hover > th,
html body.public-body
.pricing-v13-feature-table tbody tr:hover > td:not(.is-featured){
    background:rgba(30,87,157,.09) !important;
}


/* =========================================================
   TABLET / MOBILE
   ========================================================= */

@media(max-width:900px){

    html body.public-body .pricing-v13-comparison{
        margin-top:30px !important;
        border-radius:24px !important;
    }

    html body.public-body .pricing-v13-table-scroll{
        border-radius:23px !important;
    }

    html body.public-body .pricing-v13-feature-table{
        min-width:1050px !important;
    }

    html body.public-body
    .pricing-v13-feature-table thead th{
        height:112px !important;
    }

    html body.public-body .pricing-v13-feature-heading{
        padding-left:22px !important;
    }

    html body.public-body
    .pricing-v13-feature-table tbody th:first-child{
        padding-left:22px !important;
    }

    html body.public-body .pricing-v13-feature-heading > strong{
        font-size:20px !important;
    }

    html body.public-body .pricing-v13-row-icon{
        width:43px !important;
        height:43px !important;
    }

    html body.public-body .pricing-v13-feature-name strong{
        font-size:15px !important;
    }

}
/* =========================================================
   MARKETPULSE HERO V2
   Screenshot-style premium hero
   ========================================================= */

html body.public-body section.mp-hero-v2{
    position:relative !important;
    isolation:isolate !important;

    min-height:820px !important;

    padding:
        142px
        30px
        78px !important;

    overflow:hidden !important;

    background:
        linear-gradient(
            180deg,
            #040813 0%,
            #040915 58%,
            #030711 100%
        ) !important;
}


/* ---------------------------------------------------------
   SOFT CENTER GLOW
   --------------------------------------------------------- */

.mp-hero-v2-glow{
    position:absolute;
    z-index:-3;

    top:120px;
    left:50%;

    width:950px;
    height:600px;

    transform:translateX(-50%);

    border-radius:50%;

    background:
        radial-gradient(
            ellipse,
            rgba(12,103,221,.15) 0%,
            rgba(37,65,188,.07) 38%,
            transparent 72%
        );

    filter:blur(34px);
    pointer-events:none;
}


/* ---------------------------------------------------------
   NEON SIDE WAVES
   --------------------------------------------------------- */

.mp-hero-v2-waves{
    position:absolute;
    z-index:-1;

    width:47%;
    height:270px;

    pointer-events:none;

    opacity:.72;
}

.mp-hero-v2-waves svg{
    width:100%;
    height:100%;
    overflow:visible;
}

.mp-hero-v2-waves path{
    fill:none;

    stroke:url("#mpMarketStroke");
    stroke-width:1.5;

    filter:
        drop-shadow(0 0 5px rgba(28,137,255,.38));
}

.mp-hero-v2-waves path:nth-child(2){
    stroke:#384dff;
    opacity:.68;
}

.mp-hero-v2-waves path:nth-child(3){
    stroke:#8c36ff;
    opacity:.64;
}

.mp-hero-v2-waves-left{
    left:-4%;
    top:390px;

    transform:rotate(-3deg);
}

.mp-hero-v2-waves-right{
    right:-4%;
    top:345px;

    transform:rotate(4deg);
}


/* ---------------------------------------------------------
   MAIN CONTENT
   --------------------------------------------------------- */

.mp-hero-v2-inner{
    position:relative;
    z-index:4;

    width:min(100%,1250px);
    margin:0 auto;
}

.mp-hero-v2-copy{
    max-width:930px;
    margin:0 auto;

    text-align:center;
}


/* Announcement badge */
.mp-hero-v2-badge{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    gap:10px;

    min-height:38px;
    padding:7px 19px;

    color:#4be7ff;

    border:1px solid rgba(77,117,255,.48);
    border-radius:999px;

    background:
        linear-gradient(
            90deg,
            rgba(7,31,59,.72),
            rgba(19,17,62,.58)
        );

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.06),
        0 8px 28px rgba(0,0,0,.18);

    font-size:13px;
    font-weight:500;
}

.mp-hero-v2-badge i{
    width:9px;
    height:9px;

    border-radius:50%;

    background:#16ddff;

    box-shadow:
        0 0 7px #16ddff,
        0 0 15px rgba(22,221,255,.62);
}


/* Main heading */
.mp-hero-v2-copy h1{
    max-width:930px;

    margin:
        24px
        auto
        20px !important;

    color:#f5f7fc;

    font-size:clamp(56px,5.25vw,82px) !important;
    font-weight:600 !important;
    line-height:1.02 !important;
    letter-spacing:-.052em !important;

    text-align:center;
}

.mp-hero-v2-copy h1 > span{
    display:block;
}

.mp-hero-v2-copy h1 em{
    display:inline;

    color:transparent;

    font-style:normal;
    font-weight:600;

    background:
        linear-gradient(
            90deg,
            #6b55ff 0%,
            #3b84ff 43%,
            #16d6f0 100%
        );

    -webkit-background-clip:text;
    background-clip:text;

    filter:
        drop-shadow(0 7px 16px rgba(41,123,255,.18));
}


/* Description */
.mp-hero-v2-copy > p{
    max-width:760px;

    margin:0 auto;

    color:#b3bfd1;

    font-size:17px;
    font-weight:400;
    line-height:1.65;
}


/* ---------------------------------------------------------
   BUTTONS
   --------------------------------------------------------- */

.mp-hero-v2-buttons{
    display:flex;
    align-items:center;
    justify-content:center;

    gap:17px;

    margin:
        29px
        0
        25px;
}

.mp-hero-v2-buttons .button{
    min-height:58px;

    padding:
        0
        31px;

    border-radius:14px;

    font-size:16px;
    font-weight:600;

    transition:
        transform .22s ease,
        border-color .22s ease,
        box-shadow .22s ease;
}

.mp-hero-v2-buttons .button:hover{
    transform:translateY(-2px);
}

.mp-hero-v2-primary{
    min-width:205px;

    gap:11px;

    color:#fff !important;

    border:1px solid rgba(102,207,255,.65) !important;

    background:
        linear-gradient(
            110deg,
            #13bfe8 0%,
            #237dff 54%,
            #8941ff 100%
        ) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.26),
        0 10px 26px rgba(33,121,255,.26),
        0 0 25px rgba(87,61,255,.20) !important;
}

.mp-hero-v2-secondary{
    min-width:190px;

    color:#f5f7fc !important;

    border:1px solid rgba(115,144,188,.32) !important;

    background:rgba(8,15,29,.58) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.035) !important;
}

.mp-play-icon{
    margin-right:5px;
    font-size:15px;
}


/* ---------------------------------------------------------
   TRUST ITEMS
   --------------------------------------------------------- */

.mp-hero-v2-trust{
    display:flex;
    align-items:center;
    justify-content:center;
    flex-wrap:wrap;

    gap:28px;

    color:#a9b6ca;

    font-size:13px;
}

.mp-hero-v2-trust > span{
    display:inline-flex;
    align-items:center;

    gap:9px;
}

.mp-hero-v2-trust i{
    display:inline-grid;
    place-items:center;

    width:21px;
    height:21px;

    color:#16e8dd;

    font-size:15px;
    font-style:normal;
    font-weight:700;
}

.mp-trust-chart,
.mp-trust-users{
    color:#19cfff !important;
}


/* ---------------------------------------------------------
   FLOATING MARKET CARDS
   --------------------------------------------------------- */

.mp-hero-market-card{
    position:absolute;
    z-index:3;

    width:260px;
    height:136px;

    padding:20px;

    border:1px solid rgba(78,123,187,.34);
    border-radius:20px;

    background:
        linear-gradient(
            145deg,
            rgba(8,19,36,.88),
            rgba(4,10,22,.92)
        );

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.045),
        0 18px 48px rgba(0,0,0,.32);

    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);

    pointer-events:none;
}

.mp-hero-market-card-left{
    left:38px;
    top:187px;

    animation:
        mpHeroCardFloatLeft
        5s
        ease-in-out
        infinite;
}

.mp-hero-market-card-right{
    right:38px;
    top:187px;

    width:275px;

    border-color:rgba(127,68,255,.48);

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.045),
        0 18px 48px rgba(0,0,0,.32),
        0 0 19px rgba(112,53,255,.10);

    animation:
        mpHeroCardFloatRight
        5.5s
        ease-in-out
        infinite;
}

.mp-market-card-header{
    display:flex;
    align-items:center;
    justify-content:space-between;

    margin-bottom:15px;
}

.mp-market-card-header strong{
    color:#ecf2fb;

    font-size:15px;
    font-weight:600;
}

.mp-market-card-header span{
    color:#17e893;

    font-size:13px;
    font-weight:600;
}

.mp-market-line-chart{
    display:block;

    width:100%;
    height:65px;
}


/* Candlestick chart */
.mp-candle-chart{
    display:block;

    width:100%;
    height:100%;
}

.mp-candle-grid{
    fill:none;
    stroke:rgba(91,132,187,.10);
    stroke-width:1;
}

.mp-candles path{
    stroke-width:1.4;
}

.mp-candles rect{
    stroke:none;
}

.mp-candles .is-green path{
    stroke:#1ce2a1;
}

.mp-candles .is-green rect{
    fill:#11bc83;
}

.mp-candles .is-red path{
    stroke:#ff4f64;
}

.mp-candles .is-red rect{
    fill:#ed3d55;
}


/* Floating animations */
@keyframes mpHeroCardFloatLeft{
    0%,
    100%{
        transform:translateY(0);
    }

    50%{
        transform:translateY(-14px);
    }
}

@keyframes mpHeroCardFloatRight{
    0%,
    100%{
        transform:translateY(-8px);
    }

    50%{
        transform:translateY(8px);
    }
}


/* ---------------------------------------------------------
   STATISTIC CARDS
   --------------------------------------------------------- */

.mp-hero-v2-stats{
    display:grid;

    grid-template-columns:
        repeat(4,minmax(0,1fr));

    gap:17px;

    width:min(100%,1120px);

    margin:
        42px
        auto
        0;
}

.mp-hero-stat{
    --metric-rgb:39,189,255;

    position:relative;

    display:grid;

    grid-template-columns:
        58px
        minmax(0,1fr);

    align-items:center;

    gap:15px;

    min-height:101px;

    padding:
        16px
        19px;

    overflow:hidden;

    border:1px solid rgba(var(--metric-rgb),.35);
    border-radius:18px;

    background:
        linear-gradient(
            145deg,
            rgba(9,21,39,.90),
            rgba(5,12,25,.94)
        );

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.045),
        0 13px 35px rgba(0,0,0,.23),
        0 0 19px rgba(var(--metric-rgb),.045);
}

.mp-hero-stat::after{
    content:"";

    position:absolute;

    width:120px;
    height:120px;

    right:-50px;
    bottom:-70px;

    border-radius:50%;

    background:
        rgba(var(--metric-rgb),.14);

    filter:blur(46px);

    pointer-events:none;
}

.mp-hero-stat-green{
    --metric-rgb:0,225,157;
}

.mp-hero-stat-blue{
    --metric-rgb:21,178,255;
}

.mp-hero-stat-profit{
    --metric-rgb:57,111,255;
}

.mp-hero-stat-purple{
    --metric-rgb:132,69,255;
}

.mp-hero-stat-icon{
    display:grid;
    place-items:center;

    width:54px;
    height:54px;

    color:rgb(var(--metric-rgb));

    border-radius:14px;

    background:
        linear-gradient(
            145deg,
            rgba(var(--metric-rgb),.18),
            rgba(4,16,33,.76)
        );

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.05),
        0 0 17px rgba(var(--metric-rgb),.11);
}

.mp-hero-stat-icon svg{
    width:31px;
    height:31px;

    fill:none;
    stroke:currentColor;
    stroke-width:1.8;
    stroke-linecap:round;
    stroke-linejoin:round;

    filter:
        drop-shadow(
            0 0 6px rgba(var(--metric-rgb),.52)
        );
}

.mp-hero-stat-copy{
    min-width:0;
}

.mp-hero-stat-copy small{
    display:block;

    margin-bottom:6px;

    color:#9faec2;

    font-size:10px;
    font-weight:600;
    letter-spacing:.045em;

    white-space:nowrap;
}

.mp-hero-stat-copy strong{
    display:block;

    color:rgb(var(--metric-rgb));

    font-size:24px;
    font-weight:600;
    line-height:1;

    letter-spacing:-.025em;

    white-space:nowrap;

    text-shadow:
        0 0 13px rgba(var(--metric-rgb),.21);
}


/* ---------------------------------------------------------
   RESPONSIVE
   --------------------------------------------------------- */

@media(max-width:1250px){

    .mp-hero-market-card{
        width:215px;
        height:122px;
    }

    .mp-hero-market-card-left{
        left:18px;
    }

    .mp-hero-market-card-right{
        right:18px;
        width:225px;
    }

    .mp-hero-v2-copy h1{
        font-size:clamp(53px,5.6vw,72px) !important;
    }
}


@media(max-width:1080px){

    html body.public-body section.mp-hero-v2{
        min-height:auto !important;

        padding:
            135px
            24px
            70px !important;
    }

    .mp-hero-market-card{
        display:none;
    }

    .mp-hero-v2-waves{
        width:60%;
        opacity:.46;
    }

    .mp-hero-v2-copy{
        max-width:850px;
    }

    .mp-hero-v2-stats{
        grid-template-columns:
            repeat(2,minmax(0,1fr));

        max-width:720px;
    }
}


@media(max-width:700px){

    html body.public-body section.mp-hero-v2{
        padding:
            115px
            15px
            48px !important;
    }

    .mp-hero-v2-glow{
        top:100px;

        width:480px;
        height:430px;
    }

    .mp-hero-v2-waves{
        width:85%;
        height:180px;

        opacity:.30;
    }

    .mp-hero-v2-waves-left{
        top:430px;
    }

    .mp-hero-v2-waves-right{
        top:400px;
    }

    .mp-hero-v2-badge{
        min-height:34px;

        padding:
            6px
            13px;

        font-size:10px;
    }

    .mp-hero-v2-copy h1{
        margin:
            20px
            auto
            17px !important;

        font-size:clamp(40px,11vw,53px) !important;
        line-height:1.04 !important;
        letter-spacing:-.044em !important;
    }

    .mp-hero-v2-copy > p{
        font-size:14px;
        line-height:1.58;
    }

    .mp-hero-v2-buttons{
        flex-direction:column;

        gap:11px;

        margin:
            24px
            0
            22px;
    }

    .mp-hero-v2-buttons .button{
        width:100%;
        max-width:320px;

        min-height:53px;
    }

    .mp-hero-v2-trust{
        display:grid;

        gap:10px;

        justify-content:center;

        text-align:left;

        font-size:12px;
    }

    .mp-hero-v2-stats{
        grid-template-columns:1fr;

        gap:11px;

        max-width:390px;

        margin-top:32px;
    }

    .mp-hero-stat{
        min-height:86px;

        grid-template-columns:
            49px
            minmax(0,1fr);

        padding:
            13px
            16px;
    }

    .mp-hero-stat-icon{
        width:46px;
        height:46px;

        border-radius:12px;
    }

    .mp-hero-stat-icon svg{
        width:26px;
        height:26px;
    }

    .mp-hero-stat-copy strong{
        font-size:22px;
    }

    .mp-hero-stat-copy small{
        font-size:9px;
    }
}


@media(prefers-reduced-motion:reduce){

    .mp-hero-market-card-left,
    .mp-hero-market-card-right{
        animation:none !important;
    }
}
/* =========================================================
   PRICING SECTION — BLUE + PURPLE COLOR BALANCE
   Start your trading journey
   ========================================================= */

html body.public-body .pricing-v13-section,
html body.public-body .pricing-showcase-v13,
html body.public-body .pricing-v13-showcase{
    position:relative !important;

    background:
        radial-gradient(
            circle at 15% 35%,
            rgba(0,165,255,.075),
            transparent 34%
        ),
        radial-gradient(
            circle at 85% 40%,
            rgba(132,65,255,.085),
            transparent 35%
        ),
        transparent !important;
}


/* Main pricing heading: blue + purple */
html body.public-body .pricing-v13-heading h2,
html body.public-body .pricing-v13-section .section-heading h2,
html body.public-body .pricing-showcase-v13 .section-heading h2{
    color:transparent !important;

    background:
        linear-gradient(
            90deg,
            #f7f9ff 0%,
            #f7f9ff 33%,
            #35baff 59%,
            #7162ff 78%,
            #a35cff 100%
        ) !important;

    -webkit-background-clip:text !important;
    background-clip:text !important;

    filter:
        drop-shadow(0 8px 20px rgba(54,121,255,.10)) !important;
}


/* Pricing cards common dark background */
html body.public-body .pricing-v13-card{
    background:
        linear-gradient(
            145deg,
            rgba(10,25,48,.94),
            rgba(5,11,25,.98)
        ) !important;

    border-color:rgba(47,157,255,.25) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.05),
        0 18px 45px rgba(0,0,0,.25),
        0 0 22px rgba(24,137,255,.045) !important;
}


/* Second card gets purple shade */
html body.public-body
.pricing-v13-grid
> .pricing-v13-card:nth-child(2){
    background:
        radial-gradient(
            circle at 80% 10%,
            rgba(136,67,255,.16),
            transparent 45%
        ),
        linear-gradient(
            145deg,
            rgba(21,24,65,.96),
            rgba(7,11,29,.98)
        ) !important;

    border-color:rgba(136,82,255,.40) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.06),
        0 18px 45px rgba(0,0,0,.27),
        0 0 28px rgba(119,67,255,.09) !important;
}


/* Featured / Elite card gets blue-purple mix */
html body.public-body
.pricing-v13-card.is-featured,
html body.public-body
.pricing-v13-grid
> .pricing-v13-card:nth-child(3){
    background:
        radial-gradient(
            circle at 20% 5%,
            rgba(24,192,255,.18),
            transparent 42%
        ),
        radial-gradient(
            circle at 90% 15%,
            rgba(139,70,255,.20),
            transparent 45%
        ),
        linear-gradient(
            145deg,
            rgba(17,35,78,.97),
            rgba(15,15,49,.98)
        ) !important;

    border-color:rgba(103,107,255,.55) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.09),
        0 22px 52px rgba(0,0,0,.30),
        -8px 0 28px rgba(25,180,255,.075),
        8px 0 30px rgba(132,65,255,.10) !important;
}


/* Fourth card gets cyan with subtle purple */
html body.public-body
.pricing-v13-grid
> .pricing-v13-card:nth-child(4){
    background:
        radial-gradient(
            circle at 80% 12%,
            rgba(111,70,255,.12),
            transparent 43%
        ),
        linear-gradient(
            145deg,
            rgba(8,39,54,.95),
            rgba(5,14,27,.98)
        ) !important;

    border-color:rgba(42,220,221,.30) !important;
}


/* Purple shade on plan icons */
html body.public-body
.pricing-v13-grid
> .pricing-v13-card:nth-child(2)
.pricing-v13-icon,
html body.public-body
.pricing-v13-grid
> .pricing-v13-card:nth-child(3)
.pricing-v13-icon{
    color:#9d63ff !important;

    border-color:rgba(150,88,255,.48) !important;

    background:
        linear-gradient(
            145deg,
            rgba(130,62,255,.22),
            rgba(15,19,51,.85)
        ) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.08),
        0 0 20px rgba(134,65,255,.18) !important;
}


/* Pricing button gets blue-purple gradient */
html body.public-body .pricing-v13-card .button,
html body.public-body .pricing-v13-card a.button{
    background:
        linear-gradient(
            105deg,
            #17bde8 0%,
            #327cff 52%,
            #8650f5 100%
        ) !important;

    border-color:rgba(133,188,255,.45) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.20),
        0 8px 23px rgba(53,114,255,.16),
        0 0 17px rgba(124,67,255,.09) !important;
}
/* =========================================================
   NUMBERS THAT BUILD CONVICTION — STATISTICS V2
   ========================================================= */

html body.public-body .mp-stats-v2{
    position:relative !important;
    isolation:isolate !important;

    min-height:710px !important;

    padding:
        76px
        30px
        145px !important;

    overflow:hidden !important;

    background:
        radial-gradient(
            circle at 50% 30%,
            rgba(15,82,181,.105),
            transparent 46%
        ),
        linear-gradient(
            180deg,
            #040813 0%,
            #040914 62%,
            #030711 100%
        ) !important;
}


/* Background glow */
.mp-stats-v2-glow{
    position:absolute;
    z-index:-3;

    top:30px;
    left:50%;

    width:1000px;
    height:530px;

    transform:translateX(-50%);

    border-radius:50%;

    background:
        radial-gradient(
            ellipse,
            rgba(20,113,244,.12) 0%,
            rgba(56,49,188,.05) 42%,
            transparent 72%
        );

    filter:blur(40px);
    pointer-events:none;
}


/* Inner container */
.mp-stats-v2-inner{
    position:relative;
    z-index:3;

    width:min(100%,1450px);

    margin:0 auto;
}


/* =========================================================
   HEADING
   ========================================================= */

.mp-stats-v2-heading{
    max-width:980px;

    margin:
        0
        auto
        55px;

    text-align:center;
}


.mp-stats-v2-badge{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    gap:11px;

    min-height:40px;

    padding:
        8px
        24px;

    color:#2ee5ff;

    border:1px solid rgba(49,112,255,.55);
    border-radius:999px;

    background:
        linear-gradient(
            90deg,
            rgba(5,31,59,.70),
            rgba(18,14,61,.55)
        );

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.05),
        0 9px 25px rgba(0,0,0,.18);

    font-size:14px;
    font-weight:500;
}


.mp-stats-v2-badge i{
    width:9px;
    height:9px;

    border-radius:50%;

    background:#12dcff;

    box-shadow:
        0 0 7px #12dcff,
        0 0 16px rgba(18,220,255,.65);
}


.mp-stats-v2-heading h2{
    margin:
        25px
        auto
        17px !important;

    color:#f6f8fd;

    font-size:clamp(49px,4.4vw,68px) !important;
    font-weight:600 !important;
    line-height:1.03 !important;
    letter-spacing:-.047em !important;
}


.mp-stats-v2-heading h2 span{
    color:transparent;

    background:
        linear-gradient(
            90deg,
            #6e64ff 0%,
            #337dff 48%,
            #18c9ef 100%
        );

    -webkit-background-clip:text;
    background-clip:text;
}


.mp-stats-v2-heading p{
    margin:0;

    color:#a8b5ca;

    font-size:17px;
    font-weight:400;
    line-height:1.6;
}


/* =========================================================
   STATISTICS GRID
   ========================================================= */

.mp-stats-v2-grid{
    display:grid;

    grid-template-columns:
        repeat(7,minmax(0,1fr));

    gap:18px;

    width:100%;
}


/* Each card */
.mp-stat-v2-card{
    --stat-rgb:47,157,255;

    position:relative;

    display:flex;

    min-width:0;
    min-height:245px;

    flex-direction:column;
    align-items:center;
    justify-content:center;

    gap:15px;

    padding:
        25px
        14px;

    overflow:hidden;

    border:1px solid rgba(var(--stat-rgb),.35);
    border-radius:19px;

    background:
        radial-gradient(
            circle at 50% 10%,
            rgba(var(--stat-rgb),.075),
            transparent 42%
        ),
        linear-gradient(
            160deg,
            rgba(8,20,39,.94),
            rgba(4,11,24,.98)
        );

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.045),
        0 18px 44px rgba(0,0,0,.27),
        0 0 24px rgba(var(--stat-rgb),.045);

    text-align:center;

    transition:
        transform .25s ease,
        border-color .25s ease,
        box-shadow .25s ease;
}


.mp-stat-v2-card:hover{
    transform:translateY(-5px);

    border-color:rgba(var(--stat-rgb),.58);

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.06),
        0 22px 50px rgba(0,0,0,.32),
        0 0 30px rgba(var(--stat-rgb),.10);
}


.mp-stat-v2-card::after{
    content:"";

    position:absolute;

    width:130px;
    height:130px;

    left:50%;
    bottom:-90px;

    transform:translateX(-50%);

    border-radius:50%;

    background:rgba(var(--stat-rgb),.15);

    filter:blur(45px);

    pointer-events:none;
}


/* Card colors */
.mp-stat-v2-blue{
    --stat-rgb:55,132,255;
}

.mp-stat-v2-cyan{
    --stat-rgb:18,205,242;
}

.mp-stat-v2-green{
    --stat-rgb:34,220,139;
}

.mp-stat-v2-purple{
    --stat-rgb:133,76,255;
}

.mp-stat-v2-electric{
    --stat-rgb:25,168,255;
}


/* Icon circle */
.mp-stat-v2-icon{
    display:grid;

    width:72px;
    height:72px;

    place-items:center;

    color:rgb(var(--stat-rgb));

    border:1px solid rgba(var(--stat-rgb),.42);
    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(var(--stat-rgb),.15),
            rgba(4,17,35,.82)
        );

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.055),
        0 0 22px rgba(var(--stat-rgb),.12);
}


.mp-stat-v2-icon svg{
    width:38px;
    height:38px;

    fill:none;
    stroke:currentColor;

    stroke-width:1.7;
    stroke-linecap:round;
    stroke-linejoin:round;

    filter:
        drop-shadow(
            0 0 7px rgba(var(--stat-rgb),.55)
        );
}


/* Number */
.mp-stat-v2-card strong{
    display:block;

    color:rgb(var(--stat-rgb));

    font-size:clamp(33px,2.55vw,48px);
    font-weight:600;
    line-height:1;

    letter-spacing:-.04em;

    white-space:nowrap;

    text-shadow:
        0 0 16px rgba(var(--stat-rgb),.20);
}


/* Card label */
.mp-stat-v2-card p{
    margin:0;

    color:#a7b4c9;

    font-size:14px;
    font-weight:400;
    line-height:1.4;
}


/* First number slightly white like screenshot */
.mp-stat-v2-card:first-child strong{
    color:#f3f7fd;

    text-shadow:
        0 0 15px rgba(78,173,255,.20);
}


/* =========================================================
   BOTTOM SVG WAVES
   ========================================================= */

.mp-stats-v2-waves{
    position:absolute;
    z-index:0;

    left:0;
    right:0;
    bottom:-4px;

    width:100%;
    height:245px;

    pointer-events:none;

    opacity:.78;
}


.mp-stats-v2-waves svg{
    display:block;

    width:100%;
    height:100%;

    overflow:visible;
}


.mp-stats-v2-waves path{
    fill:none;

    stroke-width:1.4;
    stroke-linecap:round;
}


.mp-stats-wave-main{
    stroke:url("#mpStatsWaveGradient");

    filter:url("#mpStatsWaveGlow");
}


.mp-stats-wave-secondary{
    stroke:#3844ff;
    opacity:.60;
}


.mp-stats-wave-third{
    stroke:#743cff;
    opacity:.45;
}


.mp-stats-wave-fourth{
    stroke:#165bff;
    opacity:.30;
}


/* =========================================================
   TABLET
   ========================================================= */

@media(max-width:1200px){

    html body.public-body .mp-stats-v2{
        min-height:auto !important;

        padding:
            68px
            24px
            135px !important;
    }

    .mp-stats-v2-inner{
        width:min(100%,950px);
    }

    .mp-stats-v2-grid{
        grid-template-columns:
            repeat(4,minmax(0,1fr));
    }

    .mp-stat-v2-card{
        min-height:215px;
    }

    .mp-stats-v2-grid
    .mp-stat-v2-card:nth-child(n+5){
        grid-column:span 1;
    }
}


/* =========================================================
   SMALL TABLET
   ========================================================= */

@media(max-width:850px){

    .mp-stats-v2-grid{
        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }

    .mp-stats-v2-heading{
        margin-bottom:38px;
    }

    .mp-stat-v2-card{
        min-height:200px;
    }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:520px){

    html body.public-body .mp-stats-v2{
        padding:
            48px
            13px
            105px !important;
    }

    .mp-stats-v2-heading{
        margin-bottom:30px;
    }

    .mp-stats-v2-badge{
        min-height:34px;

        padding:
            6px
            14px;

        font-size:11px;
    }

    .mp-stats-v2-heading h2{
        margin:
            20px
            auto
            14px !important;

        font-size:clamp(36px,10vw,47px) !important;
        line-height:1.05 !important;
    }

    .mp-stats-v2-heading p{
        font-size:13px;
        line-height:1.55;
    }

    .mp-stats-v2-grid{
        grid-template-columns:1fr;

        gap:11px;

        max-width:370px;

        margin:0 auto;
    }

    .mp-stat-v2-card{
        min-height:140px;

        display:grid;

        grid-template-columns:
            62px
            minmax(0,1fr);

        grid-template-rows:auto auto;

        gap:
            5px
            15px;

        align-items:center;

        padding:
            16px
            18px;

        text-align:left;
    }

    .mp-stat-v2-icon{
        grid-row:1 / 3;

        width:58px;
        height:58px;
    }

    .mp-stat-v2-icon svg{
        width:31px;
        height:31px;
    }

    .mp-stat-v2-card strong{
        align-self:end;

        font-size:31px;
    }

    .mp-stat-v2-card p{
        align-self:start;

        font-size:13px;
    }

    .mp-stats-v2-waves{
        height:150px;
        opacity:.52;
    }
}
/* =========================================================
   COMPACT NUMBERS SECTION
   No waves/image — only subtle blue background shade
   ========================================================= */

/* Main section */
html body.public-body .mp-stats-v2{
    min-height:0 !important;

    padding:
        48px
        24px
        58px !important;

    background:
        radial-gradient(
            ellipse at 50% 38%,
            rgba(22, 102, 215, .10) 0%,
            rgba(15, 67, 155, .045) 38%,
            transparent 68%
        ),
        linear-gradient(
            180deg,
            #050914 0%,
            #040812 100%
        ) !important;

    background-image:
        radial-gradient(
            ellipse at 50% 38%,
            rgba(22, 102, 215, .10) 0%,
            rgba(15, 67, 155, .045) 38%,
            transparent 68%
        ),
        linear-gradient(
            180deg,
            #050914 0%,
            #040812 100%
        ) !important;
}


/* Remove background waves/picture completely */
html body.public-body .mp-stats-v2-waves{
    display:none !important;
    visibility:hidden !important;
    opacity:0 !important;
    background:none !important;
    background-image:none !important;
}


/* Remove old large glow */
html body.public-body .mp-stats-v2-glow{
    display:none !important;
}


/* Remove possible section overlays */
html body.public-body .mp-stats-v2::before,
html body.public-body .mp-stats-v2::after{
    content:none !important;
    display:none !important;
    background:none !important;
    background-image:none !important;
}


/* Smaller content width */
html body.public-body .mp-stats-v2-inner{
    width:min(100%,1280px) !important;
}


/* Compact heading area */
html body.public-body .mp-stats-v2-heading{
    max-width:820px !important;
    margin:0 auto 32px !important;
}


/* Smaller top badge */
html body.public-body .mp-stats-v2-badge{
    min-height:32px !important;

    padding:
        5px
        16px !important;

    gap:8px !important;

    font-size:12px !important;
}

html body.public-body .mp-stats-v2-badge i{
    width:7px !important;
    height:7px !important;
}


/* Smaller heading */
html body.public-body .mp-stats-v2-heading h2{
    margin:
        17px
        auto
        11px !important;

    font-size:clamp(38px,3.5vw,54px) !important;
    line-height:1.04 !important;
    letter-spacing:-.043em !important;
}


/* Smaller description */
html body.public-body .mp-stats-v2-heading p{
    font-size:15px !important;
    line-height:1.5 !important;
}


/* Statistics grid */
html body.public-body .mp-stats-v2-grid{
    gap:12px !important;
}


/* Smaller cards */
html body.public-body .mp-stat-v2-card{
    min-height:175px !important;

    gap:10px !important;

    padding:
        18px
        10px !important;

    border-radius:16px !important;

    background:
        radial-gradient(
            circle at 50% 5%,
            rgba(var(--stat-rgb), .055),
            transparent 40%
        ),
        linear-gradient(
            155deg,
            rgba(8, 20, 38, .94),
            rgba(4, 11, 23, .98)
        ) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.04),
        0 12px 30px rgba(0,0,0,.22) !important;
}


/* Remove large glow inside cards */
html body.public-body .mp-stat-v2-card::after{
    display:none !important;
}


/* Smaller icon circles */
html body.public-body .mp-stat-v2-icon{
    width:55px !important;
    height:55px !important;
}

html body.public-body .mp-stat-v2-icon svg{
    width:29px !important;
    height:29px !important;
}


/* Smaller statistics numbers */
html body.public-body .mp-stat-v2-card strong{
    font-size:clamp(27px,2vw,37px) !important;
}


/* Smaller labels */
html body.public-body .mp-stat-v2-card p{
    font-size:12px !important;
    line-height:1.35 !important;
}


/* Compact hover */
html body.public-body .mp-stat-v2-card:hover{
    transform:translateY(-3px) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.05),
        0 15px 34px rgba(0,0,0,.27),
        0 0 18px rgba(var(--stat-rgb),.06) !important;
}


/* Tablet */
@media(max-width:1200px){

    html body.public-body .mp-stats-v2{
        padding:
            42px
            20px
            52px !important;
    }

    html body.public-body .mp-stats-v2-inner{
        width:min(100%,900px) !important;
    }

    html body.public-body .mp-stat-v2-card{
        min-height:165px !important;
    }
}


/* Mobile */
@media(max-width:520px){

    html body.public-body .mp-stats-v2{
        padding:
            34px
            12px
            42px !important;
    }

    html body.public-body .mp-stats-v2-heading{
        margin-bottom:24px !important;
    }

    html body.public-body .mp-stats-v2-heading h2{
        font-size:clamp(31px,9vw,40px) !important;
    }

    html body.public-body .mp-stats-v2-heading p{
        font-size:13px !important;
    }

    html body.public-body .mp-stat-v2-card{
        min-height:105px !important;

        grid-template-columns:
            48px
            minmax(0,1fr) !important;

        padding:
            12px
            14px !important;
    }

    html body.public-body .mp-stat-v2-icon{
        width:46px !important;
        height:46px !important;
    }

    html body.public-body .mp-stat-v2-icon svg{
        width:25px !important;
        height:25px !important;
    }

    html body.public-body .mp-stat-v2-card strong{
        font-size:26px !important;
    }
}
/* =========================================================
   NUMBERS SECTION — PURE BLACK, NO LINES OR BLUE BACKGROUND
   ========================================================= */

html body.public-body .mp-stats-v2{
    position:relative !important;

    min-height:0 !important;

    padding:
        42px
        24px
        52px !important;

    background:#040813 !important;
    background-color:#040813 !important;
    background-image:none !important;

    border:0 !important;
    border-top:0 !important;
    border-right:0 !important;
    border-bottom:0 !important;
    border-left:0 !important;

    outline:0 !important;
    box-shadow:none !important;
}


/* Section ki har decorative line remove */
html body.public-body .mp-stats-v2::before,
html body.public-body .mp-stats-v2::after{
    content:none !important;
    display:none !important;

    background:none !important;
    background-image:none !important;

    border:0 !important;
    box-shadow:none !important;
}


/* Old blue glow and SVG waves remove */
html body.public-body .mp-stats-v2-glow,
html body.public-body .mp-stats-v2-waves{
    display:none !important;
    visibility:hidden !important;
    opacity:0 !important;
}


/* Inner container se bhi line remove */
html body.public-body .mp-stats-v2-inner,
html body.public-body .mp-stats-v2-heading,
html body.public-body .mp-stats-v2-grid{
    background:transparent !important;
    background-image:none !important;

    border:0 !important;
    outline:0 !important;
    box-shadow:none !important;
}


/* Previous hero ke bottom par jo dividing line aa rahi ho */
html body.public-body .mp-hero-v2{
    border-bottom:0 !important;
    box-shadow:none !important;
}

html body.public-body .mp-hero-v2::after{
    content:none !important;
    display:none !important;
}


/* Numbers section se pehle kisi generic divider ko remove karo */
html body.public-body .mp-hero-v2 + .mp-stats-v2{
    border-top:0 !important;
    box-shadow:none !important;
}


/* Mobile */
@media(max-width:520px){

    html body.public-body .mp-stats-v2{
        padding:
            32px
            12px
            40px !important;

        background:#040813 !important;
        background-image:none !important;

        border:0 !important;
        box-shadow:none !important;
    }
}
/* =========================================================
   EMERGENCY VISIBILITY + MOBILE LAYOUT RECOVERY V20
   Restores all missing sections on desktop and mobile
   ========================================================= */


/* ---------------------------------------------------------
   RESTORE EVERY SECTION
   --------------------------------------------------------- */

html,
body,
body.public-body,
.public-body main,
.public-body section{
    visibility:visible !important;
}

.public-body section,
.oversight-showcase-v2,
.ai-workflow-showcase,
.aurora-showcase,
.platform-features-showcase,
.signal-showcase,
.performance-showcase,
.trading-cycle-showcase,
.community-performance-showcase,
.pricing-v13-section,
.mp-stats-v2{
    content-visibility:visible !important;
    contain:none !important;
    contain-intrinsic-size:0 0 !important;

    opacity:1 !important;
    visibility:visible !important;

    transform:none !important;
}


/* Restore anything hidden by previous reveal code */
html.js .scroll-reveal,
html.js .scroll-reveal.reveal-left,
html.js .scroll-reveal.reveal-right,
html.js .scroll-reveal.reveal-scale,
html.js .scroll-reveal.is-in-view,
.reveal,
.reveal.visible{
    opacity:1 !important;
    visibility:visible !important;

    filter:none !important;
    transform:none !important;

    will-change:auto !important;
}


/* Remove accidental huge empty spaces */
.public-body section{
    min-height:0 !important;
}

.oversight-showcase-v2,
.ai-workflow-showcase,
.aurora-showcase,
.platform-features-showcase,
.signal-showcase,
.performance-showcase,
.trading-cycle-showcase,
.community-performance-showcase,
.mp-stats-v2{
    height:auto !important;
}


/* Prevent all cards from clipping */
.oversight-v2-shell,
.oversight-v2-flow,
.oversight-v2-step,
.ai-workflow-inner,
.ai-flow-timeline,
.ai-flow-row,
.ai-flow-card,
.ai-flow-card-copy,
.aurora-showcase-inner,
.platform-features-inner,
.signal-showcase-inner,
.performance-inner,
.trading-cycle-inner,
.community-performance-inner,
.pricing-v13-inner,
.mp-stats-v2-inner{
    min-width:0 !important;
    max-width:100% !important;

    visibility:visible !important;
}




/* =========================================================
   MOBILE FIX
   ========================================================= */

@media(max-width:760px){

    html,
    body,
    body.public-body{
        width:100% !important;
        max-width:100% !important;

        overflow-x:hidden !important;
    }


    /* Sections must not create giant blank areas */
    .oversight-showcase-v2,
    .ai-workflow-showcase,
    .aurora-showcase,
    .platform-features-showcase,
    .signal-showcase,
    .performance-showcase,
    .trading-cycle-showcase,
    .community-performance-showcase,
    .pricing-v13-section,
    .mp-stats-v2{
        min-height:0 !important;
        height:auto !important;

        padding-top:38px !important;
        padding-bottom:44px !important;

        content-visibility:visible !important;
        contain:none !important;
    }


    /* -----------------------------------------------------
       CLEAN BREAK — TWO CARDS PER ROW
       ----------------------------------------------------- */

    .oversight-v2-shell{
        width:calc(100% - 20px) !important;

        margin-inline:auto !important;
        padding:22px 14px !important;

        grid-template-columns:1fr !important;
        gap:22px !important;
    }

    .oversight-v2-flow{
        display:grid !important;

        grid-template-columns:
            repeat(2,minmax(0,1fr)) !important;

        gap:9px !important;

        width:100% !important;
    }

    .oversight-v2-step{
        display:grid !important;

        grid-template-columns:
            40px
            minmax(0,1fr) !important;

        min-width:0 !important;
        min-height:112px !important;

        gap:8px !important;

        padding:11px 8px !important;

        overflow:hidden !important;
        border-radius:16px !important;
    }

    .oversight-v2-icon{
        width:39px !important;
        height:39px !important;
    }

    .oversight-v2-icon svg{
        width:21px !important;
        height:21px !important;
    }

    .oversight-v2-step-copy{
        min-width:0 !important;

        padding:
            8px
            10px
            0
            0 !important;
    }

    .oversight-v2-step-copy strong{
        font-size:12px !important;
        line-height:1.16 !important;

        white-space:normal !important;
        word-break:normal !important;
        overflow-wrap:break-word !important;
    }

    .oversight-v2-step-copy small{
        font-size:8px !important;
        line-height:1.35 !important;

        white-space:normal !important;
        overflow-wrap:break-word !important;
    }

    .oversight-v2-number{
        top:6px !important;
        right:6px !important;

        min-width:25px !important;
        height:20px !important;

        font-size:8px !important;
    }


    /* -----------------------------------------------------
       AI WORKFLOW — STABLE TWO-COLUMN GRID
       No display:contents and no missing odd cards
       ----------------------------------------------------- */

    .ai-workflow-inner{
        width:calc(100% - 20px) !important;
        margin-inline:auto !important;
    }

    .ai-flow-timeline{
        position:relative !important;

        display:grid !important;

        grid-template-columns:
            repeat(2,minmax(0,1fr)) !important;

        gap:10px !important;

        width:100% !important;
        max-width:100% !important;

        overflow:visible !important;
    }

    .ai-flow-timeline::before{
        content:none !important;
        display:none !important;
    }

    .ai-flow-row{
        position:relative !important;

        display:block !important;

        width:100% !important;
        min-width:0 !important;

        margin:0 !important;

        opacity:1 !important;
        visibility:visible !important;

        transform:none !important;
    }

    .ai-flow-row:nth-child(n){
        grid-column:auto !important;
        grid-row:auto !important;
    }

    .ai-flow-card,
    .ai-flow-left .ai-flow-card,
    .ai-flow-right .ai-flow-card{
        display:grid !important;

        grid-template-columns:
            38px
            minmax(0,1fr) !important;

        width:100% !important;
        max-width:100% !important;

        min-width:0 !important;
        min-height:125px !important;

        gap:8px !important;

        padding:12px 9px !important;

        overflow:hidden !important;

        border-radius:16px !important;

        opacity:1;
        visibility:visible;

        transform:none;
    }

    .ai-flow-card::after{
        content:none !important;
        display:none !important;
    }

    .ai-flow-icon{
        width:37px !important;
        height:37px !important;
    }

    .ai-flow-icon svg{
        width:21px !important;
        height:21px !important;
    }

    .ai-flow-card-copy{
        min-width:0 !important;
        max-width:100% !important;

        overflow:visible !important;
    }

    .ai-flow-card-copy small{
        display:block !important;

        margin-bottom:3px !important;

        font-size:8px !important;
        line-height:1.2 !important;
    }

    .ai-flow-card-copy strong{
        display:block !important;

        max-width:100% !important;

        margin-bottom:4px !important;

        font-size:12px !important;
        line-height:1.18 !important;

        white-space:normal !important;
        word-break:normal !important;
        overflow-wrap:break-word !important;
    }

    .ai-flow-card-copy p{
        max-width:100% !important;

        font-size:8px !important;
        line-height:1.38 !important;

        white-space:normal !important;
        word-break:normal !important;
        overflow-wrap:break-word !important;
    }


    /* Small animated point on every workflow card */
    .ai-flow-node{
        position:absolute !important;
        z-index:5 !important;

        top:8px !important;
        right:8px !important;
        left:auto !important;

        display:grid !important;

        width:15px !important;
        height:15px !important;

        place-items:center !important;

        opacity:1 !important;
        visibility:visible !important;

        transform:none !important;

        border:1px solid rgba(49,206,255,.55) !important;
        border-radius:50% !important;

        background:#08152b !important;

        box-shadow:
            0 0 9px rgba(49,206,255,.25) !important;
    }

    .ai-flow-node i{
        display:block !important;

        width:5px !important;
        height:5px !important;

        border-radius:50% !important;

        background:#27ddff !important;

        box-shadow:
            0 0 6px rgba(39,221,255,.80) !important;
    }


    /* -----------------------------------------------------
       CYCLE PRINCIPLES — TWO PER ROW
       ----------------------------------------------------- */

    .trading-cycle-principles{
        display:grid !important;

        grid-template-columns:
            repeat(2,minmax(0,1fr)) !important;

        gap:9px !important;
    }

    .cycle-principle-card{
        display:flex !important;

        min-width:0 !important;
        min-height:135px !important;

        flex-direction:column !important;
        align-items:flex-start !important;

        gap:8px !important;

        padding:12px 10px !important;

        overflow:hidden !important;
    }

    .cycle-principle-card:last-child:nth-child(odd){
        grid-column:1 / -1 !important;
    }

    .cycle-principle-copy{
        min-width:0 !important;
    }

    .cycle-principle-copy strong{
        font-size:12px !important;
        line-height:1.22 !important;

        white-space:normal !important;
        word-break:normal !important;
        overflow-wrap:break-word !important;
    }

    .cycle-principle-copy p{
        font-size:8px !important;
        line-height:1.4 !important;

        white-space:normal !important;
        overflow-wrap:break-word !important;
    }


    /* -----------------------------------------------------
       OTHER MOBILE GRIDS
       ----------------------------------------------------- */

    .modes-grid,
    .platform-features-grid,
    .performance-metrics,
    .pricing-v13-grid{
        display:grid !important;

        grid-template-columns:
            repeat(2,minmax(0,1fr)) !important;

        gap:9px !important;
    }


    /* -----------------------------------------------------
       NUMBERS SECTION — TWO CARDS PER ROW
       ----------------------------------------------------- */

    .mp-stats-v2-grid{
        display:grid !important;

        grid-template-columns:
            repeat(2,minmax(0,1fr)) !important;

        gap:9px !important;

        max-width:100% !important;
    }

    .mp-stat-v2-card{
        display:flex !important;

        min-width:0 !important;
        min-height:140px !important;

        flex-direction:column !important;
        justify-content:center !important;
        align-items:center !important;

        padding:13px 8px !important;

        text-align:center !important;
    }

    .mp-stat-v2-card:last-child:nth-child(odd){
        grid-column:1 / -1 !important;
    }

    .mp-stat-v2-icon{
        width:45px !important;
        height:45px !important;
    }

    .mp-stat-v2-card strong{
        font-size:25px !important;
    }

    .mp-stat-v2-card p{
        font-size:10px !important;
    }


    /* -----------------------------------------------------
       COMPARE FEATURES
       Compact but readable horizontal table
       ----------------------------------------------------- */

    .pricing-v13-comparison{
        width:calc(100% - 16px) !important;
        max-width:calc(100% - 16px) !important;

        margin:
            20px
            auto
            0 !important;

        overflow:hidden !important;

        border-radius:16px !important;
    }

    .pricing-v13-table-scroll{
        width:100% !important;

        overflow-x:auto !important;
        overflow-y:hidden !important;

        overscroll-behavior-inline:contain;
        -webkit-overflow-scrolling:touch;
    }

    .pricing-v13-feature-table{
        width:680px !important;
        min-width:680px !important;

        table-layout:fixed !important;
    }

    .pricing-v13-feature-table th,
    .pricing-v13-feature-table td{
        padding:
            7px
            5px !important;

        font-size:9px !important;
        line-height:1.2 !important;
    }

    .pricing-v13-feature-table tr > *:first-child{
        width:150px !important;
    }

    .pricing-v13-feature-table thead th{
        height:72px !important;
    }

    .pricing-v13-plan-icon{
        width:25px !important;
        height:25px !important;
    }

    .pricing-v13-plan-icon svg{
        width:22px !important;
        height:22px !important;
    }

    .pricing-v13-plan-heading strong{
        font-size:9px !important;
    }

    .pricing-v13-row-icon{
        width:25px !important;
        height:25px !important;
    }

    .pricing-v13-row-icon svg{
        width:15px !important;
        height:15px !important;
    }

    .pricing-v13-feature-name strong{
        font-size:9px !important;
    }

    .pricing-v13-check{
        font-size:16px !important;
    }
}


/* Extra-small phones */
@media(max-width:390px){

    .oversight-v2-step{
        grid-template-columns:
            34px
            minmax(0,1fr) !important;
    }

    .ai-flow-card{
        grid-template-columns:
            33px
            minmax(0,1fr) !important;

        min-height:117px !important;

        padding:10px 7px !important;
    }

    .ai-flow-icon{
        width:32px !important;
        height:32px !important;
    }

    .ai-flow-card-copy strong{
        font-size:10px !important;
    }

    .ai-flow-card-copy p{
        font-size:7px !important;
    }
}


/* Reduced motion remains fully visible */
@media(prefers-reduced-motion:reduce){

    html.js .safe-reveal{
        opacity:1 !important;
        transform:none !important;
        transition:none !important;
    }
}
/* =========================================================
   FINAL MOBILE FIT + COMPARE TABLE FIX V20.1
   ========================================================= */

@media(max-width:760px){

    html,
    body,
    body.public-body{
        width:100% !important;
        max-width:100% !important;
        overflow-x:hidden !important;
    }


    /* =====================================================
       LARGE CONTENT CARDS — ONE FULL ROW
       ===================================================== */

    .modes-grid,
    .platform-features-grid,
    .oversight-v2-flow,
    .aurora-showcase-layout,
    .aurora-showcase-grid,
    .trading-cycle-principles{
        display:grid !important;
        grid-template-columns:1fr !important;

        width:100% !important;
        max-width:100% !important;

        gap:11px !important;
    }


    .mode-card,
    .platform-feature-card,
    .oversight-v2-step,
    .cycle-principle-card{
        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;

        height:auto !important;
        min-height:110px !important;

        overflow:hidden !important;
    }


    /* Aurora Partner aur doosre feature cards */

    .platform-feature-card{
        display:grid !important;

        grid-template-columns:
            52px
            minmax(0,1fr) !important;

        gap:13px !important;

        padding:16px !important;
    }


    .platform-feature-card h3,
    .platform-feature-card strong{
        font-size:17px !important;
        line-height:1.2 !important;

        white-space:normal !important;
        word-break:normal !important;
        overflow-wrap:break-word !important;
    }


    .platform-feature-card p{
        font-size:12px !important;
        line-height:1.5 !important;

        white-space:normal !important;
        word-break:normal !important;
        overflow-wrap:break-word !important;
    }


    /* =====================================================
       CLEAN BREAK CARDS
       ===================================================== */

    .oversight-v2-shell{
        width:calc(100% - 20px) !important;
        max-width:calc(100% - 20px) !important;

        margin-inline:auto !important;

        padding:22px 14px !important;
        gap:22px !important;

        grid-template-columns:1fr !important;
    }


    .oversight-v2-step{
        display:grid !important;

        grid-template-columns:
            52px
            minmax(0,1fr) !important;

        align-items:center !important;

        gap:12px !important;

        min-height:100px !important;

        padding:14px !important;

        border-radius:17px !important;
    }


    .oversight-v2-icon{
        width:50px !important;
        height:50px !important;
    }


    .oversight-v2-icon svg{
        width:27px !important;
        height:27px !important;
    }


    .oversight-v2-step-copy{
        min-width:0 !important;

        padding:
            7px
            25px
            0
            0 !important;
    }


    .oversight-v2-step-copy strong{
        font-size:16px !important;
        line-height:1.2 !important;

        white-space:normal !important;
        word-break:normal !important;
        overflow-wrap:break-word !important;
    }


    .oversight-v2-step-copy small{
        font-size:11px !important;
        line-height:1.4 !important;

        white-space:normal !important;
        overflow-wrap:break-word !important;
    }


    /* =====================================================
       FROM A QUESTION TO A CLOSED TRADE
       Full-width cards with desktop-style points
       ===================================================== */

    .ai-workflow-inner{
        width:calc(100% - 20px) !important;
        max-width:calc(100% - 20px) !important;

        margin-inline:auto !important;
    }


    .ai-flow-timeline{
        position:relative !important;

        display:grid !important;
        grid-template-columns:1fr !important;

        gap:12px !important;

        width:100% !important;
        max-width:100% !important;

        padding-left:25px !important;

        overflow:visible !important;
    }


    /* Vertical timeline */

    .ai-flow-timeline::before{
        content:"" !important;

        position:absolute !important;

        display:block !important;

        top:12px !important;
        bottom:12px !important;
        left:8px !important;

        width:1px !important;
        height:auto !important;

        background:
            linear-gradient(
                180deg,
                rgba(34,218,255,.12),
                rgba(34,218,255,.72),
                rgba(111,78,255,.70),
                rgba(159,74,255,.16)
            ) !important;

        box-shadow:
            0 0 9px rgba(52,150,255,.25) !important;
    }


    .ai-flow-row,
    .ai-flow-row:nth-child(n){
        position:relative !important;

        display:block !important;

        grid-column:auto !important;
        grid-row:auto !important;

        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;

        margin:0 !important;

        opacity:1 !important;
        visibility:visible !important;

        transform:none !important;
    }


    .ai-flow-card,
    .ai-flow-left .ai-flow-card,
    .ai-flow-right .ai-flow-card{
        display:grid !important;

        grid-template-columns:
            58px
            minmax(0,1fr) !important;

        align-items:center !important;

        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;

        height:auto !important;
        min-height:118px !important;

        gap:13px !important;

        padding:16px 14px !important;

        overflow:hidden !important;

        border-radius:18px !important;

        opacity:1 !important;
        visibility:visible !important;

        transform:none !important;
    }


    .ai-flow-card::after{
        content:none !important;
        display:none !important;
    }


    .ai-flow-icon{
        width:56px !important;
        height:56px !important;
    }


    .ai-flow-icon svg{
        width:30px !important;
        height:30px !important;
    }


    .ai-flow-card-copy{
        min-width:0 !important;
        max-width:100% !important;

        overflow:visible !important;
    }


    .ai-flow-card-copy small{
        display:block !important;

        margin-bottom:4px !important;

        font-size:10px !important;
        line-height:1.2 !important;
    }


    .ai-flow-card-copy strong{
        display:block !important;

        max-width:100% !important;

        margin-bottom:5px !important;

        font-size:17px !important;
        line-height:1.2 !important;

        white-space:normal !important;
        word-break:normal !important;
        overflow-wrap:break-word !important;
    }


    .ai-flow-card-copy p{
        max-width:100% !important;

        font-size:11px !important;
        line-height:1.45 !important;

        white-space:normal !important;
        word-break:normal !important;
        overflow-wrap:break-word !important;
    }


    /* Timeline point */

    .ai-flow-node{
        position:absolute !important;
        z-index:5 !important;

        display:grid !important;
        place-items:center !important;

        top:50% !important;
        left:-25px !important;
        right:auto !important;

        width:17px !important;
        height:17px !important;

        transform:translateY(-50%) !important;

        opacity:1 !important;
        visibility:visible !important;

        border:1px solid rgba(42,211,255,.72) !important;
        border-radius:50% !important;

        background:#071429 !important;

        box-shadow:
            0 0 10px rgba(42,211,255,.35) !important;
    }


    .ai-flow-node i{
        display:block !important;

        width:5px !important;
        height:5px !important;

        border-radius:50% !important;

        background:#27dcff !important;

        box-shadow:
            0 0 6px rgba(39,220,255,.85) !important;
    }


    /* =====================================================
       NUMBERS SECTION — TWO CARDS PER ROW
       ===================================================== */

    .mp-stats-v2-grid{
        display:grid !important;

        grid-template-columns:
            repeat(2,minmax(0,1fr)) !important;

        gap:10px !important;

        width:100% !important;
        max-width:100% !important;
    }


    .mp-stat-v2-card{
        display:flex !important;

        min-width:0 !important;
        min-height:150px !important;

        flex-direction:column !important;
        align-items:center !important;
        justify-content:center !important;

        gap:8px !important;

        padding:14px 7px !important;

        text-align:center !important;
    }


    .mp-stat-v2-card:last-child:nth-child(odd){
        grid-column:1 / -1 !important;
    }


    .mp-stat-v2-icon{
        width:48px !important;
        height:48px !important;
    }


    .mp-stat-v2-icon svg{
        width:26px !important;
        height:26px !important;
    }


    .mp-stat-v2-card strong{
        font-size:25px !important;
    }


    .mp-stat-v2-card p{
        font-size:10px !important;
        line-height:1.35 !important;
    }


    /* =====================================================
       COMPARE FEATURES — ALL PLANS IN ONE BOX
       NO HORIZONTAL SCROLL
       ===================================================== */

    .pricing-v13-comparison{
        width:calc(100% - 14px) !important;
        max-width:calc(100% - 14px) !important;

        margin:
            20px
            auto
            0 !important;

        overflow:hidden !important;

        border-radius:15px !important;
    }


    .pricing-v13-table-scroll{
        width:100% !important;
        max-width:100% !important;

        overflow:hidden !important;

        border-radius:14px !important;
    }


    .pricing-v13-feature-table{
        width:100% !important;
        min-width:0 !important;
        max-width:100% !important;

        table-layout:fixed !important;
        border-collapse:separate !important;
        border-spacing:0 !important;
    }


    .pricing-v13-feature-table tr > *:first-child{
        width:30% !important;
    }


    .pricing-v13-feature-table tr > *:nth-child(2),
    .pricing-v13-feature-table tr > *:nth-child(3),
    .pricing-v13-feature-table tr > *:nth-child(4),
    .pricing-v13-feature-table tr > *:nth-child(5){
        width:17.5% !important;
    }


    .pricing-v13-feature-table th,
    .pricing-v13-feature-table td{
        min-width:0 !important;

        padding:
            6px
            2px !important;

        font-size:clamp(6px,1.8vw,8px) !important;
        line-height:1.2 !important;

        text-align:center !important;

        white-space:normal !important;
        word-break:normal !important;
        overflow-wrap:break-word !important;
        hyphens:none !important;
    }


    .pricing-v13-feature-table thead th{
        height:56px !important;

        padding:
            6px
            1px !important;
    }


    /* Remove large plan icons on mobile */

    .pricing-v13-plan-icon,
    .pricing-v13-compare-icon,
    .pricing-v13-most-popular{
        display:none !important;
    }


    .pricing-v13-feature-heading{
        padding-left:4px !important;
    }


    .pricing-v13-feature-heading > strong{
        display:block !important;

        margin:0 !important;

        font-size:8px !important;
        line-height:1.15 !important;
    }


    .pricing-v13-plan-heading-inner{
        gap:0 !important;
    }


    .pricing-v13-plan-heading strong{
        display:block !important;

        font-size:7px !important;
        line-height:1.15 !important;

        white-space:normal !important;
        overflow-wrap:break-word !important;
    }


    .pricing-v13-feature-table tbody th:first-child{
        padding-left:4px !important;
        text-align:left !important;
    }


    .pricing-v13-row-icon{
        display:inline-grid !important;

        width:18px !important;
        height:18px !important;

        margin-right:2px !important;

        border-radius:5px !important;

        vertical-align:middle !important;
    }


    .pricing-v13-row-icon svg{
        width:11px !important;
        height:11px !important;
    }


    .pricing-v13-feature-name strong{
        display:inline-block !important;

        max-width:calc(100% - 24px) !important;

        margin-left:1px !important;

        font-size:7px !important;
        line-height:1.15 !important;

        vertical-align:middle !important;
    }


    .pricing-v13-feature-table tbody td{
        height:38px !important;

        font-size:7px !important;
    }


    .pricing-v13-check{
        font-size:15px !important;
        line-height:1 !important;
    }


    .pricing-v13-feature-table .is-featured{
        border-left-width:1px !important;
        border-right-width:1px !important;

        box-shadow:none !important;
    }


    .pricing-v13-feature-table thead th.is-featured{
        border-radius:8px 8px 0 0 !important;
    }


    .pricing-v13-feature-table
    tbody tr:last-child td.is-featured{
        border-radius:0 0 8px 8px !important;
    }
}


@media(max-width:380px){

    .pricing-v13-row-icon{
        display:none !important;
    }


    .pricing-v13-feature-name strong{
        max-width:100% !important;

        margin:0 !important;

        font-size:6px !important;
    }


    .pricing-v13-plan-heading strong,
    .pricing-v13-feature-table tbody td{
        font-size:6px !important;
    }
}

/* =========================================================
   FINAL PLATFORM FEATURES MOBILE CARD FIX V21.1
   Keeps icon, heading and description inside one compact row
   ========================================================= */
@media(max-width:760px){
    .platform-features-showcase{
        padding-left:12px !important;
        padding-right:12px !important;
    }

    .platform-features-inner{
        width:100% !important;
        max-width:100% !important;
        margin-inline:auto !important;
    }

    .platform-features-heading{
        width:100% !important;
        max-width:100% !important;
        margin-bottom:26px !important;
        padding-inline:4px !important;
    }

    .platform-features-heading h2{
        font-size:clamp(34px,10vw,46px) !important;
        line-height:1.05 !important;
        overflow-wrap:normal !important;
        word-break:normal !important;
    }

    .platform-features-heading p{
        font-size:13px !important;
        line-height:1.5 !important;
    }

    .platform-features-grid{
        display:grid !important;
        grid-template-columns:1fr !important;
        gap:10px !important;
        width:100% !important;
        max-width:100% !important;
    }

    .platform-feature-card{
        display:grid !important;
        grid-template-columns:52px minmax(0,1fr) !important;
        grid-template-rows:auto auto !important;
        grid-template-areas:
            "feature-icon feature-title"
            "feature-icon feature-copy" !important;
        align-items:center !important;
        column-gap:12px !important;
        row-gap:5px !important;
        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;
        min-height:112px !important;
        height:auto !important;
        padding:14px !important;
        overflow:hidden !important;
        border-radius:18px !important;
    }

    .platform-feature-shine{
        display:none !important;
    }

    .platform-feature-icon{
        grid-area:feature-icon !important;
        align-self:center !important;
        width:50px !important;
        height:50px !important;
        margin:0 !important;
        border-radius:14px !important;
    }

    .platform-feature-icon svg{
        width:28px !important;
        height:28px !important;
    }

    .platform-feature-card h3{
        grid-area:feature-title !important;
        align-self:end !important;
        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;
        margin:0 !important;
        padding:0 !important;
        font-size:17px !important;
        line-height:1.2 !important;
        white-space:normal !important;
        word-break:normal !important;
        overflow-wrap:break-word !important;
        hyphens:none !important;
    }

    .platform-feature-card p{
        grid-area:feature-copy !important;
        align-self:start !important;
        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;
        margin:0 !important;
        padding:0 !important;
        font-size:12px !important;
        line-height:1.42 !important;
        white-space:normal !important;
        word-break:normal !important;
        overflow-wrap:break-word !important;
        hyphens:none !important;
    }
}
/* =========================================================
   HIDE NUMBERS SECTION ON MOBILE ONLY
   ========================================================= */

@media (max-width: 760px){

    html body.public-body .mp-stats-v2{
        display:none !important;
    }

}
/* =========================================================
   PLATFORM FEATURES — 2 CARDS PER ROW ON MOBILE
   ========================================================= */

@media(max-width:760px){

    html body.public-body .platform-features-grid{
        display:grid !important;

        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;

        gap:10px !important;

        width:100% !important;
        max-width:100% !important;

        padding:0 !important;
        margin:0 !important;
    }


    html body.public-body .platform-feature-card{
        display:grid !important;

        grid-template-columns:42px minmax(0, 1fr) !important;
        grid-template-rows:auto auto !important;

        grid-template-areas:
            "feature-icon feature-title"
            "feature-copy feature-copy" !important;

        align-items:center !important;

        column-gap:8px !important;
        row-gap:9px !important;

        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;

        height:auto !important;
        min-height:155px !important;

        padding:12px 10px !important;

        overflow:hidden !important;

        border-radius:17px !important;
    }


    /* Icon */
    html body.public-body .platform-feature-icon{
        grid-area:feature-icon !important;

        width:40px !important;
        height:40px !important;
        min-width:40px !important;

        margin:0 !important;

        border-radius:12px !important;
    }

    html body.public-body .platform-feature-icon svg{
        width:22px !important;
        height:22px !important;
    }


    /* Heading */
    html body.public-body .platform-feature-card h3{
        grid-area:feature-title !important;

        width:100% !important;
        min-width:0 !important;

        margin:0 !important;
        padding:0 !important;

        font-size:13px !important;
        line-height:1.2 !important;

        white-space:normal !important;
        word-break:normal !important;
        overflow-wrap:break-word !important;
        hyphens:none !important;
    }


    /* Description */
    html body.public-body .platform-feature-card p{
        grid-area:feature-copy !important;

        width:100% !important;
        min-width:0 !important;

        margin:0 !important;
        padding:0 !important;

        font-size:9px !important;
        line-height:1.4 !important;

        white-space:normal !important;
        word-break:normal !important;
        overflow-wrap:break-word !important;
        hyphens:none !important;
    }


    /* Remove heavy shine on mobile */
    html body.public-body .platform-feature-shine{
        display:none !important;
    }
}
/* =========================================================
   PRICING SWITCH — DESKTOP + MOBILE CLICK FIX
   ========================================================= */

html body.public-body .pricing-v13-toggle{
    cursor:pointer !important;

    pointer-events:auto !important;
    touch-action:manipulation !important;

    user-select:none !important;
    -webkit-user-select:none !important;
    -webkit-tap-highlight-color:transparent !important;
}


/* Monthly aur Annual text buttons bhi clickable rahen */
html body.public-body
.pricing-v13-toggle [data-pricing-cycle]{
    position:relative !important;
    z-index:3 !important;

    cursor:pointer !important;
    pointer-events:auto !important;

    touch-action:manipulation !important;
}


/* Central switch ke possible elements */
html body.public-body .pricing-v13-switch,
html body.public-body .pricing-v13-toggle-track,
html body.public-body .pricing-v13-toggle-thumb,
html body.public-body [data-pricing-switch]{
    position:relative !important;
    z-index:2 !important;

    cursor:pointer !important;
    pointer-events:auto !important;

    touch-action:manipulation !important;
}


/* Switch ke decorative inner elements click ko block na karein */
html body.public-body .pricing-v13-switch *,
html body.public-body .pricing-v13-toggle-track *,
html body.public-body .pricing-v13-toggle-thumb *,
html body.public-body [data-pricing-switch] *{
    pointer-events:none !important;
}
/* =========================================================
   HERO STATS — 2 COLUMNS × 2 ROWS ON MOBILE
   ========================================================= */

@media(max-width:760px){

    html body.public-body .mp-hero-v2-stats{
        display:grid !important;

        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;

        gap:10px !important;

        width:100% !important;
        max-width:100% !important;

        margin:
            30px
            auto
            0 !important;
    }


    html body.public-body .mp-hero-stat{
        display:flex !important;

        min-width:0 !important;
        width:100% !important;
        max-width:100% !important;

        min-height:125px !important;

        flex-direction:column !important;
        align-items:center !important;
        justify-content:center !important;

        gap:8px !important;

        padding:
            13px
            7px !important;

        border-radius:16px !important;

        text-align:center !important;
    }


    /* Icon */
    html body.public-body .mp-hero-stat-icon{
        width:45px !important;
        height:45px !important;
        min-width:45px !important;

        border-radius:12px !important;
    }

    html body.public-body .mp-hero-stat-icon svg{
        width:25px !important;
        height:25px !important;
    }


    /* Text content */
    html body.public-body .mp-hero-stat-copy{
        width:100% !important;
        min-width:0 !important;

        text-align:center !important;
    }

    html body.public-body .mp-hero-stat-copy small{
        margin-bottom:5px !important;

        font-size:8px !important;
        line-height:1.25 !important;

        white-space:normal !important;
        word-break:normal !important;
        overflow-wrap:break-word !important;
    }

    html body.public-body .mp-hero-stat-copy strong{
        font-size:21px !important;
        line-height:1 !important;

        white-space:nowrap !important;
    }
}
/* =========================================================
   ULTRA-SMOOTH SCROLL ANIMATIONS V22.2
   Low GPU and mobile optimized
   ========================================================= */

/*
 * Permanent will-change aur scale use nahi karna.
 * Zyada GPU layers mobile ko lag karwati hain.
 */
html.js .safe-reveal{
    opacity:0 !important;

    transform:translateY(14px) !important;

    transition:
        opacity .34s ease-out,
        transform .34s cubic-bezier(.16,1,.3,1) !important;

    transition-delay:
        var(--reveal-delay,0ms) !important;

    filter:none !important;
}


/* Left/right movement sirf desktop par */
@media(min-width:761px){

    html.js .safe-reveal.safe-reveal-left{
        transform:
            translateX(-13px)
            translateY(6px) !important;
    }

    html.js .safe-reveal.safe-reveal-right{
        transform:
            translateX(13px)
            translateY(6px) !important;
    }

    html.js .safe-reveal.safe-reveal-soft{
        transform:translateY(11px) !important;
    }
}


/* Final visible state */
html.js .safe-reveal.is-visible,
html.js .safe-reveal.visible{
    opacity:1 !important;
    transform:none !important;
}


/* AI workflow points */
html.js .ai-flow-node{
    transition:
        opacity .20s ease-out,
        transform .20s ease-out !important;
}

html.js .ai-flow-node:not(.is-visible){
    opacity:.35 !important;
    transform:scale(.82) !important;
}

html.js .ai-flow-node.is-visible{
    opacity:1 !important;
    transform:scale(1) !important;
}


/* =========================================================
   MOBILE PERFORMANCE
   ========================================================= */

@media(max-width:760px){

    /*
     * Mobile par sirf halki vertical movement.
     * Left/right aur scale animations remove.
     */
    html.js .safe-reveal,
    html.js .safe-reveal.safe-reveal-left,
    html.js .safe-reveal.safe-reveal-right,
    html.js .safe-reveal.safe-reveal-soft{
        transform:translateY(7px) !important;

        transition:
            opacity .24s ease-out,
            transform .24s cubic-bezier(.2,.75,.25,1) !important;

        transition-delay:0ms !important;
    }


    html.js .safe-reveal.is-visible,
    html.js .safe-reveal.visible{
        transform:none !important;
    }


    /*
     * Mobile cards par expensive glass processing remove.
     * Gradient, border aur colors waise hi visible rahenge.
     */
    .oversight-v2-step,
    .ai-flow-card,
    .aurora-chat-card,
    .aurora-feature-card,
    .platform-feature-card,
    .pro-signal-card,
    .signal-summary-item,
    .performance-chart-card,
    .performance-ring-card,
    .performance-metric,
    .cycle-principle-card,
    .pricing-v13-card,
    .pricing-v13-comparison,
    .mp-hero-stat{
        backdrop-filter:none !important;
        -webkit-backdrop-filter:none !important;
        filter:none !important;
    }


    /*
     * Decorative moving layers mobile par unnecessary hain.
     */
    .platform-feature-shine,
    .oversight-v2-shine,
    .ai-flow-card-shine,
    .cycle-principle-shine{
        display:none !important;
        animation:none !important;
    }


    /*
     * Mobile hover transforms disable.
     */
    .platform-feature-card:hover,
    .oversight-v2-step:hover,
    .ai-flow-card:hover,
    .pro-signal-card:hover,
    .cycle-principle-card:hover,
    .pricing-v13-card:hover,
    .mp-hero-stat:hover{
        transform:none !important;
    }
}


/* Reduced-motion users */
@media(prefers-reduced-motion:reduce){

    html.js .safe-reveal,
    html.js .safe-reveal.safe-reveal-left,
    html.js .safe-reveal.safe-reveal-right,
    html.js .safe-reveal.safe-reveal-soft{
        opacity:1 !important;
        transform:none !important;
        transition:none !important;
    }

    html.js .ai-flow-node{
        opacity:1 !important;
        transform:none !important;
        transition:none !important;
    }
}
/* =========================================================
   DESKTOP SCROLL ANIMATION PERFORMANCE FIX V22.3
   ========================================================= */

@media(min-width:761px){

    /*
     * Left/right aur scale remove.
     * Sirf halki vertical movement + opacity.
     */
    html.js .safe-reveal,
    html.js .safe-reveal.safe-reveal-left,
    html.js .safe-reveal.safe-reveal-right,
    html.js .safe-reveal.safe-reveal-soft{
        opacity:0 !important;

        transform:translateY(7px) !important;

        transition:
            opacity .28s ease-out,
            transform .28s cubic-bezier(.16,1,.3,1) !important;

        transition-delay:0ms !important;

        filter:none !important;
        will-change:auto !important;
    }

    html.js .safe-reveal.is-visible,
    html.js .safe-reveal.visible{
        opacity:1 !important;
        transform:none !important;
    }


    /*
     * Reveal aur hover transforms ek dusre se conflict
     * nahi karenge.
     */
    html.js .safe-reveal:not(.is-visible):hover{
        transform:translateY(7px) !important;
    }
}
/* =========================================================
   COMPARE FEATURES — FULL MOBILE FIT, NO HORIZONTAL SCROLL
   ========================================================= */

@media(max-width:760px){

    html body.public-body .pricing-v13-comparison{
        width:calc(100% - 12px) !important;
        max-width:calc(100% - 12px) !important;

        margin:
            18px
            auto
            0 !important;

        padding:0 !important;

        overflow:hidden !important;

        border-radius:15px !important;
    }


    /* Scroll completely disable */
    html body.public-body .pricing-v13-table-scroll{
        width:100% !important;
        max-width:100% !important;

        overflow-x:hidden !important;
        overflow-y:visible !important;

        border-radius:14px !important;

        scrollbar-width:none !important;
        touch-action:pan-y !important;
    }

    html body.public-body
    .pricing-v13-table-scroll::-webkit-scrollbar{
        display:none !important;
    }


    /* Entire table screen ke andar */
    html body.public-body .pricing-v13-feature-table{
        width:100% !important;
        min-width:0 !important;
        max-width:100% !important;

        table-layout:fixed !important;

        border-collapse:separate !important;
        border-spacing:0 !important;

        transform:none !important;
    }


    /* Feature-name column */
    html body.public-body
    .pricing-v13-feature-table tr > *:first-child{
        width:30% !important;
    }


    /* Starter, Professional, Elite, Enterprise */
    html body.public-body
    .pricing-v13-feature-table tr > *:nth-child(2),
    html body.public-body
    .pricing-v13-feature-table tr > *:nth-child(3),
    html body.public-body
    .pricing-v13-feature-table tr > *:nth-child(4),
    html body.public-body
    .pricing-v13-feature-table tr > *:nth-child(5){
        width:17.5% !important;
    }


    /* All table cells */
    html body.public-body
    .pricing-v13-feature-table th,
    html body.public-body
    .pricing-v13-feature-table td{
        min-width:0 !important;
        max-width:none !important;

        padding:
            5px
            2px !important;

        font-size:clamp(6px,1.75vw,8px) !important;
        font-weight:500 !important;
        line-height:1.2 !important;

        white-space:normal !important;
        word-break:normal !important;
        overflow-wrap:anywhere !important;
        hyphens:none !important;

        text-align:center !important;
        vertical-align:middle !important;
    }


    /* Compact top header */
    html body.public-body
    .pricing-v13-feature-table thead th{
        height:55px !important;

        padding:
            6px
            1px !important;
    }


    /* Large header icons mobile par remove */
    html body.public-body .pricing-v13-compare-icon,
    html body.public-body .pricing-v13-plan-icon,
    html body.public-body .pricing-v13-most-popular{
        display:none !important;
    }


    /* Compare Features heading */
    html body.public-body .pricing-v13-feature-heading{
        padding:
            5px
            3px !important;

        text-align:left !important;
    }

    html body.public-body
    .pricing-v13-feature-heading > strong{
        display:block !important;

        margin:0 !important;

        font-size:8px !important;
        line-height:1.15 !important;

        text-align:left !important;
    }


    /* Plan names */
    html body.public-body
    .pricing-v13-plan-heading-inner{
        gap:0 !important;
    }

    html body.public-body
    .pricing-v13-plan-heading strong{
        display:block !important;

        width:100% !important;
        max-width:100% !important;

        font-size:clamp(6px,1.65vw,7.5px) !important;
        line-height:1.15 !important;

        white-space:normal !important;
        overflow-wrap:anywhere !important;
    }


    /* Feature name cell */
    html body.public-body
    .pricing-v13-feature-table tbody th:first-child{
        padding:
            5px
            3px !important;

        text-align:left !important;
    }


    /* Small feature icons */
    html body.public-body .pricing-v13-row-icon{
        display:inline-grid !important;

        width:17px !important;
        height:17px !important;

        margin-right:2px !important;

        place-items:center !important;

        border-radius:5px !important;

        vertical-align:middle !important;
    }

    html body.public-body .pricing-v13-row-icon svg{
        width:10px !important;
        height:10px !important;
    }


    /* Feature text */
    html body.public-body
    .pricing-v13-feature-name strong{
        display:inline-block !important;

        width:auto !important;
        max-width:calc(100% - 23px) !important;

        margin:0 !important;

        font-size:clamp(6px,1.7vw,7.5px) !important;
        line-height:1.15 !important;

        white-space:normal !important;
        overflow-wrap:anywhere !important;

        vertical-align:middle !important;
    }


    /* Value rows */
    html body.public-body
    .pricing-v13-feature-table tbody td{
        height:35px !important;

        padding:
            5px
            1px !important;

        font-size:clamp(5.8px,1.65vw,7.2px) !important;
    }


    /* Check icons */
    html body.public-body .pricing-v13-check{
        font-size:14px !important;
        line-height:1 !important;
    }


    /* Elite column compact highlight */
    html body.public-body
    .pricing-v13-feature-table .is-featured{
        border-left-width:1px !important;
        border-right-width:1px !important;

        box-shadow:none !important;
    }

    html body.public-body
    .pricing-v13-feature-table thead th.is-featured{
        border-radius:
            8px
            8px
            0
            0 !important;
    }

    html body.public-body
    .pricing-v13-feature-table
    tbody tr:last-child td.is-featured{
        border-radius:
            0
            0
            8px
            8px !important;
    }
}


/* Extra-small phones */
@media(max-width:390px){

    /* More space for feature names */
    html body.public-body
    .pricing-v13-feature-table tr > *:first-child{
        width:31% !important;
    }

    html body.public-body
    .pricing-v13-feature-table tr > *:nth-child(2),
    html body.public-body
    .pricing-v13-feature-table tr > *:nth-child(3),
    html body.public-body
    .pricing-v13-feature-table tr > *:nth-child(4),
    html body.public-body
    .pricing-v13-feature-table tr > *:nth-child(5){
        width:17.25% !important;
    }

    /* Icons hide karke text ko zyada width */
    html body.public-body .pricing-v13-row-icon{
        display:none !important;
    }

    html body.public-body
    .pricing-v13-feature-name strong{
        max-width:100% !important;

        font-size:6px !important;
    }

    html body.public-body
    .pricing-v13-plan-heading strong,
    html body.public-body
    .pricing-v13-feature-table tbody td{
        font-size:5.8px !important;
    }
}
/* =========================================================
   MARKETPULSE PREMIUM CUSTOMER WORKSPACE V30
   Scoped, fast, responsive and admin-safe
   ========================================================= */
body.mp-premium-workspace{
    --mp-bg:#030914;
    --mp-bg-soft:#071120;
    --mp-panel:#081426;
    --mp-panel-2:#0b1930;
    --mp-panel-3:#101d38;
    --mp-line:rgba(116,169,255,.16);
    --mp-line-strong:rgba(93,158,255,.34);
    --mp-text:#f7f9ff;
    --mp-muted:#9daac1;
    --mp-blue:#1dbdff;
    --mp-blue-2:#3478ff;
    --mp-purple:#8a3ffc;
    --mp-magenta:#cf45ff;
    --mp-green:#00d995;
    --mp-red:#ff4264;
    --mp-amber:#ffb52e;
    --mp-radius:18px;
    --mp-shadow:0 18px 55px rgba(0,0,0,.28);
    min-height:100vh;
    margin:0;
    color:var(--mp-text);
    background:
      radial-gradient(circle at 72% 0%,rgba(43,85,190,.09),transparent 32%),
      linear-gradient(180deg,#020713 0%,#040a16 100%);
    font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
    font-size:14px;
    overflow-x:hidden;
    color-scheme:dark;
}
body.mp-premium-workspace *,body.mp-premium-workspace *::before,body.mp-premium-workspace *::after{box-sizing:border-box}
body.mp-premium-workspace a{color:inherit;text-decoration:none}
body.mp-premium-workspace button,body.mp-premium-workspace input,body.mp-premium-workspace select,body.mp-premium-workspace textarea{font:inherit}
body.mp-premium-workspace button{color:inherit}
body.mp-premium-workspace .is-positive{color:var(--mp-green)!important}
body.mp-premium-workspace .is-negative{color:var(--mp-red)!important}

body.mp-premium-workspace .mp-sidebar{
    position:fixed;inset:0 auto 0 0;z-index:80;width:252px;padding:18px 16px;
    display:flex;flex-direction:column;gap:18px;border-right:1px solid var(--mp-line);
    background:linear-gradient(180deg,rgba(4,12,25,.99),rgba(3,9,20,.995));
    box-shadow:16px 0 55px rgba(0,0,0,.18);overflow-y:auto;overscroll-behavior:contain;
}
body.mp-premium-workspace .mp-brand{display:flex;align-items:center;gap:12px;padding:2px 7px 12px}
body.mp-premium-workspace .mp-brand-mark{width:48px;height:48px;display:grid;place-items:center;border-radius:13px;font-size:25px;color:#fff;background:linear-gradient(145deg,#22d9ff,#427aff 53%,#9a3bff);box-shadow:0 0 28px rgba(43,158,255,.36),inset 0 1px 1px rgba(255,255,255,.5)}
body.mp-premium-workspace .mp-brand-copy{display:grid;gap:2px;min-width:0}
body.mp-premium-workspace .mp-brand-copy strong{font-size:18px;letter-spacing:-.025em}
body.mp-premium-workspace .mp-brand-copy small{font-size:11px;color:var(--mp-muted)}
body.mp-premium-workspace .mp-sidebar-nav{display:grid;gap:4px}
body.mp-premium-workspace .mp-nav-link{position:relative;display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;min-height:43px;padding:8px 11px;border:1px solid transparent;border-radius:10px;color:#d6deed;transition:background .16s ease,border-color .16s ease,color .16s ease}
body.mp-premium-workspace .mp-nav-link:hover{background:rgba(42,119,255,.07);color:#fff}
body.mp-premium-workspace .mp-nav-link.is-active{color:#fff;border-color:rgba(103,73,255,.48);background:linear-gradient(100deg,rgba(14,125,255,.18),rgba(134,48,255,.26));box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
body.mp-premium-workspace .mp-nav-glyph{font-size:18px;color:#cfdaeb;text-align:center}
body.mp-premium-workspace .mp-nav-link.is-active .mp-nav-glyph{color:#49ceff}
body.mp-premium-workspace .mp-nav-badge,.mp-premium-workspace .mp-notification-button b{min-width:20px;height:20px;padding:0 5px;display:grid;place-items:center;border-radius:999px;font-size:10px;color:#fff;background:linear-gradient(135deg,#8745ff,#d838ff)}
body.mp-premium-workspace .mp-upgrade-card{margin-top:auto;padding:16px;border:1px solid rgba(87,117,255,.22);border-radius:15px;background:radial-gradient(circle at 100% 0%,rgba(106,43,255,.25),transparent 40%),linear-gradient(160deg,rgba(13,33,72,.92),rgba(7,17,36,.96));box-shadow:var(--mp-shadow)}
body.mp-premium-workspace .mp-upgrade-card strong{display:block;font-size:15px;margin:8px 0 4px}
body.mp-premium-workspace .mp-upgrade-card p{margin:0 0 13px;color:var(--mp-muted);font-size:12px;line-height:1.55}
body.mp-premium-workspace .mp-upgrade-icon{font-size:24px}
body.mp-premium-workspace .mp-sidebar-foot{display:grid;gap:3px;padding:0 7px;color:var(--mp-muted);font-size:10px}

body.mp-premium-workspace .mp-shell{min-height:100vh;margin-left:252px}
body.mp-premium-workspace .mp-topbar{position:sticky;top:0;z-index:60;height:70px;padding:0 28px;display:flex;align-items:center;gap:16px;border-bottom:1px solid var(--mp-line);background:rgba(3,9,20,.94);box-shadow:0 10px 30px rgba(0,0,0,.15)}
body.mp-premium-workspace .mp-topbar-spacer{flex:1}
body.mp-premium-workspace .mp-icon-button,.mp-premium-workspace .mp-notification-button{width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--mp-line);border-radius:10px;background:#081326;cursor:pointer}
body.mp-premium-workspace .mp-menu-button{font-size:20px;background:transparent;border-color:transparent}
body.mp-premium-workspace .mp-plan-pill{min-width:190px;display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:9px;padding:7px 10px;border:1px solid rgba(58,137,255,.34);border-radius:10px;background:linear-gradient(145deg,rgba(9,23,47,.96),rgba(7,14,29,.96))}
body.mp-premium-workspace .mp-plan-icon{width:31px;height:31px;display:grid;place-items:center;border-radius:9px;color:#c07cff;background:rgba(119,49,255,.18)}
body.mp-premium-workspace .mp-plan-pill span:nth-child(2){display:grid;gap:1px}
body.mp-premium-workspace .mp-plan-pill strong{font-size:12px}
body.mp-premium-workspace .mp-plan-pill small{font-size:10px;color:var(--mp-muted)}
body.mp-premium-workspace .mp-notification-button{position:relative;font-size:20px;border-color:transparent;background:transparent}
body.mp-premium-workspace .mp-notification-button b{position:absolute;top:-3px;right:-3px}
body.mp-premium-workspace .mp-user-menu{display:grid;grid-template-columns:38px minmax(0,140px) auto;align-items:center;gap:10px}
body.mp-premium-workspace .mp-user-avatar{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;font-weight:700;background:linear-gradient(135deg,#435cff,#9238f7)}
body.mp-premium-workspace .mp-user-copy{display:grid;gap:1px;min-width:0}
body.mp-premium-workspace .mp-user-copy strong,.mp-premium-workspace .mp-user-copy small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.mp-premium-workspace .mp-user-copy small{font-size:10px;color:var(--mp-muted)}

body.mp-premium-workspace .mp-main{width:min(100%,1540px);margin:0 auto;padding:20px 28px 48px}
body.mp-premium-workspace .mp-pagebar{display:flex;justify-content:space-between;align-items:center;gap:18px;margin:0 0 16px}
body.mp-premium-workspace .mp-pagebar h1{margin:0 0 3px;font-size:24px;line-height:1.15;letter-spacing:-.03em;font-weight:670}
body.mp-premium-workspace .mp-pagebar p,.mp-premium-workspace .mp-welcome-row p{margin:0;color:var(--mp-muted);line-height:1.45}
body.mp-premium-workspace .mp-connection-pill{display:flex;align-items:center;gap:8px;white-space:nowrap;padding:10px 15px;border:1px solid var(--mp-line);border-radius:999px;background:rgba(4,15,31,.7);font-size:12px}
body.mp-premium-workspace .mp-connection-pill i,.mp-premium-workspace .mp-status-dot,.mp-premium-workspace .mp-online-label i{width:8px;height:8px;border-radius:50%;background:#7c879a;box-shadow:0 0 0 5px rgba(124,135,154,.08)}
body.mp-premium-workspace .mp-connection-pill.is-online i,.mp-premium-workspace .mp-status-dot.is-online,.mp-premium-workspace .mp-online-label i,.mp-premium-workspace .status-success{background:var(--mp-green);box-shadow:0 0 12px rgba(0,217,149,.65)}
body.mp-premium-workspace .mp-connection-pill.is-offline i,.mp-premium-workspace .mp-status-dot.is-offline{background:var(--mp-red)}

body.mp-premium-workspace .mp-panel,body.mp-premium-workspace .mp-metric-card,body.mp-premium-workspace .mp-quick-card,body.mp-premium-workspace .mp-channel-card,body.mp-premium-workspace .mp-stats-row article{
    position:relative;border:1px solid var(--mp-line);border-radius:var(--mp-radius);
    background:linear-gradient(145deg,rgba(9,24,46,.96),rgba(5,15,31,.97));box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 12px 35px rgba(0,0,0,.12);overflow:hidden;
}
body.mp-premium-workspace .mp-panel::before,body.mp-premium-workspace .mp-metric-card::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 100% 0%,rgba(75,74,255,.055),transparent 34%)}
body.mp-premium-workspace .mp-panel{padding:16px}
body.mp-premium-workspace .mp-panel-header{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:14px}
body.mp-premium-workspace .mp-panel-header h3,.mp-premium-workspace .mp-channel-card h3,.mp-premium-workspace .mp-strategy-card h3,.mp-premium-workspace .mp-signal-card h3{margin:2px 0 0;font-size:16px;line-height:1.25;letter-spacing:-.02em}
body.mp-premium-workspace .mp-panel-header>a{color:#bc63ff;font-size:12px;font-weight:650}
body.mp-premium-workspace .mp-eyebrow{display:block;font-size:9px;letter-spacing:.12em;color:#57d8ff;font-weight:700}
body.mp-premium-workspace .mp-panel-copy{color:var(--mp-muted);line-height:1.6}
body.mp-premium-workspace .mp-alert{margin:0 0 14px;padding:12px 14px;border-radius:11px;border:1px solid var(--mp-line);background:#0b1930}
body.mp-premium-workspace .mp-alert-success{color:#93ffd8;border-color:rgba(0,217,149,.28);background:rgba(0,217,149,.07)}
body.mp-premium-workspace .mp-alert-danger{color:#ff9bad;border-color:rgba(255,66,100,.28);background:rgba(255,66,100,.07)}

body.mp-premium-workspace .mp-button{min-height:38px;padding:9px 15px;display:inline-flex;justify-content:center;align-items:center;gap:8px;border:1px solid var(--mp-line);border-radius:9px;background:#0b1730;color:#f7f9ff;font-size:12px;font-weight:650;cursor:pointer;transition:transform .14s ease,border-color .14s ease,background .14s ease}
body.mp-premium-workspace .mp-button:hover{transform:translateY(-1px);border-color:var(--mp-line-strong)}
body.mp-premium-workspace .mp-button-gradient{border-color:rgba(91,93,255,.5);background:linear-gradient(105deg,#176dff,#6a42ff 58%,#a82bff);box-shadow:0 8px 24px rgba(65,69,255,.19)}
body.mp-premium-workspace .mp-button-muted{background:#0a162b}
body.mp-premium-workspace .mp-button-danger{color:#ff91a3;border-color:rgba(255,66,100,.45);background:rgba(255,66,100,.07)}
body.mp-premium-workspace .mp-panel-actions{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:9px;margin-top:15px;padding-top:13px;border-top:1px solid var(--mp-line)}
body.mp-premium-workspace .mp-panel-actions form{margin:0}

body.mp-premium-workspace .mp-status-pill{display:inline-flex;align-items:center;gap:5px;min-height:24px;padding:4px 9px;border-radius:999px;color:#bec9d9;border:1px solid var(--mp-line);background:rgba(126,140,165,.08);font-size:9px;font-weight:700;white-space:nowrap}
body.mp-premium-workspace .mp-status-pill i{width:6px;height:6px;border-radius:50%;background:currentColor}
body.mp-premium-workspace .is-success,body.mp-premium-workspace .status-connected,body.mp-premium-workspace .status-active,body.mp-premium-workspace .status-successful,body.mp-premium-workspace .status-read,body.mp-premium-workspace .status-filled,body.mp-premium-workspace .status-published{color:#4df3ba!important;border-color:rgba(0,217,149,.24)!important;background:rgba(0,217,149,.08)!important}
body.mp-premium-workspace .is-warning,body.mp-premium-workspace .status-pending,body.mp-premium-workspace .status-trialing,body.mp-premium-workspace .status-queued,body.mp-premium-workspace .status-paper_testing{color:#ffc861!important;border-color:rgba(255,181,46,.24)!important;background:rgba(255,181,46,.08)!important}
body.mp-premium-workspace .status-error,body.mp-premium-workspace .status-failed,body.mp-premium-workspace .status-cancelled,body.mp-premium-workspace .status-rejected,body.mp-premium-workspace .status-suspended{color:#ff728c!important;border-color:rgba(255,66,100,.24)!important;background:rgba(255,66,100,.08)!important}
body.mp-premium-workspace .is-muted,body.mp-premium-workspace .status-closed,body.mp-premium-workspace .status-disconnected,body.mp-premium-workspace .status-paused{color:#aeb8ca!important}

body.mp-premium-workspace .mp-welcome-row{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:14px;padding:2px 2px}
body.mp-premium-workspace .mp-welcome-row h2{margin:0 0 2px;font-size:20px}
body.mp-premium-workspace .mp-welcome-meta{display:grid;grid-template-columns:auto auto;align-items:center;gap:2px 8px;text-align:right}
body.mp-premium-workspace .mp-welcome-meta small{grid-column:1/-1;color:var(--mp-muted);font-size:10px}
body.mp-premium-workspace .mp-metric-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:12px}
body.mp-premium-workspace .mp-metric-card{min-height:86px;padding:13px;display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:11px}
body.mp-premium-workspace .mp-card-icon{position:relative;z-index:1;width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(89,142,255,.22);border-radius:12px;font-size:19px;color:#66d8ff;background:linear-gradient(145deg,rgba(33,105,255,.18),rgba(115,42,246,.16));box-shadow:0 0 22px rgba(40,130,255,.12)}
body.mp-premium-workspace .mp-metric-card>div{position:relative;z-index:1;display:grid;gap:2px;min-width:0}
body.mp-premium-workspace .mp-metric-card small{font-size:10px;color:#bbc6d8}
body.mp-premium-workspace .mp-metric-card strong{font-size:18px;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.mp-premium-workspace .mp-metric-card span:last-child{font-size:9px;color:var(--mp-muted)}

body.mp-premium-workspace .mp-dashboard-primary{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(330px,.85fr);gap:12px;margin-bottom:12px}
body.mp-premium-workspace .mp-account-body{display:grid;grid-template-columns:1.05fr .95fr;gap:18px;position:relative;z-index:1}
body.mp-premium-workspace .mp-account-details dl{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0}
body.mp-premium-workspace dl{margin:0}
body.mp-premium-workspace dt{font-size:10px;color:var(--mp-muted)}
body.mp-premium-workspace dd{margin:3px 0 0;font-weight:650}
body.mp-premium-workspace .mp-account-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:16px}
body.mp-premium-workspace .mp-account-stats>div{padding:9px;border:1px solid var(--mp-line);border-radius:10px;background:rgba(3,12,27,.42)}
body.mp-premium-workspace .mp-account-stats small{display:block;color:var(--mp-muted);font-size:9px}
body.mp-premium-workspace .mp-account-stats strong{font-size:14px}
body.mp-premium-workspace .mp-account-visual{display:flex;flex-direction:column;justify-content:center;min-width:0}
body.mp-premium-workspace .mp-account-visual svg{width:100%;height:110px}
body.mp-premium-workspace .mp-account-visual span{display:flex;justify-content:flex-end;align-items:center;gap:7px;color:var(--mp-muted);font-size:10px}
body.mp-premium-workspace .mp-account-visual i{width:7px;height:7px;border-radius:50%;background:var(--mp-green);box-shadow:0 0 10px rgba(0,217,149,.6)}
body.mp-premium-workspace .mp-connect-empty{min-height:260px;display:grid;grid-template-columns:80px minmax(0,1fr) auto;align-items:center;gap:20px}
body.mp-premium-workspace .mp-connect-illustration{width:72px;height:72px;display:grid;place-items:center;border-radius:22px;font-size:35px;background:linear-gradient(145deg,rgba(32,174,255,.25),rgba(123,56,255,.25));box-shadow:0 0 35px rgba(66,106,255,.2)}
body.mp-premium-workspace .mp-connect-empty h3{margin:4px 0;font-size:20px}
body.mp-premium-workspace .mp-connect-empty p{margin:0;color:var(--mp-muted);line-height:1.55}
body.mp-premium-workspace .mp-compact-table{display:grid}
body.mp-premium-workspace .mp-compact-table a{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:11px 3px;border-bottom:1px solid var(--mp-line)}
body.mp-premium-workspace .mp-compact-table a:last-child{border-bottom:0}
body.mp-premium-workspace .mp-compact-table span{display:grid;gap:2px;text-align:right}
body.mp-premium-workspace .mp-compact-table span:first-child{text-align:left}
body.mp-premium-workspace .mp-compact-table small{color:var(--mp-muted);font-size:9px}
body.mp-premium-workspace .mp-quick-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-bottom:12px}
body.mp-premium-workspace .mp-quick-card{min-height:158px;padding:14px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:7px;transition:border-color .16s ease,transform .16s ease}
body.mp-premium-workspace .mp-quick-card:hover{transform:translateY(-2px);border-color:var(--mp-line-strong)}
body.mp-premium-workspace .mp-quick-card strong{font-size:14px}
body.mp-premium-workspace .mp-quick-card p{min-height:34px;margin:0;color:var(--mp-muted);font-size:10px;line-height:1.4}
body.mp-premium-workspace .mp-quick-card b{margin-top:auto;width:100%;padding-top:8px;border-top:1px solid var(--mp-line);color:#c65fff;font-size:10px}
body.mp-premium-workspace .mp-dashboard-lower,body.mp-premium-workspace .mp-dashboard-footer-grid,body.mp-premium-workspace .mp-analytics-grid,body.mp-premium-workspace .mp-risk-layout{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}
body.mp-premium-workspace .mp-dashboard-footer-grid{grid-template-columns:1.25fr .75fr}
body.mp-premium-workspace .mp-activity-list,.mp-premium-workspace .mp-log-list,.mp-premium-workspace .mp-session-list{display:grid}
body.mp-premium-workspace .mp-activity-list>div,.mp-premium-workspace .mp-log-list>div,.mp-premium-workspace .mp-session-list>div{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--mp-line)}
body.mp-premium-workspace .mp-activity-list>div:last-child,.mp-premium-workspace .mp-log-list>div:last-child,.mp-premium-workspace .mp-session-list>div:last-child{border-bottom:0}
body.mp-premium-workspace .mp-activity-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;color:#4ce3ff;background:rgba(35,130,255,.12)}
body.mp-premium-workspace .mp-activity-list span:nth-child(2),body.mp-premium-workspace .mp-log-list span:nth-child(2),body.mp-premium-workspace .mp-session-list>div>div{display:grid;gap:2px}
body.mp-premium-workspace .mp-activity-list small,body.mp-premium-workspace .mp-log-list small,body.mp-premium-workspace .mp-log-list time,body.mp-premium-workspace .mp-session-list small{color:var(--mp-muted);font-size:9px}
body.mp-premium-workspace .mp-event-list{display:grid;gap:7px}
body.mp-premium-workspace .mp-event-list article{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:11px;padding:9px;border:1px solid var(--mp-line);border-radius:11px;background:rgba(5,15,31,.48)}
body.mp-premium-workspace .mp-event-list time{width:45px;height:45px;display:grid;place-items:center;border-radius:9px;background:rgba(91,65,255,.14)}
body.mp-premium-workspace .mp-event-list time strong{font-size:15px;line-height:1}
body.mp-premium-workspace .mp-event-list time small{font-size:8px;color:#d16cff}
body.mp-premium-workspace .mp-event-list article>div{display:grid;gap:2px;min-width:0}
body.mp-premium-workspace .mp-event-list p{margin:0;color:var(--mp-muted);font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.mp-premium-workspace .mp-event-list a{color:#c65fff;font-size:10px;font-weight:700}
body.mp-premium-workspace .mp-summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}
body.mp-premium-workspace .mp-summary-grid>div{padding:11px;border:1px solid var(--mp-line);border-radius:11px;background:rgba(2,10,24,.42)}
body.mp-premium-workspace .mp-summary-grid small{display:block;color:var(--mp-muted);font-size:9px}
body.mp-premium-workspace .mp-summary-grid strong{font-size:17px}

body.mp-premium-workspace .mp-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;padding:10px;border:1px solid var(--mp-line);border-radius:13px;background:rgba(6,17,34,.74)}
body.mp-premium-workspace .mp-search-form,.mp-premium-workspace .mp-date-filter,.mp-premium-workspace .mp-inline-form{display:flex;align-items:center;gap:8px;margin:0;min-width:0}
body.mp-premium-workspace .mp-search-form{flex:1;max-width:620px}
body.mp-premium-workspace .mp-search-form>span{color:var(--mp-muted)}
body.mp-premium-workspace input,body.mp-premium-workspace select,body.mp-premium-workspace textarea{width:100%;min-height:40px;padding:9px 11px;color:var(--mp-text);border:1px solid var(--mp-line);border-radius:9px;outline:none;background:#071326;transition:border-color .14s ease,box-shadow .14s ease}
body.mp-premium-workspace input:focus,body.mp-premium-workspace select:focus,body.mp-premium-workspace textarea:focus{border-color:rgba(50,145,255,.68);box-shadow:0 0 0 3px rgba(38,116,255,.1)}
body.mp-premium-workspace textarea{resize:vertical}
body.mp-premium-workspace .mp-toolbar-actions{display:flex;gap:8px}
body.mp-premium-workspace .mp-date-filter label{display:flex;align-items:center;gap:7px}
body.mp-premium-workspace .mp-date-filter label span{font-size:10px;color:var(--mp-muted)}
body.mp-premium-workspace .mp-stats-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:12px}
body.mp-premium-workspace .mp-stats-row article{min-height:75px;padding:12px;display:flex;align-items:center;gap:11px}
body.mp-premium-workspace .mp-stats-row article>span{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;color:#5ddaff;background:rgba(25,122,255,.14)}
body.mp-premium-workspace .mp-stats-row article>div{display:grid;gap:2px}
body.mp-premium-workspace .mp-stats-row small{font-size:9px;color:var(--mp-muted)}
body.mp-premium-workspace .mp-stats-row strong{font-size:18px}

body.mp-premium-workspace .mp-data-table-wrap{position:relative;z-index:1;width:100%;overflow:hidden;border:1px solid rgba(108,154,224,.1);border-radius:11px}
body.mp-premium-workspace .mp-data-table{width:100%;border-collapse:collapse;table-layout:auto}
body.mp-premium-workspace .mp-data-table th{padding:10px;text-align:left;color:#9eaec4;font-size:9px;font-weight:600;background:rgba(14,32,58,.58);white-space:nowrap}
body.mp-premium-workspace .mp-data-table td{padding:10px;border-top:1px solid var(--mp-line);font-size:11px;vertical-align:middle}
body.mp-premium-workspace .mp-data-table td small{display:block;margin-top:2px;color:var(--mp-muted);font-size:8px}
body.mp-premium-workspace .mp-data-table tr:hover td{background:rgba(45,103,206,.04)}
body.mp-premium-workspace .mp-trade-side{font-size:9px;font-weight:800}
body.mp-premium-workspace .mp-trade-side.buy{color:var(--mp-green)}
body.mp-premium-workspace .mp-trade-side.sell{color:var(--mp-red)}
body.mp-premium-workspace .mp-table-action{min-height:30px;padding:5px 8px;border:1px solid var(--mp-line);border-radius:7px;background:#0a1730;font-size:9px;cursor:pointer}
body.mp-premium-workspace .mp-table-action.danger{color:#ff728c;border-color:rgba(255,66,100,.25)}
body.mp-premium-workspace .mp-pagination{display:flex;justify-content:center;gap:6px;margin-top:14px}
body.mp-premium-workspace .mp-pagination a{width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--mp-line);border-radius:8px;color:var(--mp-muted)}
body.mp-premium-workspace .mp-pagination a.is-active{color:#fff;border-color:#754eff;background:rgba(102,52,255,.2)}
body.mp-premium-workspace .mp-empty-state{min-height:150px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:25px;color:var(--mp-muted)}
body.mp-premium-workspace .mp-empty-state>span{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;color:#60d6ff;font-size:22px;background:rgba(35,128,255,.1)}
body.mp-premium-workspace .mp-empty-state h3{margin:10px 0 3px;color:var(--mp-text);font-size:15px}
body.mp-premium-workspace .mp-empty-state p{max-width:430px;margin:0;font-size:11px;line-height:1.5}

body.mp-premium-workspace .mp-ai-layout,body.mp-premium-workspace .mp-trade-layout{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:12px}
body.mp-premium-workspace .mp-ai-chat{min-height:690px;display:flex;flex-direction:column}
body.mp-premium-workspace .mp-online-label{display:inline-flex;align-items:center;gap:5px;margin-left:6px;color:var(--mp-green);font-size:9px;font-weight:500}
body.mp-premium-workspace .mp-chat-stream{flex:1;min-height:470px;max-height:620px;padding:10px 3px;display:flex;flex-direction:column;gap:10px;overflow-y:auto;scrollbar-width:thin}
body.mp-premium-workspace .mp-chat-message{display:flex;gap:9px;max-width:80%;align-self:flex-start}
body.mp-premium-workspace .mp-chat-user{align-self:flex-end;flex-direction:row-reverse}
body.mp-premium-workspace .mp-chat-avatar{flex:0 0 auto;width:31px;height:31px;display:grid;place-items:center;border-radius:9px;background:linear-gradient(145deg,#245dff,#863cfd)}
body.mp-premium-workspace .mp-chat-message>div{padding:10px 12px;border:1px solid var(--mp-line);border-radius:12px;background:linear-gradient(145deg,#0b1930,#0c1629)}
body.mp-premium-workspace .mp-chat-user>div{background:linear-gradient(145deg,rgba(45,74,204,.45),rgba(100,47,188,.35))}
body.mp-premium-workspace .mp-chat-message p{margin:4px 0 0;line-height:1.55;color:#dbe3f1;white-space:pre-wrap;word-break:break-word}
body.mp-premium-workspace .mp-chat-message small{display:block;margin-top:6px;color:var(--mp-muted);font-size:8px}
body.mp-premium-workspace .mp-chat-composer{display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:8px;margin-top:10px;padding-top:12px;border-top:1px solid var(--mp-line)}
body.mp-premium-workspace .mp-chat-composer textarea{min-height:44px;max-height:130px;resize:none}
body.mp-premium-workspace .mp-chat-composer .mp-button{width:44px;height:44px;padding:0;border-radius:12px;font-size:18px}
body.mp-premium-workspace .mp-chat-shortcuts{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
body.mp-premium-workspace .mp-chat-shortcuts button{padding:6px 9px;border:1px solid var(--mp-line);border-radius:999px;color:var(--mp-muted);background:rgba(10,24,46,.7);font-size:9px;cursor:pointer}
body.mp-premium-workspace .mp-ai-side,.mp-premium-workspace .mp-trade-side-panel,.mp-premium-workspace .mp-billing-side,.mp-premium-workspace .mp-notification-side,.mp-premium-workspace .mp-settings-side{display:grid;align-content:start;gap:12px}
body.mp-premium-workspace .mp-detail-list{display:grid}
body.mp-premium-workspace .mp-detail-list>div{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:9px 0;border-bottom:1px solid var(--mp-line)}
body.mp-premium-workspace .mp-detail-list>div:last-child{border-bottom:0}
body.mp-premium-workspace .mp-detail-list dd{text-align:right}
body.mp-premium-workspace .mp-two-column{grid-template-columns:1fr 1fr;gap:0 20px}
body.mp-premium-workspace .mp-action-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
body.mp-premium-workspace .mp-action-grid a{min-height:72px;padding:10px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:5px;border:1px solid var(--mp-line);border-radius:11px;background:rgba(7,18,37,.6);font-size:10px}
body.mp-premium-workspace .mp-action-grid span{font-size:19px;color:#4ed8ff}
body.mp-premium-workspace .mp-suggestion-list{display:grid}
body.mp-premium-workspace .mp-suggestion-list a{display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:8px;padding:9px 0;border-bottom:1px solid var(--mp-line)}
body.mp-premium-workspace .mp-suggestion-list a>span{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:rgba(20,114,255,.12)}
body.mp-premium-workspace .mp-suggestion-list div{display:grid;gap:2px}
body.mp-premium-workspace .mp-suggestion-list small{color:var(--mp-muted);font-size:8px}
body.mp-premium-workspace .mp-suggestion-list b{font-size:8px;color:#65e2ff}

body.mp-premium-workspace .mp-form-grid{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:12px}
body.mp-premium-workspace .mp-field{display:grid;gap:5px;min-width:0}
body.mp-premium-workspace .mp-field>span{font-size:10px;color:#b7c2d3}
body.mp-premium-workspace .mp-field-wide{grid-column:1/-1}
body.mp-premium-workspace .mp-form-note{display:flex;align-items:flex-start;gap:9px;padding:11px;border:1px solid rgba(86,126,255,.18);border-radius:10px;color:var(--mp-muted);background:rgba(38,73,160,.06)}
body.mp-premium-workspace .mp-form-note p{margin:0;line-height:1.5;font-size:10px}
body.mp-premium-workspace .mp-preview-output .preview-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}
body.mp-premium-workspace .mp-preview-output .preview-metrics>div{padding:9px;border:1px solid var(--mp-line);border-radius:9px;background:rgba(2,10,24,.5)}
body.mp-premium-workspace .mp-preview-output small{color:var(--mp-muted)}
body.mp-premium-workspace .mp-preview-output p{line-height:1.5}
body.mp-premium-workspace .mp-check-list{display:grid;gap:9px;margin:0;padding:0;list-style:none}
body.mp-premium-workspace .mp-check-list li{position:relative;padding-left:21px;color:#c9d2e2;line-height:1.45;font-size:11px}
body.mp-premium-workspace .mp-check-list li::before{content:"✓";position:absolute;left:0;color:var(--mp-green);font-weight:800}

body.mp-premium-workspace .mp-chart-panel{min-height:320px}
body.mp-premium-workspace .mp-chart-canvas{position:relative;min-height:240px;display:grid;place-items:center}
body.mp-premium-workspace .mp-chart-canvas svg{display:block;width:100%;height:240px;overflow:visible}
body.mp-premium-workspace .mp-chart-empty{color:var(--mp-muted);font-size:11px}
body.mp-premium-workspace .mp-chart-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:8px}
body.mp-premium-workspace .mp-chart-legend span{display:flex;align-items:center;gap:5px;font-size:9px;color:var(--mp-muted)}
body.mp-premium-workspace .mp-chart-legend i{width:8px;height:8px;border-radius:50%}

body.mp-premium-workspace .mp-strategy-grid,body.mp-premium-workspace .mp-signal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}
body.mp-premium-workspace .mp-strategy-card header,body.mp-premium-workspace .mp-signal-card header{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;gap:10px}
body.mp-premium-workspace .mp-strategy-card>p,.mp-premium-workspace .mp-signal-card>p{min-height:50px;color:var(--mp-muted);line-height:1.55;font-size:10px}
body.mp-premium-workspace .mp-strategy-card dl{display:grid;grid-template-columns:1fr 1fr;gap:8px}
body.mp-premium-workspace .mp-strategy-card dl>div{padding:8px;border:1px solid var(--mp-line);border-radius:9px;background:rgba(4,13,28,.45)}
body.mp-premium-workspace .mp-strategy-card footer,body.mp-premium-workspace .mp-signal-card footer{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:13px;padding-top:11px;border-top:1px solid var(--mp-line);color:var(--mp-muted);font-size:9px}
body.mp-premium-workspace .mp-strategy-card footer b{color:#c267ff}
body.mp-premium-workspace .mp-signal-card header>div{display:flex;align-items:center;gap:10px}
body.mp-premium-workspace .mp-signal-direction{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;font-size:22px;font-weight:800}
body.mp-premium-workspace .mp-signal-direction.buy{color:var(--mp-green);background:rgba(0,217,149,.12)}
body.mp-premium-workspace .mp-signal-direction.sell{color:var(--mp-red);background:rgba(255,66,100,.12)}
body.mp-premium-workspace .mp-signal-prices{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:13px}
body.mp-premium-workspace .mp-signal-prices>div{padding:8px;border:1px solid var(--mp-line);border-radius:9px;text-align:center;background:rgba(2,10,24,.45)}
body.mp-premium-workspace .mp-signal-prices small{display:block;color:var(--mp-muted);font-size:8px}
body.mp-premium-workspace .mp-signal-prices strong{font-size:11px}
body.mp-premium-workspace .mp-target-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
body.mp-premium-workspace .mp-target-list span{padding:5px 7px;border-radius:7px;color:#9db4d1;background:rgba(39,108,216,.1);font-size:8px}

body.mp-premium-workspace .mp-notification-layout,body.mp-premium-workspace .mp-settings-layout,body.mp-premium-workspace .mp-billing-layout,body.mp-premium-workspace .mp-support-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:12px}
body.mp-premium-workspace .mp-notification-feed,.mp-premium-workspace .mp-billing-main,.mp-premium-workspace .mp-settings-main{display:grid;align-content:start;gap:10px}
body.mp-premium-workspace .mp-notification-item{display:grid;grid-template-columns:44px minmax(0,1fr);gap:11px}
body.mp-premium-workspace .mp-notification-item.is-read{opacity:.72}
body.mp-premium-workspace .mp-notification-item header{display:flex;justify-content:space-between;align-items:center;gap:10px}
body.mp-premium-workspace .mp-notification-item h3{margin:0;font-size:13px}
body.mp-premium-workspace .mp-notification-item p{margin:5px 0;color:#c2cbd9;font-size:10px;line-height:1.5}
body.mp-premium-workspace .mp-notification-item small{color:var(--mp-muted);font-size:8px}
body.mp-premium-workspace .mp-preference-list,.mp-premium-workspace .mp-resource-list,.mp-premium-workspace .mp-plan-list{display:grid}
body.mp-premium-workspace .mp-preference-list>div{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--mp-line)}
body.mp-premium-workspace .mp-preference-list span{display:grid;gap:2px}
body.mp-premium-workspace .mp-preference-list small{color:var(--mp-muted);font-size:8px}
body.mp-premium-workspace .mp-plan-overview .mp-plan-content{display:grid;grid-template-columns:.8fr 1.2fr;gap:22px}
body.mp-premium-workspace .mp-plan-content>div>strong{font-size:27px}
body.mp-premium-workspace .mp-plan-content>div>small{color:var(--mp-muted)}
body.mp-premium-workspace .mp-plan-content>div>p{color:var(--mp-muted);font-size:10px;line-height:1.5}
body.mp-premium-workspace .mp-usage-list{display:grid;gap:15px}
body.mp-premium-workspace .mp-usage-list>div{display:grid;gap:6px}
body.mp-premium-workspace .mp-usage-list span{display:flex;justify-content:space-between;gap:10px}
body.mp-premium-workspace .mp-usage-list small{color:var(--mp-muted)}
body.mp-premium-workspace .mp-usage-list i{height:5px;border-radius:999px;background:#111e34;overflow:hidden}
body.mp-premium-workspace .mp-usage-list i b{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#1f95ff,#8b3dff)}
body.mp-premium-workspace .mp-plan-list article{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--mp-line)}
body.mp-premium-workspace .mp-plan-list article>div{display:grid;gap:2px}
body.mp-premium-workspace .mp-plan-list small{color:var(--mp-muted);font-size:9px}
body.mp-premium-workspace .mp-toggle-list{display:grid;margin-bottom:13px}
body.mp-premium-workspace .mp-toggle-list label{display:grid;grid-template-columns:minmax(0,1fr) 44px;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid var(--mp-line);cursor:pointer}
body.mp-premium-workspace .mp-toggle-list label>span{display:grid;gap:2px}
body.mp-premium-workspace .mp-toggle-list small{color:var(--mp-muted);font-size:9px}
body.mp-premium-workspace .mp-toggle-list input{position:absolute;opacity:0;pointer-events:none}
body.mp-premium-workspace .mp-toggle-list i{position:relative;width:42px;height:22px;border-radius:999px;background:#263248;transition:background .16s ease}
body.mp-premium-workspace .mp-toggle-list i::after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .16s ease}
body.mp-premium-workspace .mp-toggle-list input:checked+i{background:linear-gradient(90deg,#376eff,#8b3dff)}
body.mp-premium-workspace .mp-toggle-list input:checked+i::after{transform:translateX(20px)}

body.mp-premium-workspace .mp-support-channels{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin-bottom:12px}
body.mp-premium-workspace .mp-channel-card{padding:16px;text-align:center}
body.mp-premium-workspace .mp-channel-card .mp-card-icon{margin:0 auto 9px}
body.mp-premium-workspace .mp-channel-card p{min-height:40px;color:var(--mp-muted);font-size:10px;line-height:1.5}
body.mp-premium-workspace .mp-ticket-list{display:grid}
body.mp-premium-workspace .mp-ticket-list article{display:grid;grid-template-columns:75px minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid var(--mp-line)}
body.mp-premium-workspace .mp-ticket-code{color:#7fdcff;font-size:9px}
body.mp-premium-workspace .mp-ticket-list article>div{display:grid;gap:3px}
body.mp-premium-workspace .mp-ticket-list p{margin:0;color:var(--mp-muted);font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.mp-premium-workspace .mp-ticket-list small{color:var(--mp-muted);font-size:8px}
body.mp-premium-workspace [class^="mp-priority-"]{font-size:8px;text-transform:uppercase;color:#ffcd70}
body.mp-premium-workspace .mp-resource-list a{display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:9px;padding:10px 0;border-bottom:1px solid var(--mp-line)}
body.mp-premium-workspace .mp-resource-list a>span{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:rgba(78,77,255,.14)}
body.mp-premium-workspace .mp-resource-list div{display:grid;gap:2px}
body.mp-premium-workspace .mp-resource-list small{color:var(--mp-muted);font-size:8px}
body.mp-premium-workspace .mp-modal{width:min(520px,calc(100% - 24px));padding:0;border:1px solid var(--mp-line-strong);border-radius:16px;color:var(--mp-text);background:#071326;box-shadow:0 28px 90px rgba(0,0,0,.58)}
body.mp-premium-workspace .mp-modal::backdrop{background:rgba(0,4,12,.76)}
body.mp-premium-workspace .mp-modal form{display:grid;gap:12px;padding:18px}
body.mp-premium-workspace .mp-modal header{display:flex;justify-content:space-between;align-items:flex-start}
body.mp-premium-workspace .mp-modal h3{margin:2px 0 0;font-size:18px}
body.mp-premium-workspace .mp-modal header button{width:32px;height:32px;border:1px solid var(--mp-line);border-radius:8px;background:#0d1a30;cursor:pointer}
body.mp-premium-workspace .mp-security-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
body.mp-premium-workspace .mp-secret-box{display:grid;grid-template-columns:1fr auto;gap:7px;padding:12px;border:1px solid var(--mp-line);border-radius:11px;background:#050f21}
body.mp-premium-workspace .mp-secret-box span{grid-column:1/-1;color:var(--mp-muted);font-size:9px}
body.mp-premium-workspace .mp-secret-box strong{overflow-wrap:anywhere;color:#79dcff}
body.mp-premium-workspace .mp-secret-box button{border:0;color:#c768ff;background:transparent;cursor:pointer}
body.mp-premium-workspace .mp-recovery-codes{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:15px}
body.mp-premium-workspace .mp-recovery-codes h4{grid-column:1/-1;margin:0 0 4px}
body.mp-premium-workspace .mp-recovery-codes code{padding:8px;border:1px solid var(--mp-line);border-radius:7px;background:#040e20;text-align:center}

body.mp-premium-workspace .mp-mobile-nav{display:none}
body.mp-premium-workspace .mp-reveal,body.mp-premium-workspace .mp-reveal-group>*{opacity:1;transform:none}
body.mp-premium-workspace.js-motion .mp-reveal:not(.is-visible),body.mp-premium-workspace.js-motion .mp-reveal-group>*:not(.is-visible){opacity:0;transform:translateY(8px)}
body.mp-premium-workspace.js-motion .mp-reveal,body.mp-premium-workspace.js-motion .mp-reveal-group>*{transition:opacity .26s ease-out,transform .26s cubic-bezier(.2,.7,.2,1)}

@media(max-width:1280px){
 body.mp-premium-workspace .mp-metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 body.mp-premium-workspace .mp-quick-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 body.mp-premium-workspace .mp-strategy-grid,body.mp-premium-workspace .mp-signal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:1040px){
 body.mp-premium-workspace .mp-sidebar{transform:translateX(-102%);transition:transform .2s ease}
 body.mp-premium-workspace.sidebar-open .mp-sidebar{transform:none}
 body.mp-premium-workspace.sidebar-open::after{content:"";position:fixed;inset:0;z-index:70;background:rgba(0,4,12,.62)}
 body.mp-premium-workspace .mp-shell{margin-left:0}
 body.mp-premium-workspace .mp-dashboard-primary,body.mp-premium-workspace .mp-ai-layout,body.mp-premium-workspace .mp-trade-layout,body.mp-premium-workspace .mp-notification-layout,body.mp-premium-workspace .mp-settings-layout,body.mp-premium-workspace .mp-billing-layout,body.mp-premium-workspace .mp-support-layout{grid-template-columns:1fr}
 body.mp-premium-workspace .mp-ai-side,body.mp-premium-workspace .mp-trade-side-panel,body.mp-premium-workspace .mp-billing-side,body.mp-premium-workspace .mp-notification-side,body.mp-premium-workspace .mp-settings-side{grid-template-columns:repeat(2,minmax(0,1fr))}
 body.mp-premium-workspace .mp-account-body{grid-template-columns:1fr}
}
@media(max-width:760px){
 body.mp-premium-workspace{font-size:13px;padding-bottom:74px}
 body.mp-premium-workspace .mp-sidebar{width:min(82vw,292px)}
 body.mp-premium-workspace .mp-topbar{height:62px;padding:0 12px;gap:8px}
 body.mp-premium-workspace .mp-plan-pill{min-width:0;width:42px;height:42px;padding:5px;grid-template-columns:1fr}
 body.mp-premium-workspace .mp-plan-pill>span:not(.mp-plan-icon){display:none}
 body.mp-premium-workspace .mp-plan-icon{width:30px;height:30px}
 body.mp-premium-workspace .mp-user-menu{grid-template-columns:36px}
 body.mp-premium-workspace .mp-user-copy,body.mp-premium-workspace .mp-user-menu>span:last-child{display:none}
 body.mp-premium-workspace .mp-main{width:100%;padding:14px 10px 26px}
 body.mp-premium-workspace .mp-pagebar{align-items:flex-start}
 body.mp-premium-workspace .mp-pagebar h1{font-size:20px}
 body.mp-premium-workspace .mp-pagebar p{font-size:10px;max-width:73vw}
 body.mp-premium-workspace .mp-connection-pill{padding:8px 10px;font-size:9px}
 body.mp-premium-workspace .mp-welcome-row{align-items:flex-start}
 body.mp-premium-workspace .mp-welcome-meta{display:none}
 body.mp-premium-workspace .mp-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 body.mp-premium-workspace .mp-metric-card{min-height:96px;grid-template-columns:34px minmax(0,1fr);gap:8px;padding:10px}
 body.mp-premium-workspace .mp-metric-card:last-child:nth-child(odd){grid-column:1/-1}
 body.mp-premium-workspace .mp-card-icon{width:34px;height:34px;font-size:16px;border-radius:10px}
 body.mp-premium-workspace .mp-metric-card strong{font-size:15px}
 body.mp-premium-workspace .mp-metric-card small{font-size:8px}
 body.mp-premium-workspace .mp-panel{padding:12px;border-radius:15px}
 body.mp-premium-workspace .mp-dashboard-lower,body.mp-premium-workspace .mp-dashboard-footer-grid,body.mp-premium-workspace .mp-analytics-grid,body.mp-premium-workspace .mp-risk-layout,body.mp-premium-workspace .mp-security-grid{grid-template-columns:1fr}
 body.mp-premium-workspace .mp-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 body.mp-premium-workspace .mp-quick-card{min-height:135px;padding:11px}
 body.mp-premium-workspace .mp-account-details dl{grid-template-columns:1fr 1fr}
 body.mp-premium-workspace .mp-account-stats{grid-template-columns:1fr 1fr}
 body.mp-premium-workspace .mp-account-stats>div:last-child{grid-column:1/-1}
 body.mp-premium-workspace .mp-connect-empty{min-height:250px;grid-template-columns:1fr;text-align:center}
 body.mp-premium-workspace .mp-connect-illustration{margin:auto}
 body.mp-premium-workspace .mp-toolbar{align-items:stretch;flex-direction:column}
 body.mp-premium-workspace .mp-search-form,body.mp-premium-workspace .mp-date-filter{width:100%;max-width:none}
 body.mp-premium-workspace .mp-date-filter{display:grid;grid-template-columns:1fr 1fr}
 body.mp-premium-workspace .mp-date-filter .mp-button{grid-column:1/-1}
 body.mp-premium-workspace .mp-toolbar-actions{display:grid;grid-template-columns:1fr 1fr}
 body.mp-premium-workspace .mp-stats-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 body.mp-premium-workspace .mp-stats-row article{min-height:72px;padding:9px}
 body.mp-premium-workspace .mp-data-table{table-layout:fixed}
 body.mp-premium-workspace .mp-data-table th,body.mp-premium-workspace .mp-data-table td{padding:8px 5px;font-size:9px;white-space:normal;overflow-wrap:anywhere}
 body.mp-premium-workspace .mp-data-table th:nth-child(n+5):not(:last-child),body.mp-premium-workspace .mp-data-table td:nth-child(n+5):not(:last-child){display:none}
 body.mp-premium-workspace .mp-data-table td small{font-size:7px}
 body.mp-premium-workspace .mp-ai-chat{min-height:570px}
 body.mp-premium-workspace .mp-chat-stream{min-height:350px;max-height:520px}
 body.mp-premium-workspace .mp-chat-message{max-width:94%}
 body.mp-premium-workspace .mp-ai-side,body.mp-premium-workspace .mp-trade-side-panel,body.mp-premium-workspace .mp-billing-side,body.mp-premium-workspace .mp-notification-side,body.mp-premium-workspace .mp-settings-side{grid-template-columns:1fr}
 body.mp-premium-workspace .mp-form-grid{grid-template-columns:1fr}
 body.mp-premium-workspace .mp-field-wide{grid-column:auto}
 body.mp-premium-workspace .mp-two-column{grid-template-columns:1fr}
 body.mp-premium-workspace .mp-strategy-grid,body.mp-premium-workspace .mp-signal-grid{grid-template-columns:1fr}
 body.mp-premium-workspace .mp-signal-prices{grid-template-columns:repeat(2,1fr)}
 body.mp-premium-workspace .mp-plan-overview .mp-plan-content{grid-template-columns:1fr}
 body.mp-premium-workspace .mp-support-channels{grid-template-columns:1fr}
 body.mp-premium-workspace .mp-ticket-list article{grid-template-columns:65px minmax(0,1fr) auto}
 body.mp-premium-workspace .mp-ticket-list article>b{display:none}
 body.mp-premium-workspace .mp-event-list article{grid-template-columns:44px minmax(0,1fr)}
 body.mp-premium-workspace .mp-event-list article>a{grid-column:2}
 body.mp-premium-workspace .mp-summary-grid{grid-template-columns:1fr 1fr}
 body.mp-premium-workspace .mp-mobile-nav{position:fixed;z-index:90;inset:auto 8px calc(7px + env(safe-area-inset-bottom)) 8px;height:62px;display:grid;grid-template-columns:repeat(5,1fr);border:1px solid rgba(103,139,255,.28);border-radius:17px;background:rgba(5,14,29,.98);box-shadow:0 15px 50px rgba(0,0,0,.45)}
 body.mp-premium-workspace .mp-mobile-nav a{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2px;color:#8392a9}
 body.mp-premium-workspace .mp-mobile-nav a.is-active{color:#5ed9ff}
 body.mp-premium-workspace .mp-mobile-nav span{font-size:18px}
 body.mp-premium-workspace .mp-mobile-nav small{font-size:7px}
 body.mp-premium-workspace .mp-reveal,body.mp-premium-workspace .mp-reveal-group>*{transition-duration:.2s!important}
}
@media(max-width:390px){
 body.mp-premium-workspace .mp-main{padding-inline:8px}
 body.mp-premium-workspace .mp-pagebar p{display:none}
 body.mp-premium-workspace .mp-metric-card strong{font-size:14px}
 body.mp-premium-workspace .mp-quick-card{min-height:125px}
 body.mp-premium-workspace .mp-data-table th:nth-child(4):not(:last-child),body.mp-premium-workspace .mp-data-table td:nth-child(4):not(:last-child){display:none}
}
@media(prefers-reduced-motion:reduce){body.mp-premium-workspace *,body.mp-premium-workspace *::before,body.mp-premium-workspace *::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* Broker connection workflow and remaining premium components */
body.mp-premium-workspace .mp-account-page-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}
body.mp-premium-workspace .mp-account-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:12px}
body.mp-premium-workspace .mp-form{display:grid;gap:12px}
body.mp-premium-workspace .mp-form>label,body.mp-premium-workspace .mp-form-grid>label{display:grid;gap:5px;font-size:10px;color:#b7c2d3}
body.mp-premium-workspace .mp-form .mp-form-note{margin:0;padding:10px;color:var(--mp-muted);font-size:10px;line-height:1.5}
body.mp-premium-workspace .mp-install-guide ol{display:grid;gap:10px;margin:0;padding:0;list-style:none}
body.mp-premium-workspace .mp-install-guide li{display:grid;grid-template-columns:32px minmax(0,1fr);gap:10px;padding:10px;border:1px solid var(--mp-line);border-radius:11px;background:rgba(3,12,27,.42)}
body.mp-premium-workspace .mp-install-guide li>span{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;color:#5ee0ff;background:rgba(31,128,255,.14);font-weight:750}
body.mp-premium-workspace .mp-install-guide li p{margin:3px 0 0;color:var(--mp-muted);font-size:9px;line-height:1.5}
body.mp-premium-workspace .mp-inline-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
body.mp-premium-workspace .mp-token-card{margin-bottom:12px;border-color:rgba(0,217,149,.28)}
body.mp-premium-workspace .mp-token-card>p{color:var(--mp-muted);font-size:11px}
body.mp-premium-workspace .mp-token-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}
body.mp-premium-workspace .mp-token-grid label:last-child{grid-column:1/-1}
body.mp-premium-workspace .mp-token-grid label{display:grid;gap:5px;color:#aebad0;font-size:9px}
body.mp-premium-workspace .mp-token-grid label>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;padding:8px;border:1px solid var(--mp-line);border-radius:9px;background:#040e20}
body.mp-premium-workspace .mp-token-grid code{overflow:hidden;text-overflow:ellipsis;color:#84e8ff;white-space:nowrap}
body.mp-premium-workspace .mp-token-grid button{border:0;color:#c967ff;background:transparent;cursor:pointer}
body.mp-premium-workspace .mp-alert-warning{margin-top:10px;color:#ffcf75;border-color:rgba(255,181,46,.25);background:rgba(255,181,46,.07)}
body.mp-premium-workspace .mp-account-card-body{display:grid;grid-template-columns:minmax(0,1fr) 170px;gap:18px}
body.mp-premium-workspace .mp-account-balance{display:grid;align-content:center;gap:4px;padding:12px;border:1px solid var(--mp-line);border-radius:12px;background:rgba(4,13,28,.54)}
body.mp-premium-workspace .mp-account-balance small{color:var(--mp-muted);font-size:9px}
body.mp-premium-workspace .mp-account-balance strong{font-size:17px}
body.mp-premium-workspace .mp-account-balance span{margin-top:5px;color:#5edaff;font-size:9px}
body.mp-premium-workspace .mp-broker-account-card h3 small{color:#b961ff;font-size:8px;text-transform:uppercase}
body.mp-premium-workspace .mp-progress{height:7px;margin:10px 0;border-radius:999px;background:#101d34;overflow:hidden}
body.mp-premium-workspace .mp-progress i{display:block;width:var(--progress,0%);height:100%;border-radius:inherit;background:linear-gradient(90deg,#20caff,#8546ff)}
body.mp-premium-workspace .mp-priority-high,body.mp-premium-workspace .mp-priority-urgent{color:#ff738d}
body.mp-premium-workspace .mp-priority-low{color:#5edaff}
body.mp-premium-workspace form.loading{opacity:.68;pointer-events:none}
body.mp-premium-workspace form.loading button[aria-busy="true"]{position:relative;color:transparent!important}
body.mp-premium-workspace form.loading button[aria-busy="true"]::after{content:"";position:absolute;width:14px;height:14px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:mpWorkspaceSpin .7s linear infinite}
body.mp-premium-workspace.is-offline .mp-connection-pill{color:#ffca70;border-color:rgba(255,181,46,.28)}
body.mp-premium-workspace.is-offline .mp-connection-pill::after{content:" · offline"}
body.mp-premium-workspace .mp-skeleton{min-height:16px;border-radius:7px;background:linear-gradient(90deg,#0a172b 20%,#132641 38%,#0a172b 56%);background-size:220% 100%;animation:mpWorkspaceSkeleton 1.2s ease-in-out infinite}
@keyframes mpWorkspaceSpin{to{transform:rotate(360deg)}}
@keyframes mpWorkspaceSkeleton{to{background-position:-120% 0}}
@media(max-width:1040px){body.mp-premium-workspace .mp-account-page-grid{grid-template-columns:1fr}}
@media(max-width:760px){
 body.mp-premium-workspace .mp-account-list{grid-template-columns:1fr}
 body.mp-premium-workspace .mp-token-grid{grid-template-columns:1fr}
 body.mp-premium-workspace .mp-token-grid label:last-child{grid-column:auto}
 body.mp-premium-workspace .mp-account-card-body{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){body.mp-premium-workspace .mp-skeleton{animation:none}}

/* Premium dashboard admin: broker connection controls */
.admin-connection-list{display:grid;gap:1rem}.admin-connection-card{margin:0;padding:1rem;border-radius:16px}.admin-connection-card>header,.admin-connection-card>footer{display:flex;align-items:center;justify-content:space-between;gap:1rem}.admin-connection-card>header{margin-bottom:1rem}.admin-connection-card>header div{display:grid;gap:.2rem}.admin-connection-card>header small,.admin-connection-card>footer small{color:var(--muted)}.admin-connection-card>footer{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--line)}.admin-connection-card .toggle-row{display:flex;align-items:center;gap:.65rem;min-height:44px}.admin-connection-card .toggle-row input{width:auto}
@media(max-width:760px){.admin-connection-card>header,.admin-connection-card>footer{align-items:flex-start;flex-direction:column}.admin-connection-card .form-grid.three,.admin-connection-card .form-grid.two{grid-template-columns:1fr}}

/* Phase 3 professional risk engine */
body.mp-premium-workspace .mp-risk-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:12px;border-color:rgba(44,221,177,.25);background:radial-gradient(circle at 90% 10%,rgba(46,211,166,.12),transparent 34%),linear-gradient(135deg,rgba(4,16,34,.96),rgba(7,18,38,.92))}
body.mp-premium-workspace .mp-risk-hero.is-warning{border-color:rgba(255,181,46,.35);background:radial-gradient(circle at 90% 10%,rgba(255,181,46,.13),transparent 34%),linear-gradient(135deg,rgba(4,16,34,.96),rgba(24,18,22,.92))}
body.mp-premium-workspace .mp-risk-hero.is-locked{border-color:rgba(255,71,104,.38);background:radial-gradient(circle at 90% 10%,rgba(255,71,104,.14),transparent 34%),linear-gradient(135deg,rgba(4,16,34,.96),rgba(27,10,24,.93))}
body.mp-premium-workspace .mp-risk-hero h2{margin:4px 0 5px;font-size:21px}
body.mp-premium-workspace .mp-risk-hero p{max-width:720px;margin:0;color:var(--mp-muted);font-size:11px;line-height:1.6}
body.mp-premium-workspace .mp-risk-hero-actions{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:9px}
body.mp-premium-workspace .mp-risk-progress{height:12px;margin:10px 0 16px;border:1px solid rgba(113,143,193,.16);border-radius:999px;background:#071328;overflow:hidden}
body.mp-premium-workspace .mp-risk-progress span{display:block;height:100%;min-width:2px;border-radius:inherit;background:linear-gradient(90deg,#24d7c0 0%,#3b8cff 45%,#8d4dff 70%,#ffb52e 85%,#ff4768 100%);box-shadow:0 0 20px rgba(104,91,255,.32);transition:width .45s ease}
body.mp-premium-workspace .mp-status-pill.is-error{color:#ff8aa0;border-color:rgba(255,71,104,.3);background:rgba(255,71,104,.1)}
body.mp-premium-workspace .mp-status-pill.is-warning{color:#ffd37c;border-color:rgba(255,181,46,.3);background:rgba(255,181,46,.09)}
body.mp-premium-workspace .mp-status-pill.is-success{color:#58e7bd;border-color:rgba(46,211,166,.28);background:rgba(46,211,166,.08)}
@media(max-width:760px){body.mp-premium-workspace .mp-risk-hero{align-items:flex-start;flex-direction:column}body.mp-premium-workspace .mp-risk-hero-actions{justify-content:flex-start;width:100%}}

/* Phase 4 — governed external AI actions */
.mp-ai-action-card{margin-top:14px;padding:16px;border:1px solid rgba(91,126,255,.35);border-radius:16px;background:linear-gradient(145deg,rgba(35,53,104,.58),rgba(16,24,48,.82));box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.mp-ai-action-card strong{display:block;color:#f7f9ff}.mp-ai-action-card p{margin:7px 0;color:#c6d0e4}.mp-ai-action-card small{display:block;color:#8fa0bd;margin-bottom:12px}.mp-ai-action-card>div{display:flex;gap:10px;flex-wrap:wrap}.mp-ai-action-card.is-complete{opacity:.55;pointer-events:none}
.mp-ai-details{margin-top:12px}.mp-ai-details summary{cursor:pointer;color:#8cb5ff;font-size:.8rem}.mp-ai-details pre{margin-top:9px;max-height:260px;overflow:auto;white-space:pre-wrap;word-break:break-word;border:1px solid rgba(111,137,190,.18);border-radius:12px;padding:12px;background:rgba(3,8,19,.5);font-size:.74rem;color:#afbdd4}
.mp-form-note{font-size:.78rem;color:#8291ab;margin:12px 2px 0;line-height:1.55}

/* Phase 5 — WhatsApp and voice pairing */
body.mp-premium-workspace .mp-credential-box{display:grid;gap:8px;margin:16px 0;padding:18px;border:1px solid rgba(82,211,255,.28);border-radius:16px;background:linear-gradient(135deg,rgba(29,93,190,.14),rgba(111,65,255,.1));box-shadow:inset 0 1px rgba(255,255,255,.04)}
body.mp-premium-workspace .mp-credential-box span{font-size:.72rem;letter-spacing:.11em;text-transform:uppercase;color:#58d9ff;font-weight:800}
body.mp-premium-workspace .mp-credential-box strong{font-size:1.55rem;letter-spacing:.08em;color:#f7fbff;word-break:break-all}
body.mp-premium-workspace .mp-credential-box small{color:var(--mp-muted);line-height:1.55}
body.mp-premium-workspace .mp-action-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
body.mp-premium-workspace .mp-action-row form{margin:0}

/* Phase 7 — governed master copier and strategy automation */
body.mp-premium-workspace .mp-section-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin:28px 0 14px}
body.mp-premium-workspace .mp-section-head h2{margin:4px 0 0}
body.mp-premium-workspace .mp-section-head p{margin:6px 0 0;color:var(--mp-muted,#9aacbf)}
body.mp-premium-workspace .mp-disclosure{margin-top:16px;border-top:1px solid rgba(130,164,220,.16);padding-top:12px}
body.mp-premium-workspace .mp-disclosure summary{cursor:pointer;color:#67dbff;font-weight:750;list-style:none}
body.mp-premium-workspace .mp-disclosure summary::-webkit-details-marker{display:none}
body.mp-premium-workspace .mp-disclosure[open] summary{margin-bottom:14px}
body.mp-premium-workspace .mp-stack-form{display:grid;gap:12px}
body.mp-premium-workspace .mp-card-list{display:grid;gap:12px}
body.mp-premium-workspace .mp-list-card{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:14px;padding:16px;border:1px solid rgba(119,155,214,.17);border-radius:16px;background:rgba(7,18,38,.62)}
body.mp-premium-workspace .mp-list-card strong,body.mp-premium-workspace .mp-list-card small{display:block}
body.mp-premium-workspace .mp-list-card small{margin-top:4px;color:#91a6c1}
body.mp-premium-workspace .mp-list-card p{margin:6px 0 0;color:#9db0c8}
body.mp-premium-workspace .mp-text-danger{color:#ff7189!important}
body.mp-premium-workspace .mp-button-danger{background:rgba(238,58,91,.12);border-color:rgba(255,90,116,.35);color:#ff8398}
@media(max-width:850px){body.mp-premium-workspace .mp-list-card{grid-template-columns:1fr}body.mp-premium-workspace .mp-list-card .mp-inline-actions{justify-content:flex-start}body.mp-premium-workspace .mp-section-head{align-items:flex-start;flex-direction:column}}

/* Phase 8 admin Master Cron */
.cron-command-box{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;padding:14px 16px;border:1px solid var(--line-bright);border-radius:14px;background:rgba(4,12,26,.82);box-shadow:inset 0 0 24px rgba(52,139,255,.04)}
.cron-command-box>span{grid-column:1/-1;color:var(--muted);font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.cron-command-box>strong{min-width:0;color:var(--cyan);font-size:12px;line-height:1.6;white-space:normal;word-break:break-all}
.cron-command-box>button{align-self:stretch;padding:0 16px;border:1px solid rgba(126,91,255,.5);border-radius:10px;color:#fff;background:linear-gradient(135deg,rgba(37,167,255,.25),rgba(126,70,255,.35));cursor:pointer;font-weight:800}
.cron-command-box>button:hover{border-color:var(--cyan);transform:translateY(-1px)}
.admin-workspace .form-grid.five{grid-template-columns:repeat(5,minmax(0,1fr))}
@media(max-width:980px){.admin-workspace .form-grid.five{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.cron-command-box{grid-template-columns:1fr}.cron-command-box>button{min-height:42px}.admin-workspace .form-grid.five{grid-template-columns:1fr}}


/* =========================================================
   PROFILE DROPDOWN HOTFIX - click profile, show sign out
   ========================================================= */
.mp-user-dropdown{
    position:relative;
    display:block;
}

.mp-user-dropdown summary{
    list-style:none;
    cursor:pointer;
}

.mp-user-dropdown summary::-webkit-details-marker{
    display:none;
}

.mp-user-dropdown .mp-user-menu{
    user-select:none;
}

.mp-user-dropdown-menu{
    position:absolute;
    top:calc(100% + 10px);
    right:0;
    z-index:9999;
    min-width:190px;
    padding:8px;
    border:1px solid rgba(121,165,229,.24);
    border-radius:14px;
    background:#081328;
    box-shadow:0 18px 45px rgba(0,0,0,.35);
    display:grid;
    gap:6px;
}

.mp-user-dropdown:not([open]) .mp-user-dropdown-menu{
    display:none;
}

.mp-user-dropdown-menu a,
.mp-user-dropdown-menu button{
    display:flex;
    width:100%;
    align-items:center;
    justify-content:flex-start;
    padding:10px 12px;
    border:1px solid transparent;
    border-radius:10px;
    background:transparent;
    color:#edf5ff;
    font:inherit;
    font-weight:750;
    text-align:left;
    text-decoration:none;
    cursor:pointer;
}

.mp-user-dropdown-menu a:hover,
.mp-user-dropdown-menu button:hover{
    background:rgba(49,221,245,.08);
    border-color:rgba(49,221,245,.18);
}

.mp-user-dropdown-menu form{
    margin:0;
}

html[data-theme="light"] .mp-user-dropdown-menu{
    background:#ffffff;
    border-color:rgba(63,83,118,.16);
    box-shadow:0 18px 45px rgba(60,85,130,.18);
}

html[data-theme="light"] .mp-user-dropdown-menu a,
html[data-theme="light"] .mp-user-dropdown-menu button{
    color:#101827;
}

@media(max-width:700px){
    .mp-user-dropdown-menu{
        right:0;
        min-width:170px;
    }
    .mp-user-dropdown .mp-user-copy{
        display:none;
    }
}

/* Roadmap Phase 2 · Customer & Package System Final */
.mp-phase2-plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.mp-phase2-package-card{position:relative;display:flex;flex-direction:column;gap:12px;min-width:0;padding:16px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.025)}
.mp-phase2-package-card.is-selected{border-color:var(--line-bright);box-shadow:inset 0 0 0 1px rgba(49,221,245,.08)}
.mp-phase2-package-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.mp-phase2-package-card h3,.mp-phase2-package-card p{margin:0}.mp-phase2-package-card p{color:var(--muted)}
.mp-phase2-readiness{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.mp-phase2-readiness>div,.mp-phase2-readiness>span{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0;padding:10px 12px;border:1px solid var(--line);border-radius:11px;background:rgba(255,255,255,.02)}
.mp-phase2-readiness strong{font-size:12px}.mp-phase2-readiness small{color:var(--muted)}
.mp-phase2-risk-selector{margin-bottom:14px}.mp-phase2-risk-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.mp-muted-copy{margin:0 0 14px;color:var(--muted);line-height:1.65}
.mp-stack-sm{display:grid;gap:10px}.mp-check{display:flex;align-items:flex-start;gap:8px;color:var(--muted);font-size:12px;line-height:1.5}.mp-check input{margin-top:3px}
body.mp-premium-workspace .mp-phase2-package-card{border-color:var(--mp-line);background:linear-gradient(145deg,rgba(10,25,48,.92),rgba(6,16,33,.96))}
body.mp-premium-workspace .mp-phase2-package-card.is-selected{border-color:var(--mp-line-strong);box-shadow:inset 0 0 0 1px rgba(77,139,255,.08)}
body.mp-premium-workspace .mp-phase2-package-card p,body.mp-premium-workspace .mp-muted-copy,body.mp-premium-workspace .mp-check{color:var(--mp-muted)}
body.mp-premium-workspace .mp-phase2-readiness>div,body.mp-premium-workspace .mp-phase2-readiness>span{border-color:var(--mp-line);background:rgba(7,19,38,.72)}
@media(max-width:900px){.mp-phase2-plan-grid,.mp-phase2-risk-grid{grid-template-columns:1fr}.mp-phase2-readiness{grid-template-columns:1fr}}

/* =========================================================
   ROADMAP PHASE 4 · PREMIUM ANIMATED UI/UX TRANSFORMATION
   Release 8.4.0
   Customer + Admin + Signup + Pricing funnel
   ========================================================= */
:root{
    --mp4-bg:#020711;
    --mp4-panel:#071426;
    --mp4-panel-strong:#0a1930;
    --mp4-line:rgba(111,157,228,.16);
    --mp4-line-hover:rgba(112,100,255,.42);
    --mp4-text:#f7f9ff;
    --mp4-muted:#93a4bd;
    --mp4-cyan:#2fd8ff;
    --mp4-blue:#397bff;
    --mp4-violet:#7848ff;
    --mp4-purple:#b445ff;
    --mp4-green:#11dda1;
    --mp4-red:#ff4d6d;
    --mp4-amber:#ffb62e;
    --mp4-ease:cubic-bezier(.2,.75,.25,1);
    --mp4-spring:cubic-bezier(.18,.88,.28,1.16);
}
html.mp-phase4-root{scroll-behavior:smooth;scroll-padding-top:86px}
body[data-phase4-ui]{position:relative}
body[data-phase4-ui] .mp-ui-ambient{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none}
body[data-phase4-ui] .mp-ui-ambient i{position:absolute;width:46vw;height:46vw;border-radius:50%;filter:blur(100px);opacity:.08;transform:translate3d(0,0,0)}
body[data-phase4-ui] .mp-ui-ambient i:nth-child(1){top:-25vw;right:-8vw;background:#3a7cff}
body[data-phase4-ui] .mp-ui-ambient i:nth-child(2){bottom:-30vw;left:22vw;background:#793cff}
body[data-phase4-ui] .mp-ui-ambient i:nth-child(3){top:45%;left:-25vw;background:#20d8ff;opacity:.045}

/* Customer shell refinement */
body.mp-premium-workspace.mp-phase4-ui{
    --mp-bg:var(--mp4-bg);--mp-panel:var(--mp4-panel);--mp-line:var(--mp4-line);--mp-text:var(--mp4-text);--mp-muted:var(--mp4-muted);
    background:
        radial-gradient(circle at 76% -14%,rgba(49,88,208,.12),transparent 33%),
        radial-gradient(circle at 16% 86%,rgba(105,54,211,.07),transparent 30%),
        linear-gradient(180deg,#020711 0%,#030914 50%,#020711 100%);
}
body.mp-phase4-ui .mp-sidebar{width:244px;padding:17px 15px 15px;gap:15px;background:linear-gradient(180deg,rgba(2,8,19,.995),rgba(3,10,22,.99));border-right-color:rgba(95,144,221,.14);box-shadow:18px 0 60px rgba(0,0,0,.2)}
body.mp-phase4-ui .mp-shell{margin-left:244px}
body.mp-phase4-ui .mp-brand{padding:0 7px 11px}
body.mp-phase4-ui .mp-brand-mark{position:relative;width:46px;height:46px;border-radius:13px;background:linear-gradient(145deg,#21d5ff 0%,#367cff 48%,#913dff 100%);box-shadow:0 0 26px rgba(46,137,255,.34),inset 0 1px 1px rgba(255,255,255,.62);overflow:hidden}
body.mp-phase4-ui .mp-brand-mark::before{content:"";position:absolute;inset:-55%;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.62) 50%,transparent 65%);transform:translateX(-80%) rotate(20deg);animation:mp4LogoShine 5.5s ease-in-out infinite}
body.mp-phase4-ui .mp-brand-mark b{position:relative;z-index:1;font-size:23px}
body.mp-phase4-ui .mp-brand-copy strong{font-size:17px;font-weight:760;letter-spacing:-.025em}
body.mp-phase4-ui .mp-brand-copy small{font-size:10px;color:#9aa9bf}
body.mp-phase4-ui .mp-sidebar-nav{gap:3px}
body.mp-phase4-ui .mp-nav-link{grid-template-columns:29px minmax(0,1fr) auto;min-height:41px;padding:7px 10px;border-radius:9px;color:#d6deeb;font-size:13px;font-weight:530;transition:transform .18s var(--mp4-ease),background .18s,border-color .18s,color .18s}
body.mp-phase4-ui .mp-nav-link:hover{transform:translateX(3px);background:rgba(61,118,255,.07);border-color:rgba(70,135,255,.11)}
body.mp-phase4-ui .mp-nav-link.is-active{background:linear-gradient(100deg,rgba(21,133,255,.17),rgba(131,50,255,.26));border-color:rgba(113,66,255,.52);box-shadow:inset 0 1px rgba(255,255,255,.035),0 8px 26px rgba(53,45,177,.08)}
body.mp-phase4-ui .mp-nav-glyph{display:grid;place-items:center;width:25px;height:25px;color:#c4d0e2}
body.mp-phase4-ui .mp-nav-glyph svg{width:19px;height:19px}
body.mp-phase4-ui .mp-nav-link.is-active .mp-nav-glyph{color:#4fd5ff;filter:drop-shadow(0 0 7px rgba(58,200,255,.28))}
body.mp-phase4-ui .mp-nav-badge{font-weight:780;box-shadow:0 0 14px rgba(147,58,255,.34)}
body.mp-phase4-ui .mp-upgrade-card{padding:15px;border-radius:14px;background:radial-gradient(circle at 94% 8%,rgba(125,54,255,.27),transparent 38%),linear-gradient(155deg,rgba(10,31,69,.94),rgba(6,16,35,.97));transition:transform .28s var(--mp4-ease),border-color .28s,box-shadow .28s}
body.mp-phase4-ui .mp-upgrade-card:hover{transform:translateY(-3px);border-color:rgba(92,111,255,.36);box-shadow:0 20px 45px rgba(0,0,0,.28)}
body.mp-phase4-ui .mp-upgrade-icon{display:inline-block;filter:drop-shadow(0 7px 12px rgba(87,60,255,.3))}
body.mp-phase4-ui .mp-sidebar-foot{padding-bottom:4px}

body.mp-phase4-ui .mp-topbar{height:66px;padding:0 24px;background:rgba(2,8,18,.88);border-bottom-color:rgba(94,143,217,.14);box-shadow:0 12px 36px rgba(0,0,0,.13);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
body.mp-phase4-ui .mp-menu-button svg{width:23px;height:23px}
body.mp-phase4-ui .mp-plan-pill{min-width:184px;border-color:rgba(65,128,255,.31);background:linear-gradient(145deg,rgba(7,22,47,.94),rgba(5,13,29,.96));transition:transform .18s,border-color .18s}
body.mp-phase4-ui .mp-plan-pill:hover{transform:translateY(-1px);border-color:rgba(111,79,255,.48)}
body.mp-phase4-ui .mp-plan-icon svg{width:19px;height:19px}
body.mp-phase4-ui .mp-chev svg{width:15px;height:15px}
body.mp-phase4-ui .mp-notification-button svg{width:21px;height:21px}
body.mp-phase4-ui .mp-user-dropdown{position:relative}
body.mp-phase4-ui .mp-user-menu{cursor:pointer;list-style:none}
body.mp-phase4-ui .mp-user-menu::-webkit-details-marker{display:none}
body.mp-phase4-ui .mp-user-dropdown-menu{position:absolute;z-index:110;top:calc(100% + 12px);right:0;width:190px;padding:8px;border:1px solid rgba(112,153,222,.22);border-radius:13px;background:rgba(6,15,31,.985);box-shadow:0 22px 55px rgba(0,0,0,.42);animation:mp4Dropdown .18s var(--mp4-ease)}
body.mp-phase4-ui .mp-user-dropdown-menu a,body.mp-phase4-ui .mp-user-dropdown-menu button{display:block;width:100%;padding:9px 10px;border:0;border-radius:8px;color:#dfe7f4;background:transparent;text-align:left;cursor:pointer}
body.mp-phase4-ui .mp-user-dropdown-menu a:hover,body.mp-phase4-ui .mp-user-dropdown-menu button:hover{background:rgba(70,111,255,.1);color:#fff}

body.mp-phase4-ui .mp-main{width:min(100%,1540px);padding:18px 24px 48px}
body.mp-phase4-ui .mp-pagebar{margin-bottom:14px}
body.mp-phase4-ui .mp-pagebar h1{font-size:23px;font-weight:720}
body.mp-phase4-ui .mp-pagebar p{font-size:11px;color:#97a7bd}
body.mp-phase4-ui .mp-connection-pill{padding:9px 14px;border-color:rgba(62,207,165,.18);background:rgba(4,21,31,.7);font-size:11px}
body.mp-phase4-ui .mp-connection-pill.is-online{color:#eafff8}
body.mp-phase4-ui .mp-connection-pill.is-online i{animation:mp4StatusPulse 2.2s ease-in-out infinite}
body.mp-phase4-ui .mp-connection-pill.is-offline{color:#ffd38a;border-color:rgba(255,182,46,.2)}
body.mp-phase4-ui.is-offline .mp-connection-pill::after{content:""}

body.mp-phase4-ui .mp-page-stage{position:relative}
body.mp-phase4-ui .mp-panel,body.mp-phase4-ui .mp-metric-card,body.mp-phase4-ui .mp-quick-card,body.mp-phase4-ui .mp-channel-card,body.mp-phase4-ui .mp-stats-row article{
    border-color:rgba(109,155,224,.145);
    background:linear-gradient(145deg,rgba(7,20,39,.97),rgba(4,14,29,.98));
    box-shadow:inset 0 1px rgba(255,255,255,.026),0 15px 45px rgba(0,0,0,.12);
    transition:transform .24s var(--mp4-ease),border-color .24s,box-shadow .24s,background .24s;
}
body.mp-phase4-ui .mp-panel:hover,body.mp-phase4-ui .mp-metric-card:hover,body.mp-phase4-ui .mp-quick-card:hover,body.mp-phase4-ui .mp-channel-card:hover{border-color:rgba(94,126,255,.27);box-shadow:inset 0 1px rgba(255,255,255,.04),0 18px 48px rgba(0,0,0,.2)}
body.mp-phase4-ui .mp-metric-card:hover,body.mp-phase4-ui .mp-quick-card:hover{transform:translateY(-3px)}
body.mp-phase4-ui .mp-metric-card::after,body.mp-phase4-ui .mp-quick-card::after{content:"";position:absolute;inset:-1px;border-radius:inherit;pointer-events:none;background:linear-gradient(115deg,transparent 20%,rgba(78,157,255,.055) 44%,transparent 68%);opacity:0;transition:opacity .24s}
body.mp-phase4-ui .mp-metric-card:hover::after,body.mp-phase4-ui .mp-quick-card:hover::after{opacity:1}
body.mp-phase4-ui .mp-panel-header h3{font-size:15px}
body.mp-phase4-ui .mp-eyebrow{font-size:8.5px;color:#58d8ff}
body.mp-phase4-ui .mp-card-icon{background:linear-gradient(145deg,rgba(49,128,255,.16),rgba(115,62,255,.12));box-shadow:inset 0 1px rgba(255,255,255,.04)}
body.mp-phase4-ui .mp-button{position:relative;overflow:hidden;transition:transform .18s var(--mp4-ease),box-shadow .18s,border-color .18s,filter .18s}
body.mp-phase4-ui .mp-button:hover{transform:translateY(-2px)}
body.mp-phase4-ui .mp-button-gradient{background:linear-gradient(110deg,#236fff,#823cff 72%,#b235ff);box-shadow:0 10px 25px rgba(65,70,255,.2)}
body.mp-phase4-ui .mp-button-gradient:hover{box-shadow:0 14px 34px rgba(76,68,255,.3);filter:saturate(1.12)}
body.mp-phase4-ui .mp-button-gradient::after{content:"";position:absolute;inset:-200% -55%;background:linear-gradient(110deg,transparent 42%,rgba(255,255,255,.24) 50%,transparent 58%);transform:translateX(-52%);transition:transform .55s var(--mp4-ease)}
body.mp-phase4-ui .mp-button-gradient:hover::after{transform:translateX(52%)}

/* Data/table polish */
body.mp-phase4-ui .mp-data-table tbody tr,body.mp-phase4-ui .mp-compact-table>a,body.mp-phase4-ui .mp-ticket-list article{transition:background .16s,transform .16s}
body.mp-phase4-ui .mp-data-table tbody tr:hover{background:rgba(43,106,210,.065)}
body.mp-phase4-ui .mp-compact-table>a:hover{background:rgba(43,106,210,.065);transform:translateX(2px)}
body.mp-phase4-ui .mp-progress i,body.mp-phase4-ui .mp-risk-progress span{transition:width .9s var(--mp4-ease)}
body.mp-phase4-ui [data-donut-chart] svg circle,body.mp-phase4-ui [data-bar-chart] svg rect{transform-box:fill-box;transform-origin:center;animation:mp4ChartPop .55s var(--mp4-ease) both}
body.mp-phase4-ui [data-bar-chart] svg rect{transform-origin:center bottom}
body.mp-phase4-ui .mp-account-visual svg path:first-of-type{stroke-dasharray:900;stroke-dashoffset:900;animation:mp4LineDraw 1.25s .28s var(--mp4-ease) forwards}

/* Page-load / reveal choreography */
html.js body[data-phase4-ui] .mp-phase4-enter,html.js body[data-phase4-ui] [data-phase4-stage]>.mp-reveal,html.js body[data-phase4-ui] [data-phase4-stage]>.mp-reveal-group{opacity:0;transform:translateY(16px) scale(.992)}
html.js body[data-phase4-ui].mp4-ready .mp-phase4-enter,html.js body[data-phase4-ui].mp4-ready [data-phase4-stage]>.mp-reveal,html.js body[data-phase4-ui].mp4-ready [data-phase4-stage]>.mp-reveal-group{opacity:1;transform:none;transition:opacity .52s var(--mp4-ease),transform .52s var(--mp4-ease)}
html.js body.mp-phase4-ui:not(.mp4-ready) .mp-sidebar{transform:translateX(-24px);opacity:0}
html.js body.mp-phase4-ui.mp4-ready .mp-sidebar{transform:none;opacity:1;transition:transform .48s var(--mp4-ease),opacity .4s ease}
html.js body.mp-phase4-ui:not(.mp4-ready) .mp-topbar{transform:translateY(-18px);opacity:0}
html.js body.mp-phase4-ui.mp4-ready .mp-topbar{transform:none;opacity:1;transition:transform .45s .06s var(--mp4-ease),opacity .4s .06s}
html.js body.mp-phase4-ui .mp-nav-link{--mp4-nav-delay:0ms}
html.js body.mp-phase4-ui:not(.mp4-ready) .mp-nav-link{transform:translateX(-9px);opacity:0}
html.js body.mp-phase4-ui.mp4-ready .mp-nav-link{transform:none;opacity:1;transition:transform .34s var(--mp4-ease),opacity .34s ease,background .18s,border-color .18s,color .18s;transition-delay:var(--mp4-nav-delay)}

/* Mobile remains a real layout, not a desktop shrink */
@media(max-width:1040px){
    body.mp-phase4-ui .mp-sidebar{width:min(84vw,300px);transform:translateX(-104%);opacity:1}
    html.js body.mp-phase4-ui:not(.mp4-ready) .mp-sidebar{transform:translateX(-104%);opacity:1}
    body.mp-phase4-ui.sidebar-open .mp-sidebar{transform:none!important}
    body.mp-phase4-ui .mp-shell{margin-left:0}
}
@media(max-width:760px){
    body.mp-phase4-ui .mp-main{padding:13px 9px 28px}
    body.mp-phase4-ui .mp-topbar{padding-inline:10px}
    body.mp-phase4-ui .mp-connection-pill{max-width:136px;white-space:normal;text-align:center;line-height:1.2}
    body.mp-phase4-ui .mp-mobile-nav a span svg{width:20px;height:20px}
    body.mp-phase4-ui .mp-metric-card:hover,body.mp-phase4-ui .mp-quick-card:hover{transform:none}
}

/* =========================================================
   ADMIN PHASE 4 CONTROL CENTER
   ========================================================= */
body.mp-admin-v4{
    --admin-line:rgba(108,156,228,.15);--admin-panel:rgba(7,20,39,.96);--admin-muted:#91a3bc;
    min-height:100vh;margin:0;color:#f6f8ff;background:radial-gradient(circle at 76% -12%,rgba(55,83,200,.12),transparent 34%),linear-gradient(180deg,#020711,#030914 58%,#020711);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color-scheme:dark;overflow-x:hidden
}
body.mp-admin-v4 *{box-sizing:border-box}
body.mp-admin-v4 a{text-decoration:none;color:inherit}
body.mp-admin-v4 .mp-admin-sidebar{position:fixed;z-index:80;inset:0 auto 0 0;width:258px;padding:17px 15px;display:flex;flex-direction:column;gap:15px;border-right:1px solid var(--admin-line);background:rgba(2,9,20,.985);overflow-y:auto;box-shadow:18px 0 55px rgba(0,0,0,.18)}
body.mp-admin-v4 .mp-admin-brand{display:flex;align-items:center;gap:11px;padding:0 7px 9px}
body.mp-admin-v4 .mp-brand-mark{width:43px;height:43px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(145deg,#24d8ff,#3c77ff 50%,#9140ff);box-shadow:0 0 25px rgba(55,133,255,.3)}
body.mp-admin-v4 .mp-brand-copy{display:grid;gap:1px}body.mp-admin-v4 .mp-brand-copy strong{font-size:16px}body.mp-admin-v4 .mp-brand-copy small{font-size:10px;color:var(--admin-muted)}
body.mp-admin-v4 .mp-admin-security-note{display:flex;gap:9px;align-items:center;padding:10px;border:1px solid rgba(34,212,159,.13);border-radius:11px;background:rgba(5,40,36,.22)}
body.mp-admin-v4 .mp-admin-security-note>span{color:#25d7a3}body.mp-admin-v4 .mp-admin-security-note div{display:grid}body.mp-admin-v4 .mp-admin-security-note strong{font-size:10px}body.mp-admin-v4 .mp-admin-security-note small{font-size:8px;color:var(--admin-muted)}
body.mp-admin-v4 .mp-admin-nav{display:grid;gap:3px}
body.mp-admin-v4 .mp-admin-nav a{display:grid;grid-template-columns:27px minmax(0,1fr);align-items:center;gap:7px;min-height:39px;padding:7px 10px;border:1px solid transparent;border-radius:9px;color:#cbd6e7;font-size:11px;transition:transform .17s,background .17s,border-color .17s}
body.mp-admin-v4 .mp-admin-nav a:hover{transform:translateX(3px);background:rgba(62,118,255,.07)}
body.mp-admin-v4 .mp-admin-nav a.active{color:#fff;border-color:rgba(112,66,255,.48);background:linear-gradient(100deg,rgba(18,126,255,.17),rgba(125,51,255,.24))}
body.mp-admin-v4 .mp-admin-nav .nav-icon{display:grid;place-items:center;width:24px;height:24px;color:#bfcde0;background:transparent;border:0}
body.mp-admin-v4 .mp-admin-nav svg{width:17px;height:17px}body.mp-admin-v4 .mp-admin-nav a.active svg{color:#54d8ff;filter:drop-shadow(0 0 6px rgba(61,203,255,.25))}
body.mp-admin-v4 .mp-admin-side-foot{display:grid;gap:6px;margin-top:auto;padding:10px 7px;color:#94a6bd;font-size:9px}body.mp-admin-v4 .mp-admin-side-foot a{display:flex;justify-content:space-between;color:#c9d5e7}
body.mp-admin-v4 .mp-admin-main{min-height:100vh;margin-left:258px}
body.mp-admin-v4 .mp-admin-topbar{position:sticky;top:0;z-index:60;height:68px;padding:0 24px;display:flex;align-items:center;gap:13px;border-bottom:1px solid var(--admin-line);background:rgba(2,8,18,.9);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
body.mp-admin-v4 .mp-admin-title{display:grid;gap:1px}body.mp-admin-v4 .mp-admin-title .eyebrow{font-size:8px;color:#56d7ff;letter-spacing:.11em}body.mp-admin-v4 .mp-admin-title h1{margin:0;font-size:17px;letter-spacing:-.02em}
body.mp-admin-v4 .mp-admin-top-spacer{flex:1}
body.mp-admin-v4 .mp-admin-notice{display:flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid rgba(62,210,160,.17);border-radius:999px;background:rgba(5,35,33,.3);font-size:9px;color:#cbfff0}
body.mp-admin-v4 .mp-admin-notice .status-success{width:7px;height:7px;border-radius:50%;background:#11dda1;box-shadow:0 0 10px rgba(17,221,161,.6)}
body.mp-admin-v4 .mp-notification-button{width:37px;height:37px;display:grid;place-items:center;border:1px solid var(--admin-line);border-radius:9px;background:#071427}body.mp-admin-v4 .mp-notification-button svg{width:19px;height:19px}
body.mp-admin-v4 .mp-admin-user{position:relative}body.mp-admin-v4 .mp-admin-user summary{display:flex;align-items:center;gap:8px;list-style:none;cursor:pointer}body.mp-admin-v4 .mp-admin-user summary::-webkit-details-marker{display:none}body.mp-admin-v4 .mp-admin-user .avatar{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,#3f68ff,#8c3dff);font-size:12px;font-weight:760}body.mp-admin-v4 .mp-admin-user summary>span:nth-child(2){display:grid}body.mp-admin-v4 .mp-admin-user strong{font-size:10px}body.mp-admin-v4 .mp-admin-user small{font-size:8px;color:var(--admin-muted)}body.mp-admin-v4 .mp-admin-user>div{position:absolute;right:0;top:calc(100% + 10px);width:170px;padding:8px;border:1px solid var(--admin-line);border-radius:11px;background:#071427;box-shadow:0 20px 50px rgba(0,0,0,.4)}body.mp-admin-v4 .mp-admin-user>div a,body.mp-admin-v4 .mp-admin-user>div button{display:block;width:100%;padding:8px;border:0;border-radius:7px;background:transparent;color:#dce6f4;text-align:left;cursor:pointer}body.mp-admin-v4 .mp-admin-user>div a:hover,body.mp-admin-v4 .mp-admin-user>div button:hover{background:rgba(71,109,255,.1)}
body.mp-admin-v4 .mp-admin-content{width:min(100%,1600px);margin:0 auto;padding:20px 24px 50px}
body.mp-admin-v4 .glass,body.mp-admin-v4 .panel,body.mp-admin-v4 .readiness-card,body.mp-admin-v4 .metric-card,body.mp-admin-v4 .dashboard-mission,body.mp-admin-v4 .filter-bar{border-color:var(--admin-line)!important;background:linear-gradient(145deg,rgba(7,20,39,.97),rgba(4,14,29,.98))!important;box-shadow:inset 0 1px rgba(255,255,255,.025),0 14px 40px rgba(0,0,0,.12)!important;transition:transform .22s var(--mp4-ease),border-color .22s,box-shadow .22s}
body.mp-admin-v4 .readiness-card:hover,body.mp-admin-v4 .metric-card:hover{transform:translateY(-3px);border-color:rgba(91,115,255,.27)!important;box-shadow:0 18px 45px rgba(0,0,0,.18)!important}
body.mp-admin-v4 .readiness-grid{gap:11px}body.mp-admin-v4 .readiness-card{border-radius:15px!important;padding:15px!important}body.mp-admin-v4 .readiness-card>strong{font-size:27px!important}
body.mp-admin-v4 .dashboard-mission{border-radius:18px!important;overflow:hidden;position:relative}body.mp-admin-v4 .dashboard-mission::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 88% 18%,rgba(105,59,255,.12),transparent 35%)}
body.mp-admin-v4 .panel{border-radius:16px!important}body.mp-admin-v4 .eyebrow{color:#56d8ff!important;font-size:9px!important}body.mp-admin-v4 h2{letter-spacing:-.025em}
body.mp-admin-v4 table{border-collapse:separate;border-spacing:0;width:100%}body.mp-admin-v4 th{color:#93a7c0;font-size:9px;letter-spacing:.035em}body.mp-admin-v4 td{color:#d9e2ef;font-size:10px}body.mp-admin-v4 tbody tr{transition:background .16s}body.mp-admin-v4 tbody tr:hover{background:rgba(42,99,194,.065)}
body.mp-admin-v4 input,body.mp-admin-v4 select,body.mp-admin-v4 textarea{border-color:rgba(108,151,220,.18);background:#061225;color:#eef4ff}
body.mp-admin-v4 .button{border-radius:9px;background:linear-gradient(110deg,#236fff,#7c42ff);box-shadow:0 8px 22px rgba(63,72,255,.16);transition:transform .16s,box-shadow .16s}body.mp-admin-v4 .button:hover{transform:translateY(-1px);box-shadow:0 12px 28px rgba(67,70,255,.24)}body.mp-admin-v4 .button-quiet{background:#08162a;border-color:var(--admin-line);box-shadow:none}
html.js body.mp-admin-v4:not(.mp4-ready) .mp-admin-sidebar{opacity:0;transform:translateX(-22px)}html.js body.mp-admin-v4.mp4-ready .mp-admin-sidebar{opacity:1;transform:none;transition:opacity .4s,transform .48s var(--mp4-ease)}
html.js body.mp-admin-v4:not(.mp4-ready) .mp-admin-topbar{opacity:0;transform:translateY(-15px)}html.js body.mp-admin-v4.mp4-ready .mp-admin-topbar{opacity:1;transform:none;transition:opacity .38s .05s,transform .45s .05s var(--mp4-ease)}
html.js body.mp-admin-v4 [data-phase4-stage]>*{opacity:0;transform:translateY(14px) scale(.994)}html.js body.mp-admin-v4.mp4-ready [data-phase4-stage]>*{opacity:1;transform:none;transition:opacity .48s var(--mp4-ease),transform .48s var(--mp4-ease);transition-delay:var(--mp4-enter-delay,0ms)}
@media(max-width:1100px){body.mp-admin-v4 .mp-admin-sidebar{transform:translateX(-105%);opacity:1;width:min(84vw,300px)}body.mp-admin-v4.sidebar-open .mp-admin-sidebar{transform:none!important}body.mp-admin-v4 .mp-admin-main{margin-left:0}body.mp-admin-v4.sidebar-open::after{content:"";position:fixed;z-index:70;inset:0;background:rgba(0,4,12,.66)}}
@media(max-width:700px){body.mp-admin-v4 .mp-admin-content{padding:13px 9px 35px}body.mp-admin-v4 .mp-admin-topbar{height:62px;padding:0 10px}body.mp-admin-v4 .mp-admin-notice{display:none}body.mp-admin-v4 .mp-admin-user summary>span:nth-child(2),body.mp-admin-v4 .mp-admin-user summary>b{display:none}body.mp-admin-v4 .readiness-grid,body.mp-admin-v4 .metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}body.mp-admin-v4 .table-wrap{overflow:auto}}

/* =========================================================
   AUTH + ANIMATED SIGNUP WIZARD
   ========================================================= */
body.mp-auth-v4{min-height:100vh;background:radial-gradient(circle at 20% 12%,rgba(45,120,255,.13),transparent 30%),radial-gradient(circle at 80% 80%,rgba(122,52,255,.11),transparent 31%),linear-gradient(145deg,#020711,#040b18);overflow-x:hidden}
body.mp-auth-v4 .mp-auth-ambient{position:fixed;inset:0;pointer-events:none;overflow:hidden}body.mp-auth-v4 .mp-auth-ambient i{position:absolute;width:330px;height:330px;border-radius:50%;filter:blur(85px);opacity:.11}body.mp-auth-v4 .mp-auth-ambient i:nth-child(1){left:-130px;top:-110px;background:#2acfff}body.mp-auth-v4 .mp-auth-ambient i:nth-child(2){right:-130px;bottom:-120px;background:#8742ff}body.mp-auth-v4 .mp-auth-ambient i:nth-child(3){right:24%;top:22%;width:150px;height:150px;background:#304eff;opacity:.06}
body.mp-auth-v4 .auth-shell{position:relative;z-index:1;min-height:100vh;display:grid;grid-template-columns:minmax(360px,.82fr) minmax(560px,1.18fr);background:transparent}
body.mp-auth-v4 .mp-auth-aside-v4{position:relative;padding:42px clamp(30px,5vw,72px);display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;border-right:1px solid rgba(107,153,225,.15);background:linear-gradient(145deg,rgba(3,12,27,.86),rgba(5,14,31,.58))}
body.mp-auth-v4 .mp-auth-aside-v4::after{content:"";position:absolute;width:420px;height:420px;right:-210px;bottom:-180px;border:1px solid rgba(85,124,255,.12);border-radius:50%;box-shadow:0 0 0 50px rgba(74,76,255,.018),0 0 0 100px rgba(79,61,255,.012)}
body.mp-auth-v4 .mp-auth-copy{position:relative;z-index:1;max-width:520px}body.mp-auth-v4 .mp-auth-copy h1{margin:10px 0 13px;font-size:clamp(38px,4.2vw,66px);line-height:1.02;letter-spacing:-.055em}body.mp-auth-v4 .mp-auth-copy p{max-width:480px;color:#9babc0;line-height:1.7}
body.mp-auth-v4 .trust-list{position:relative;z-index:1;display:grid;gap:10px;padding:0;list-style:none;color:#b9c6d8}body.mp-auth-v4 .trust-list span{display:inline-grid;place-items:center;width:21px;height:21px;margin-right:8px;border-radius:50%;color:#49e2b3;background:rgba(15,208,151,.1)}
body.mp-auth-v4 .mp-auth-orbit{position:absolute;right:5%;top:16%;width:210px;height:210px;border:1px solid rgba(81,120,255,.11);border-radius:50%;opacity:.7}body.mp-auth-v4 .mp-auth-orbit span{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:70px;height:70px;display:grid;place-items:center;border-radius:50%;color:#7fe8ff;font-size:19px;font-weight:800;background:rgba(30,102,198,.15);box-shadow:0 0 50px rgba(50,113,255,.18)}body.mp-auth-v4 .mp-auth-orbit i{position:absolute;width:8px;height:8px;border-radius:50%;background:#53d9ff;box-shadow:0 0 15px rgba(83,217,255,.7)}body.mp-auth-v4 .mp-auth-orbit i:nth-of-type(1){top:8%;left:47%}body.mp-auth-v4 .mp-auth-orbit i:nth-of-type(2){bottom:18%;left:10%;background:#8e5cff}body.mp-auth-v4 .mp-auth-orbit i:nth-of-type(3){right:5%;bottom:30%;background:#20dba0}
body.mp-auth-v4 .auth-content{display:grid;place-items:center;padding:34px clamp(18px,4vw,64px)}body.mp-auth-v4 .mp-auth-content-inner{width:min(760px,100%)}body.mp-auth-v4 .auth-card{width:100%;max-width:none;padding:25px;border:1px solid rgba(109,154,226,.17);border-radius:22px;background:linear-gradient(145deg,rgba(7,20,39,.96),rgba(4,14,29,.97));box-shadow:0 28px 75px rgba(0,0,0,.27),inset 0 1px rgba(255,255,255,.035)}
body.mp-auth-v4 .mp-register-head h2{margin:7px 0 6px;font-size:27px;letter-spacing:-.035em}body.mp-auth-v4 .mp-register-head p{margin:0;color:#99abc2;line-height:1.55}
body.mp-auth-v4 .mp-register-progress{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:22px 0 18px;padding:0;list-style:none}body.mp-auth-v4 .mp-register-progress li{position:relative;display:flex;align-items:center;gap:8px;min-width:0;padding:10px;border:1px solid rgba(110,153,220,.13);border-radius:12px;background:rgba(4,14,29,.55);transition:border-color .25s,background .25s,transform .25s}body.mp-auth-v4 .mp-register-progress li b{width:27px;height:27px;display:grid;place-items:center;flex:0 0 auto;border-radius:8px;color:#8698b2;background:#0c1b31;font-size:10px}body.mp-auth-v4 .mp-register-progress li span{display:grid;min-width:0}body.mp-auth-v4 .mp-register-progress strong{font-size:10px}body.mp-auth-v4 .mp-register-progress small{font-size:8px;color:#8294ae}body.mp-auth-v4 .mp-register-progress li.is-active{border-color:rgba(103,74,255,.42);background:linear-gradient(135deg,rgba(38,96,225,.12),rgba(111,54,255,.12));transform:translateY(-1px)}body.mp-auth-v4 .mp-register-progress li.is-active b,body.mp-auth-v4 .mp-register-progress li.is-complete b{color:#fff;background:linear-gradient(135deg,#2879ff,#7b43ff)}body.mp-auth-v4 .mp-register-progress li.is-complete{border-color:rgba(41,210,159,.2)}
body.mp-auth-v4 .mp-register-stage{position:relative;min-height:410px}body.mp-auth-v4 .mp-register-step{display:block}html.js body.mp-auth-v4 .mp-register-step{display:none}html.js body.mp-auth-v4 .mp-register-step.is-active{display:block;animation:mp4SignupIn .42s var(--mp4-ease) both}
body.mp-auth-v4 .mp-step-heading{display:flex;align-items:center;gap:11px;margin:3px 0 17px}body.mp-auth-v4 .mp-step-icon{width:42px;height:42px;display:grid;place-items:center;flex:0 0 auto;border:1px solid rgba(74,137,255,.24);border-radius:12px;color:#65dcff;background:linear-gradient(145deg,rgba(31,111,235,.14),rgba(100,52,218,.11));font-size:10px;font-weight:800}body.mp-auth-v4 .mp-step-heading h3{margin:0 0 3px;font-size:18px}body.mp-auth-v4 .mp-step-heading p{margin:0;color:#8fa2bb;font-size:10px;line-height:1.45}
body.mp-auth-v4 .form-grid{gap:11px}body.mp-auth-v4 label{color:#bbc7d8;font-size:10px}body.mp-auth-v4 input,body.mp-auth-v4 select{min-height:44px;border:1px solid rgba(107,151,220,.2);border-radius:10px;background:#061225;color:#f4f7ff;transition:border-color .18s,box-shadow .18s,transform .18s}body.mp-auth-v4 input:focus,body.mp-auth-v4 select:focus{border-color:rgba(62,163,255,.56);box-shadow:0 0 0 3px rgba(42,126,255,.09);outline:0}body.mp-auth-v4 input.mp-field-error{border-color:rgba(255,77,109,.62);box-shadow:0 0 0 3px rgba(255,77,109,.08);animation:mp4FieldShake .28s ease}
body.mp-auth-v4 .mp-password-meter{display:block;height:3px;margin-top:5px;border-radius:999px;background:#101f35;overflow:hidden}body.mp-auth-v4 .mp-password-meter i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ff526f,#ffb62e,#1dde9f);transition:width .25s}
body.mp-auth-v4 .mp-billing-choice{display:inline-flex;gap:4px;margin-bottom:13px;padding:4px;border:1px solid rgba(109,153,220,.15);border-radius:11px;background:#061225}body.mp-auth-v4 .mp-billing-choice button{min-height:34px;padding:6px 12px;border:0;border-radius:8px;color:#91a3bc;background:transparent;cursor:pointer;font-size:10px}body.mp-auth-v4 .mp-billing-choice button small{margin-left:5px;color:#4ee4b5}body.mp-auth-v4 .mp-billing-choice button.is-active{color:#fff;background:linear-gradient(110deg,rgba(40,116,255,.42),rgba(124,64,255,.42));box-shadow:inset 0 1px rgba(255,255,255,.07)}
body.mp-auth-v4 .mp-register-plan-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;max-height:325px;padding:1px;overflow:auto}body.mp-auth-v4 .mp-register-plan{position:relative;display:grid;grid-template-columns:20px minmax(0,1fr);gap:9px;padding:12px;border:1px solid rgba(108,151,220,.16);border-radius:13px;background:rgba(5,16,33,.67);cursor:pointer;transition:transform .18s,border-color .18s,background .18s,box-shadow .18s}body.mp-auth-v4 .mp-register-plan:hover{transform:translateY(-2px);border-color:rgba(77,131,255,.32)}body.mp-auth-v4 .mp-register-plan.is-selected{border-color:rgba(112,68,255,.54);background:linear-gradient(145deg,rgba(24,71,157,.16),rgba(93,47,174,.13));box-shadow:0 10px 28px rgba(47,45,139,.1)}body.mp-auth-v4 .mp-register-plan input{position:absolute;opacity:0;pointer-events:none}body.mp-auth-v4 .mp-plan-select-dot{width:17px;height:17px;border:1px solid #52647d;border-radius:50%}body.mp-auth-v4 .mp-register-plan.is-selected .mp-plan-select-dot{border:5px solid #684cff;background:#fff}body.mp-auth-v4 .mp-register-plan-copy{display:grid;gap:2px}body.mp-auth-v4 .mp-register-plan-copy strong{font-size:11px;color:#eef4ff}body.mp-auth-v4 .mp-register-plan-copy small{font-size:8.5px;color:#8fa0b8;line-height:1.4}body.mp-auth-v4 .mp-register-plan-copy em{margin-top:5px;color:#65dfff;font-size:16px;font-style:normal;font-weight:760}body.mp-auth-v4 .mp-register-plan-copy em b{margin-left:3px;color:#8495ac;font-size:8px;font-weight:500}body.mp-auth-v4 .mp-register-plan ul{grid-column:1/-1;margin:4px 0 0;padding:8px 0 0;border-top:1px solid rgba(109,151,220,.11);list-style:none;display:grid;gap:3px;color:#9eb0c5;font-size:8px}
body.mp-auth-v4 .mp-register-review{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px}body.mp-auth-v4 .mp-register-review article{padding:12px;border:1px solid rgba(108,151,220,.15);border-radius:12px;background:rgba(5,16,33,.64)}body.mp-auth-v4 .mp-register-review span{display:block;color:#58d9ff;font-size:8px;letter-spacing:.09em;text-transform:uppercase}body.mp-auth-v4 .mp-register-review strong{display:block;margin:5px 0 3px;font-size:11px}body.mp-auth-v4 .mp-register-review small{color:#8ea1b9;font-size:8px;line-height:1.45}
body.mp-auth-v4 .mp-consent-stack{display:grid;gap:8px}body.mp-auth-v4 .mp-consent-stack .check{align-items:flex-start;padding:11px;border:1px solid rgba(109,151,220,.13);border-radius:11px;background:rgba(4,14,29,.5)}body.mp-auth-v4 .mp-consent-stack .check input{min-height:0;margin-top:2px}body.mp-auth-v4 .mp-register-actions{display:flex;justify-content:space-between;align-items:center;gap:9px;margin-top:17px}body.mp-auth-v4 .mp-register-actions .button{min-height:42px;border-radius:10px}body.mp-auth-v4 .mp-register-submit{min-width:165px;background:linear-gradient(110deg,#2377ff,#7d41ff);box-shadow:0 12px 30px rgba(63,70,255,.23)}
@media(max-width:980px){body.mp-auth-v4 .auth-shell{grid-template-columns:1fr}body.mp-auth-v4 .mp-auth-aside-v4{min-height:280px;padding:28px 22px;border-right:0;border-bottom:1px solid rgba(107,153,225,.15)}body.mp-auth-v4 .mp-auth-copy h1{font-size:42px}body.mp-auth-v4 .mp-auth-orbit{right:5%;top:12%;width:150px;height:150px}body.mp-auth-v4 .trust-list{display:none}body.mp-auth-v4 .auth-content{padding:18px 12px 35px}}
@media(max-width:620px){body.mp-auth-v4 .mp-auth-aside-v4{min-height:220px}body.mp-auth-v4 .mp-auth-copy h1{font-size:34px;max-width:80%}body.mp-auth-v4 .mp-auth-copy p{font-size:11px;max-width:78%}body.mp-auth-v4 .mp-auth-orbit{width:120px;height:120px;right:-20px;top:65px}body.mp-auth-v4 .auth-card{padding:16px;border-radius:17px}body.mp-auth-v4 .mp-register-progress li{justify-content:center;padding:8px}body.mp-auth-v4 .mp-register-progress li span{display:none}body.mp-auth-v4 .mp-register-plan-grid{grid-template-columns:1fr;max-height:none}body.mp-auth-v4 .mp-register-review{grid-template-columns:1fr}body.mp-auth-v4 .mp-register-actions{align-items:stretch;flex-direction:column-reverse}body.mp-auth-v4 .mp-register-actions .button{width:100%;justify-content:center}}

/* Public pricing is now a homepage destination */
body.mp-public-v4 #pricing{scroll-margin-top:88px}
body.mp-public-v4 .pricing-v13-card{transition:transform .3s var(--mp4-ease),border-color .3s,box-shadow .3s}
body.mp-public-v4 .pricing-v13-card:hover{transform:translateY(-7px)}
body.mp-public-v4 .pricing-v13-cta{position:relative;overflow:hidden}
body.mp-public-v4 .pricing-v13-cta::after{content:"";position:absolute;inset:-130% -50%;background:linear-gradient(110deg,transparent 40%,rgba(255,255,255,.24) 50%,transparent 60%);transform:translateX(-70%);transition:transform .55s var(--mp4-ease)}body.mp-public-v4 .pricing-v13-cta:hover::after{transform:translateX(70%)}

/* Motion keyframes */
@keyframes mp4LogoShine{0%,68%,100%{transform:translateX(-90%) rotate(20deg)}82%{transform:translateX(90%) rotate(20deg)}}
@keyframes mp4StatusPulse{0%,100%{box-shadow:0 0 0 4px rgba(17,221,161,.08),0 0 9px rgba(17,221,161,.45)}50%{box-shadow:0 0 0 7px rgba(17,221,161,.035),0 0 14px rgba(17,221,161,.7)}}
@keyframes mp4Dropdown{from{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:none}}
@keyframes mp4ChartPop{from{opacity:.1;transform:scaleY(.08)}to{opacity:1;transform:scaleY(1)}}
@keyframes mp4LineDraw{to{stroke-dashoffset:0}}
@keyframes mp4SignupIn{from{opacity:0;transform:translateX(18px) scale(.992)}to{opacity:1;transform:none}}
@keyframes mp4FieldShake{25%{transform:translateX(-3px)}55%{transform:translateX(3px)}80%{transform:translateX(-1px)}}

@media(prefers-reduced-motion:reduce){
    html.mp-phase4-root{scroll-behavior:auto}
    body[data-phase4-ui] *,body[data-phase4-ui] *::before,body[data-phase4-ui] *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
    html.js body[data-phase4-ui] .mp-phase4-enter,html.js body[data-phase4-ui] [data-phase4-stage]>*,html.js body[data-phase4-ui] .mp-sidebar,html.js body[data-phase4-ui] .mp-topbar{opacity:1!important;transform:none!important}
}

/* Roadmap Phase 6 — WhatsApp + notification preferences */
.mp-notification-matrix{margin:18px 0 22px;border:1px solid var(--mp-border,#22324a);border-radius:16px;overflow:hidden;background:rgba(5,12,25,.35)}
.mp-notification-matrix-head,.mp-notification-matrix-row{display:grid;grid-template-columns:minmax(220px,1.8fr) repeat(3,minmax(76px,.55fr));align-items:center;gap:10px;padding:12px 14px}
.mp-notification-matrix-head{background:rgba(88,72,255,.08);border-bottom:1px solid var(--mp-border,#22324a);font-size:.74rem;text-transform:uppercase;letter-spacing:.08em;color:var(--mp-muted,#8ea0ba)}
.mp-notification-matrix-head strong:not(:first-child){text-align:center}
.mp-notification-matrix-row+.mp-notification-matrix-row{border-top:1px solid rgba(120,145,185,.12)}
.mp-notification-matrix-row>span{display:flex;flex-direction:column;gap:3px}.mp-notification-matrix-row>span small{color:var(--mp-muted,#8ea0ba);font-size:.72rem}
.mp-notification-matrix-row>label{display:flex;justify-content:center;cursor:pointer}.mp-notification-matrix-row>label input{width:18px;height:18px;accent-color:#7c4dff}
.mp-inline-action{margin-top:10px}.mp-button-small{min-height:32px;padding:6px 12px;font-size:.78rem}
.mp-notification-item[data-priority="critical"]{box-shadow:inset 3px 0 0 #ff365f}.mp-notification-item[data-priority="high"]{box-shadow:inset 3px 0 0 #ff9d2e}
@media(max-width:760px){.mp-notification-matrix{overflow-x:auto}.mp-notification-matrix-head,.mp-notification-matrix-row{min-width:600px}}

/* =========================================================
   MarketPulse video-inspired reactive mascot login · v41.1
   ========================================================= */
body.mp-login-page{--mp-login-ink:#17171c;--mp-login-muted:#85828c;--mp-login-card:#fff;--mp-login-visual:#f1eef4;--mp-login-line:#e7e4ea;--mp-login-accent:#784cff;--mp-eye-x:0px;--mp-eye-y:0px;background:radial-gradient(circle at 50% 5%,rgba(106,73,207,.12),transparent 28%),#0e0d16;color:var(--mp-login-ink)}
body.mp-login-page .mp-auth-ambient{opacity:.55}
body.mp-login-page .auth-shell{display:block;min-height:100vh;padding:clamp(22px,5vw,68px)}
body.mp-login-page .auth-content{display:grid;min-height:calc(100vh - clamp(44px,10vw,136px));place-items:center;padding:0}
body.mp-login-page .mp-auth-content-inner{width:min(920px,100%)}
body.mp-login-page .alert{width:min(920px,100%);margin:0 auto 14px}

.mp-login-experience{position:relative;display:grid;grid-template-columns:minmax(0,.92fr) minmax(390px,1.08fr);width:100%;min-height:520px;overflow:hidden;border:1px solid rgba(255,255,255,.14);border-radius:18px;background:var(--mp-login-card);box-shadow:0 42px 120px rgba(0,0,0,.45);isolation:isolate;animation:mpLoginCardEnter .62s cubic-bezier(.2,.8,.2,1) both}
.mp-login-visual{position:relative;min-height:520px;overflow:hidden;background:linear-gradient(145deg,#f5f2f6,#eeebf1);border-right:1px solid var(--mp-login-line)}
.mp-login-visual::before{content:"";position:absolute;inset:auto auto -120px -120px;width:330px;height:330px;border-radius:50%;background:radial-gradient(circle,rgba(113,74,223,.10),transparent 68%)}
.mp-login-visual-copy{position:absolute;z-index:3;left:34px;top:36px;max-width:300px}
.mp-login-visual-copy .eyebrow{color:#8d6ce6;font-size:8px;letter-spacing:.14em}
.mp-login-visual-copy h1{margin:8px 0 7px;color:#1d1923;font-size:25px;letter-spacing:-.04em}
.mp-login-visual-copy p{margin:0;color:#918c98;font-size:10px;line-height:1.55}

.mp-mascot-stage{position:absolute;z-index:2;left:24px;right:24px;bottom:0;height:245px;transform-origin:50% 100%}
.mp-mascot{position:absolute;bottom:0;transform-origin:50% 100%;filter:drop-shadow(0 12px 10px rgba(45,36,52,.13));transition:transform .45s cubic-bezier(.2,.8,.2,1),filter .3s ease}
.mp-mascot-orange{left:2%;width:170px;height:112px;border-radius:100px 100px 18px 18px;background:linear-gradient(145deg,#ff8b4e,#ff7440 70%,#ef5b2a);animation:mpMascotBreathe 3.5s ease-in-out infinite}
.mp-mascot-purple{left:33%;bottom:48px;width:92px;height:142px;border-radius:10px;background:linear-gradient(145deg,#7d39ff,#6826e6);transform:rotate(7deg);animation:mpMascotBreathe 3.8s .35s ease-in-out infinite}
.mp-mascot-dark{left:51%;bottom:14px;width:92px;height:158px;border-radius:11px;background:linear-gradient(145deg,#292833,#191820);animation:mpMascotBreathe 3.6s .6s ease-in-out infinite}
.mp-mascot-yellow{right:4%;width:88px;height:132px;border-radius:44px 44px 9px 9px;background:linear-gradient(145deg,#ffe45f,#ffd22c 70%,#f5bd14);animation:mpMascotBreathe 3.3s .8s ease-in-out infinite}
.mp-eye{position:absolute;top:30%;width:18px;height:15px;border-radius:50%;background:#fff;overflow:hidden;transition:height .18s ease,top .25s ease,transform .3s ease,background .2s ease}
.mp-eye-left{left:26%}.mp-eye-right{right:26%}
.mp-eye::after{content:"";position:absolute;left:50%;top:50%;width:6px;height:6px;border-radius:50%;background:#121119;transform:translate(calc(-50% + var(--mp-eye-x)),calc(-50% + var(--mp-eye-y)));transition:transform .12s ease-out,opacity .15s ease}
.mp-mascot-orange .mp-eye{top:35%}.mp-mascot-orange .mp-eye-left{left:38%}.mp-mascot-orange .mp-eye-right{right:38%}
.mp-mouth{position:absolute;left:50%;top:53%;width:18px;height:8px;border-bottom:2.5px solid rgba(34,30,38,.82);border-radius:0 0 50% 50%;transform:translateX(-50%);transition:all .22s ease}
.mp-mascot-dark .mp-mouth{border-color:#e8e6eb}.mp-mascot-purple .mp-mouth{border-color:#2d116d}
.mp-hand{position:absolute;top:43%;width:20px;height:55px;border-radius:16px;background:#202029;opacity:0;transition:opacity .2s,transform .42s cubic-bezier(.2,.8,.2,1)}
.mp-hand-left{left:5%;transform:translate(-17px,35px) rotate(-30deg)}.mp-hand-right{right:5%;transform:translate(17px,35px) rotate(30deg)}

.mp-login-experience[data-state="email"] .mp-mascot-orange{transform:translateX(4px) rotate(2deg)}
.mp-login-experience[data-state="email"] .mp-mascot-purple{transform:translate(4px,-5px) rotate(10deg)}
.mp-login-experience[data-state="email"] .mp-mascot-dark{transform:translateX(4px) rotate(2deg)}
.mp-login-experience[data-state="email"] .mp-mascot-yellow{transform:translate(-3px,-2px) rotate(-4deg)}
.mp-login-experience[data-state="password"] .mp-eye{height:3px;top:35%;background:#fff}
.mp-login-experience[data-state="password"] .mp-eye::after{opacity:0}
.mp-login-experience[data-state="password"] .mp-mascot-orange{transform:translateX(-3px) rotate(-4deg)}
.mp-login-experience[data-state="password"] .mp-mascot-purple{transform:translateY(2px) rotate(3deg)}
.mp-login-experience[data-state="password"] .mp-mascot-yellow{transform:translateX(3px) rotate(5deg)}
.mp-login-experience[data-state="password"] .mp-mascot-dark .mp-hand{opacity:1}
.mp-login-experience[data-state="password"] .mp-mascot-dark .mp-hand-left{transform:translate(18px,-8px) rotate(20deg)}
.mp-login-experience[data-state="password"] .mp-mascot-dark .mp-hand-right{transform:translate(-18px,-8px) rotate(-20deg)}
.mp-login-experience[data-state="revealed"] .mp-eye{height:17px;top:28%}
.mp-login-experience[data-state="revealed"] .mp-mouth{width:11px;height:11px;border:2.5px solid rgba(34,30,38,.72);border-radius:50%}
.mp-login-experience[data-state="revealed"] .mp-mascot-dark .mp-mouth{border-color:#e8e6eb}
.mp-login-experience[data-state="revealed"] .mp-mascot-orange{transform:translateY(-6px) rotate(-5deg)}
.mp-login-experience[data-state="revealed"] .mp-mascot-purple{transform:translateY(-9px) rotate(13deg)}
.mp-login-experience[data-state="revealed"] .mp-mascot-dark{transform:translateY(-7px) rotate(-3deg)}
.mp-login-experience[data-state="revealed"] .mp-mascot-yellow{transform:translateY(-7px) rotate(6deg)}

.mp-login-form-panel{display:grid;place-items:center;padding:48px 56px;background:#fff}
.mp-login-form{width:min(365px,100%)}
.mp-login-head{text-align:center;margin-bottom:32px}
.mp-login-spark{display:block;margin-bottom:9px;color:#17171c;font-size:16px}
.mp-login-head .eyebrow{display:block;color:#9c95a1;font-size:7px;letter-spacing:.14em}
.mp-login-head h2{margin:5px 0 4px;color:#19171c;font-size:25px;letter-spacing:-.045em}
.mp-login-head p{margin:0;color:#9c98a2;font-size:9px}
.mp-login-field{margin-top:18px}
.mp-login-field>label,.mp-login-label-row label{display:block;margin-bottom:7px;color:#3a3740;font-size:9px;font-weight:700}
.mp-login-label-row{display:flex;align-items:center;justify-content:space-between}.mp-login-label-row a{color:#8d6ce6;font-size:8.5px;font-weight:650}
.mp-input-shell{position:relative}.mp-input-shell input{width:100%;height:46px!important;padding:0 43px!important;border:1px solid #ddd9e1!important;border-radius:6px!important;background:#fff!important;color:#1c1a20!important;box-shadow:none!important;outline:0;font-size:10px;transition:border-color .18s,box-shadow .18s,transform .18s}
.mp-input-shell input::placeholder{color:#aaa6af}.mp-input-shell input:focus{border-color:#9176e8!important;box-shadow:0 0 0 3px rgba(126,90,221,.08)!important;transform:translateY(-1px)}
.mp-input-icon{position:absolute;z-index:2;left:14px;top:50%;width:16px;height:16px;color:#aaa6b0;transform:translateY(-50%)}.mp-input-icon svg,.mp-password-toggle svg{display:block;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;fill:currentColor}
.mp-password-toggle{position:absolute;z-index:3;right:7px;top:50%;display:grid;width:34px;height:34px;padding:8px;place-items:center;border:0;border-radius:7px;background:transparent;color:#8e8993;cursor:pointer;transform:translateY(-50%)}.mp-password-toggle:hover{background:#f4f1f7;color:#6947cf}
.mp-login-options{display:flex;align-items:center;margin:14px 0 18px}.mp-login-check{display:flex!important;align-items:center;gap:7px!important;margin:0!important;color:#66616c!important;font-size:8.5px!important;font-weight:550!important;cursor:pointer}.mp-login-check input{position:absolute;opacity:0}.mp-login-check span{position:relative;width:15px;height:15px;border:1px solid #d4d0d8;border-radius:4px;background:#fff}.mp-login-check input:checked+span{border-color:#7b55dc;background:#7b55dc}.mp-login-check input:checked+span::after{content:"";position:absolute;left:4px;top:1px;width:4px;height:8px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
.mp-login-submit{display:grid;width:100%;height:44px;place-items:center;border:0;border-radius:999px;background:#19191d;color:#fff;box-shadow:0 10px 22px rgba(20,18,25,.16);cursor:pointer;font-size:9px;font-weight:750;transition:transform .18s,box-shadow .18s,background .18s}.mp-login-submit:hover{transform:translateY(-1px);background:#242329;box-shadow:0 14px 26px rgba(20,18,25,.2)}
.mp-submit-loading{display:none;align-items:center;gap:8px}.mp-submit-loading i{width:12px;height:12px;border:2px solid rgba(255,255,255,.28);border-top-color:#fff;border-radius:50%;animation:mpLoginSpin .7s linear infinite}.mp-login-experience.is-submitting .mp-submit-default{display:none}.mp-login-experience.is-submitting .mp-submit-loading{display:flex}.mp-login-experience.is-submitting .mp-login-submit{pointer-events:none}
.mp-login-divider{display:flex;align-items:center;gap:10px;margin:18px 0 12px;color:#aaa6af;font-size:8px}.mp-login-divider::before,.mp-login-divider::after{content:"";height:1px;flex:1;background:#ebe8ed}
.mp-create-account{display:grid;width:100%;height:42px;place-items:center;border:1px solid #e0dde4;border-radius:999px;background:#fff;color:#45414b!important;font-size:8.5px;font-weight:700;transition:border-color .18s,transform .18s}.mp-create-account:hover{border-color:#ad98e5;color:#6b4ec4!important;transform:translateY(-1px)}
.mp-login-security{display:flex;justify-content:center;align-items:center;gap:6px;margin:16px 0 0;color:#aaa6af;font-size:7.8px}.mp-login-security span{color:#7654d3}
.mp-login-experience.is-error .mp-login-form{animation:mpLoginShake .34s ease}

@keyframes mpLoginCardEnter{from{opacity:0;transform:translateY(20px) scale(.985);filter:blur(7px)}to{opacity:1;transform:none;filter:blur(0)}}
@keyframes mpMascotBreathe{0%,100%{margin-bottom:0}50%{margin-bottom:5px}}
@keyframes mpLoginShake{0%,100%{transform:none}25%{transform:translateX(-6px)}50%{transform:translateX(5px)}75%{transform:translateX(-2px)}}
@keyframes mpLoginSpin{to{transform:rotate(360deg)}}

@media(max-width:820px){body.mp-login-page .auth-shell{padding:18px}.mp-login-experience{grid-template-columns:1fr;max-width:560px;margin:auto}.mp-login-visual{min-height:235px;border-right:0;border-bottom:1px solid var(--mp-login-line)}.mp-login-visual-copy{left:24px;top:24px;max-width:250px}.mp-login-visual-copy h1{font-size:21px}.mp-login-visual-copy p{max-width:220px}.mp-mascot-stage{left:auto;right:12px;width:310px;height:180px;transform:scale(.72);transform-origin:100% 100%}.mp-login-form-panel{padding:34px 30px 38px}}
@media(max-width:520px){body.mp-login-page .auth-shell{padding:0}.mp-login-experience{min-height:100vh;border:0;border-radius:0}.mp-login-visual{min-height:210px}.mp-login-visual-copy{left:18px;top:18px;max-width:68%}.mp-login-visual-copy .eyebrow{font-size:6.5px}.mp-login-visual-copy h1{font-size:19px}.mp-login-visual-copy p{font-size:8px}.mp-mascot-stage{right:-28px;bottom:-13px;transform:scale(.56)}.mp-login-form-panel{align-items:start;padding:30px 20px 38px}.mp-login-head{margin-bottom:25px}.mp-login-head h2{font-size:23px}}
@media(prefers-reduced-motion:reduce){.mp-login-experience,.mp-mascot,.mp-login-form,.mp-submit-loading i{animation:none!important;transition:none!important}}


/* =========================================================
   MARKETPULSE DARK AUTH THEME + DOOR TRANSITION · v42.0.0
   Reference behavior: split-door submit button opens, then
   the auth card gently "walks through" before native submit.
   ========================================================= */
body.mp-login-page{
    --mp-login-ink:#f4f8ff;
    --mp-login-muted:#8296b3;
    --mp-login-card:#071222;
    --mp-login-visual:#071426;
    --mp-login-line:rgba(76,140,220,.20);
    --mp-login-accent:#7a4cff;
    background:
        radial-gradient(circle at 18% 16%,rgba(32,210,245,.11),transparent 28%),
        radial-gradient(circle at 82% 80%,rgba(118,68,255,.13),transparent 31%),
        linear-gradient(145deg,#020812,#040b17 52%,#050918);
    color:var(--mp-login-ink)
}
body.mp-login-page .mp-auth-ambient{opacity:.72}
body.mp-login-page .mp-auth-ambient i:first-child{background:rgba(32,210,245,.24)}
body.mp-login-page .mp-auth-ambient i:nth-child(2){background:rgba(118,68,255,.22)}

.mp-login-experience{
    border-color:rgba(74,137,220,.22);
    background:linear-gradient(145deg,rgba(6,18,36,.98),rgba(5,13,28,.98));
    box-shadow:0 42px 120px rgba(0,0,0,.58),0 0 0 1px rgba(255,255,255,.025) inset
}
.mp-login-visual{
    background:
        radial-gradient(circle at 20% 18%,rgba(32,213,248,.13),transparent 34%),
        radial-gradient(circle at 78% 80%,rgba(119,66,255,.16),transparent 38%),
        linear-gradient(145deg,#07192d,#081326 58%,#10112c);
    border-right-color:rgba(70,132,211,.18)
}
.mp-login-visual::before{background:radial-gradient(circle,rgba(85,67,232,.19),transparent 68%)}
.mp-login-visual-copy .eyebrow{color:#3edcff;text-shadow:0 0 20px rgba(62,220,255,.28)}
.mp-login-visual-copy h1{color:#f5f9ff;text-shadow:0 8px 35px rgba(0,0,0,.28)}
.mp-login-visual-copy p{color:#8ca1be}

/* Mascots recolored to the MarketPulse cyan / violet / navy system. */
.mp-mascot-orange{background:linear-gradient(145deg,#2fe2f2,#1699f5 66%,#3155e7);filter:drop-shadow(0 18px 18px rgba(32,180,247,.18))}
.mp-mascot-purple{background:linear-gradient(145deg,#9d64ff,#7138f1 64%,#4b22bd);filter:drop-shadow(0 18px 18px rgba(121,65,255,.18))}
.mp-mascot-dark{background:linear-gradient(145deg,#263650,#111c30 65%,#090f1d);box-shadow:inset 0 1px rgba(255,255,255,.06)}
.mp-mascot-yellow{background:linear-gradient(145deg,#35f0c0,#11bdaf 66%,#0b8399);filter:drop-shadow(0 18px 18px rgba(22,215,188,.16))}
.mp-mascot-orange .mp-mouth,.mp-mascot-yellow .mp-mouth{border-color:rgba(4,29,50,.78)}

.mp-login-form-panel{
    background:
        radial-gradient(circle at 100% 0,rgba(111,64,255,.08),transparent 32%),
        linear-gradient(160deg,#08162a,#061120 72%,#07101e)
}
.mp-login-spark{color:#4bdcff;text-shadow:0 0 18px rgba(75,220,255,.4)}
.mp-login-head .eyebrow{color:#7e91ad}
.mp-login-head h2{color:#f4f8ff}
.mp-login-head p{color:#7f91aa}
.mp-login-field>label,.mp-login-label-row label{color:#c6d2e3}
.mp-login-label-row a{color:#54d8ff}.mp-login-label-row a:hover{color:#a786ff}
.mp-input-shell input{
    border-color:rgba(84,132,191,.28)!important;
    background:#07182c!important;
    color:#eef6ff!important;
    box-shadow:inset 0 1px rgba(255,255,255,.025),0 10px 25px rgba(0,0,0,.10)!important
}
.mp-input-shell input::placeholder{color:#5f718b}
.mp-input-shell input:focus{
    border-color:rgba(69,205,255,.58)!important;
    box-shadow:0 0 0 3px rgba(45,177,255,.08),0 0 26px rgba(82,74,255,.08)!important
}
.mp-input-icon{color:#6f88aa}
.mp-password-toggle{color:#758aa7}.mp-password-toggle:hover{background:rgba(80,126,200,.12);color:#4edcff}
.mp-login-check{color:#91a2ba!important}.mp-login-check span{border-color:#38506f;background:#07182c}.mp-login-check input:checked+span{border-color:#4bdcff;background:linear-gradient(135deg,#20cce8,#684cff)}
.mp-login-divider{color:#667994}.mp-login-divider::before,.mp-login-divider::after{background:rgba(92,127,175,.17)}
.mp-create-account{border-color:rgba(91,137,197,.28);background:#08182a;color:#c9d6e8!important}.mp-create-account:hover{border-color:rgba(86,210,255,.52);background:#0a1d33;color:#5bdfff!important;box-shadow:0 12px 28px rgba(0,0,0,.18)}
.mp-login-security{color:#62758f}.mp-login-security span{color:#38d9f6}

/* Door submit button — two hinged leaves over a success core. */
.mp-door-submit{
    position:relative!important;
    isolation:isolate;
    overflow:visible!important;
    perspective:900px;
    transform-style:preserve-3d;
    border:1px solid rgba(82,172,255,.24)!important;
    background:transparent!important;
    color:#fff!important;
    box-shadow:0 14px 34px rgba(30,74,183,.22),0 0 0 1px rgba(255,255,255,.025) inset!important
}
.mp-door-submit::before,.mp-door-submit::after{
    content:"";
    position:absolute;
    z-index:2;
    top:-1px;
    bottom:-1px;
    width:calc(50% + 1px);
    background:linear-gradient(120deg,#1fc7e7,#3b79ff 52%,#7146f2);
    backface-visibility:hidden;
    transition:transform .62s cubic-bezier(.18,.78,.18,1),filter .35s ease,box-shadow .35s ease;
    box-shadow:inset 0 1px rgba(255,255,255,.16)
}
.mp-door-submit::before{
    left:-1px;
    border-radius:999px 0 0 999px;
    transform-origin:left center;
    border-right:1px solid rgba(3,13,28,.24)
}
.mp-door-submit::after{
    right:-1px;
    border-radius:0 999px 999px 0;
    transform-origin:right center;
    border-left:1px solid rgba(255,255,255,.12)
}
.mp-door-label,.mp-door-core,.mp-submit-loading{position:relative;z-index:3}
.mp-door-label{display:flex;align-items:center;justify-content:center;gap:7px;transition:opacity .16s ease,transform .22s ease;color:#fff}
.mp-door-core{
    position:absolute;
    z-index:1;
    inset:0;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    overflow:hidden;
    border-radius:inherit;
    opacity:0;
    background:linear-gradient(110deg,#31dfb5,#17cbb3 52%,#18bca9);
    color:#021d19;
    box-shadow:0 0 32px rgba(36,224,183,.25) inset;
    transition:opacity .16s .14s ease,filter .35s ease
}
.mp-door-core b{display:grid;width:18px;height:18px;place-items:center;border-radius:50%;background:rgba(255,255,255,.75);font-size:11px}
.mp-door-core small{font-size:8px;font-weight:800;letter-spacing:.03em;text-transform:uppercase}
.mp-door-submit.dooropen .mp-door-label{opacity:0;transform:scale(.94)}
.mp-door-submit.dooropen .mp-door-core{opacity:1}
.mp-door-submit.dooropen::before{transform:rotateY(-102deg) translateX(-2px);filter:brightness(1.08);box-shadow:-10px 0 28px rgba(25,184,230,.18)}
.mp-door-submit.dooropen::after{transform:rotateY(102deg) translateX(2px);filter:brightness(1.08);box-shadow:10px 0 28px rgba(102,69,240,.18)}
.mp-door-submit.out{box-shadow:0 0 36px rgba(39,221,183,.28)!important}
.mp-door-submit.out .mp-door-core{filter:brightness(1.08) saturate(1.08)}

/* Existing loading label is replaced visually by the door core while the animation runs. */
.mp-login-experience.is-submitting .mp-submit-loading{display:none!important}
.mp-login-experience.is-submitting .mp-submit-default{display:flex!important}
.mp-login-experience.is-submitting .mp-login-submit{pointer-events:none}

/* The page softly walks through the opened button before native form submit. */
body.mp-auth-exiting .mp-login-experience,
body.mp-auth-exiting .mp-register-wizard{
    animation:mpAuthWalkThrough .42s cubic-bezier(.2,.72,.18,1) both!important;
    pointer-events:none
}
body.mp-auth-exiting::after{
    content:"";
    position:fixed;
    z-index:9998;
    inset:0;
    pointer-events:none;
    background:radial-gradient(circle at 50% 58%,rgba(50,226,194,.12),rgba(36,98,255,.06) 22%,transparent 58%);
    animation:mpAuthPortalGlow .42s ease both
}
@keyframes mpAuthWalkThrough{to{opacity:.52;transform:scale(1.035) translateZ(0);filter:blur(2px)}}
@keyframes mpAuthPortalGlow{from{opacity:0}55%{opacity:1}to{opacity:.35}}

/* Signup final submit gets the same door behavior while keeping Phase 4 styling. */
body.mp-auth-v4 .mp-register-submit.mp-door-submit{min-width:180px;border-radius:10px!important;min-height:42px;overflow:visible!important}
body.mp-auth-v4 .mp-register-submit.mp-door-submit::before{border-radius:10px 0 0 10px}
body.mp-auth-v4 .mp-register-submit.mp-door-submit::after{border-radius:0 10px 10px 0}
body.mp-auth-v4 .mp-register-submit.mp-door-submit .mp-door-label{width:100%;height:100%}
body.mp-auth-v4 .mp-register-wizard.is-submitting .mp-register-submit{pointer-events:none}

@media(max-width:820px){
    .mp-login-visual{border-right:0;border-bottom-color:rgba(70,132,211,.18)}
}
@media(prefers-reduced-motion:reduce){
    .mp-door-submit::before,.mp-door-submit::after,.mp-door-label,.mp-door-core,body.mp-auth-exiting .mp-login-experience,body.mp-auth-exiting .mp-register-wizard{transition:none!important;animation:none!important}
}

/* =========================================================
   MARKETPULSE V43 · DESKTOP PERFORMANCE + CRISP TYPOGRAPHY
   Keeps the premium look while removing expensive persistent
   GPU effects that caused desktop jank/hanging.
   ========================================================= */
:root{
    --mp-font-ui:"Segoe UI Variable Text","Segoe UI Variable","Segoe UI",Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;
    --mp-font-display:"Segoe UI Variable Display","Segoe UI Variable Text","Segoe UI",Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;
}
html{
    text-rendering:optimizeLegibility;
    font-synthesis:none;
}
body,
button,input,select,textarea{
    font-family:var(--mp-font-ui)!important;
    font-optical-sizing:auto;
    font-kerning:normal;
}
h1,h2,h3,h4,.mp-brand-copy strong,.brand strong{
    font-family:var(--mp-font-display)!important;
    font-optical-sizing:auto;
    text-wrap:balance;
}

/* Stronger, easier-to-read global typography. */
body.public-body{font-size:15.5px;line-height:1.62}
body.public-body .desktop-nav a{font-size:14px;font-weight:650}
body.public-body p{font-weight:480}
body.public-body .button{font-size:13.5px;font-weight:800;letter-spacing:.005em}
body.public-body .eyebrow{font-size:11px;font-weight:850}
body.public-body small{font-size:11px}

body.mp-premium-workspace{font-size:15px;line-height:1.55}
body.mp-premium-workspace .mp-brand-copy strong{font-size:19px;font-weight:760}
body.mp-premium-workspace .mp-brand-copy small{font-size:11.5px;font-weight:600}
body.mp-premium-workspace .mp-nav-link{font-size:13.5px;font-weight:620}
body.mp-premium-workspace .mp-pagebar h1{font-size:26px;font-weight:740}
body.mp-premium-workspace .mp-pagebar p,
body.mp-premium-workspace .mp-welcome-row p{font-size:13.5px;font-weight:500}
body.mp-premium-workspace .mp-panel-header h3,
body.mp-premium-workspace .mp-channel-card h3,
body.mp-premium-workspace .mp-strategy-card h3,
body.mp-premium-workspace .mp-signal-card h3{font-size:17px;font-weight:720}
body.mp-premium-workspace table{font-size:13px}
body.mp-premium-workspace th{font-size:11.5px!important;font-weight:750!important}
body.mp-premium-workspace td{font-size:12.5px!important;font-weight:500}
body.mp-premium-workspace .mp-user-copy strong{font-size:12.5px;font-weight:720}
body.mp-premium-workspace .mp-user-copy small{font-size:11px}
body.mp-premium-workspace .mp-upgrade-card{padding:18px}
body.mp-premium-workspace .mp-upgrade-card strong{font-size:17px;font-weight:800;letter-spacing:-.015em}
body.mp-premium-workspace .mp-upgrade-card p{font-size:13.5px;line-height:1.55;font-weight:520;color:#aebbd0}
body.mp-premium-workspace .mp-upgrade-card .button,
body.mp-premium-workspace .mp-upgrade-card a{font-size:13px;font-weight:820}
body.mp-premium-workspace .mp-sidebar-foot{font-size:11px}

body.mp-admin-v4{font-family:var(--mp-font-ui)!important;font-size:14.5px}
body.mp-admin-v4 .mp-admin-nav a{font-size:12.5px;font-weight:650}
body.mp-admin-v4 .mp-admin-user strong{font-size:12px;font-weight:750}
body.mp-admin-v4 .mp-admin-user small{font-size:10.5px}
body.mp-admin-v4 .eyebrow{font-size:10.5px!important;font-weight:850}
body.mp-admin-v4 th{font-size:11px!important;font-weight:750}
body.mp-admin-v4 td{font-size:12px!important;font-weight:500}

body.mp-auth-v4{font-size:15px}
body.mp-auth-v4 label{font-size:13px;font-weight:700}
body.mp-auth-v4 input,
body.mp-auth-v4 select,
body.mp-auth-v4 textarea{font-size:14px;font-weight:520}
body.mp-auth-v4 .mp-login-head h2{font-size:32px;font-weight:760}
body.mp-auth-v4 .mp-login-head p{font-size:13px;line-height:1.55}
body.mp-auth-v4 .mp-login-field>label,
body.mp-auth-v4 .mp-login-label-row label{font-size:13px;font-weight:760}
body.mp-auth-v4 .mp-login-label-row a{font-size:12px;font-weight:750}
body.mp-auth-v4 .mp-login-check{font-size:12.5px!important;font-weight:650!important}
body.mp-auth-v4 .mp-login-submit,
body.mp-auth-v4 .mp-create-account{font-size:13.5px;font-weight:820}
body.mp-auth-v4 .mp-login-divider{font-size:11.5px}
body.mp-auth-v4 .mp-login-security{font-size:11px}
body.mp-auth-v4 .mp-register-head h2{font-size:30px;font-weight:760}
body.mp-auth-v4 .mp-register-head p{font-size:13px}
body.mp-auth-v4 .mp-register-progress strong{font-size:12px}
body.mp-auth-v4 .mp-register-progress small{font-size:10.5px}
body.mp-auth-v4 .mp-register-step h3{font-weight:740}
body.mp-auth-v4 .mp-register-plan-copy strong{font-size:14px;font-weight:760}
body.mp-auth-v4 .mp-register-plan-copy small{font-size:11.5px}
body.mp-auth-v4 .form-footer{font-size:12.5px;font-weight:550}

/* Correct submit state: invalid credentials never show a fake "opening" door. */
.mp-login-experience.is-submitting .mp-login-submit:not(.mp-door-submit) .mp-submit-default{display:none!important}
.mp-login-experience.is-submitting .mp-login-submit:not(.mp-door-submit) .mp-submit-loading{display:flex!important}
.mp-login-experience.is-submitting .mp-login-submit:not(.mp-door-submit){pointer-events:none;opacity:.88}

/* Login background gets richer detail without fixed blurred layers. */
body.mp-login-page .mp-auth-ambient{display:none!important}
body.mp-login-page::before{
    content:"";
    position:fixed;
    inset:0;
    z-index:0;
    pointer-events:none;
    background:
      linear-gradient(rgba(75,132,220,.035) 1px,transparent 1px),
      linear-gradient(90deg,rgba(75,132,220,.035) 1px,transparent 1px),
      radial-gradient(circle at 14% 12%,rgba(29,202,255,.11),transparent 23%),
      radial-gradient(circle at 86% 82%,rgba(126,67,255,.12),transparent 26%);
    background-size:64px 64px,64px 64px,auto,auto;
    mask-image:linear-gradient(to bottom,rgba(0,0,0,.9),rgba(0,0,0,.35));
}
body.mp-login-page .auth-shell{position:relative;z-index:1}
.mp-login-experience{
    animation:mpLoginFastEnter .38s cubic-bezier(.16,1,.3,1) both!important;
    box-shadow:0 26px 70px rgba(0,0,0,.42),0 0 0 1px rgba(255,255,255,.025) inset!important;
}
.mp-login-visual,
.mp-login-form-panel{contain:layout paint}
.mp-mascot{animation-duration:5.2s!important;filter:none!important}
@keyframes mpLoginFastEnter{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}

/* Server-confirmed auth success transition. */
body.mp-auth-success-page .mp-auth-ambient{display:none!important}
body.mp-auth-success-page .auth-shell{display:grid!important;grid-template-columns:1fr!important;padding:0!important;place-items:center}
body.mp-auth-success-page .auth-content{width:100%;min-height:100vh;padding:24px;place-items:center}
body.mp-auth-success-page .mp-auth-content-inner{width:min(760px,100%)}
.mp-auth-success-screen{position:relative;display:grid;min-height:560px;place-items:center;overflow:hidden;border:1px solid rgba(90,154,236,.22);border-radius:30px;background:linear-gradient(145deg,#071628,#071122 60%,#0c1028);box-shadow:0 32px 90px rgba(0,0,0,.48);isolation:isolate}
.mp-auth-success-screen::before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(rgba(75,132,220,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(75,132,220,.04) 1px,transparent 1px);background-size:56px 56px}
.mp-auth-success-glow{position:absolute;z-index:-1;width:480px;height:480px;border-radius:50%;background:radial-gradient(circle,rgba(42,222,188,.16),rgba(69,95,255,.09) 38%,transparent 68%);transform:scale(.72);opacity:.35;transition:transform .7s cubic-bezier(.16,1,.3,1),opacity .55s ease}
.mp-auth-success-card{text-align:center;padding:40px 24px;color:#f5f8ff}
.mp-auth-success-kicker{display:block;margin-bottom:10px;color:#55defe;font-size:11px;font-weight:850;letter-spacing:.16em}
.mp-auth-success-card h1{margin:0 0 9px;font-size:clamp(34px,5vw,56px);line-height:1;font-weight:780;letter-spacing:-.045em}
.mp-auth-success-card p{max-width:520px;margin:0 auto;color:#9bacc3;font-size:14px;line-height:1.6}
.mp-success-door{position:relative;width:min(390px,82vw);height:66px;margin:36px auto 22px;perspective:1000px;border-radius:16px;background:linear-gradient(120deg,#20d9b0,#1ec8ba);box-shadow:0 18px 45px rgba(22,198,169,.16);overflow:visible}
.mp-success-door-core{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:10px;border-radius:16px;color:#04231f;font-weight:800}
.mp-success-door-core span{display:grid;width:24px;height:24px;place-items:center;border-radius:50%;background:rgba(255,255,255,.82)}
.mp-success-door-core small{font-size:11px;text-transform:uppercase;letter-spacing:.06em;font-weight:850}
.mp-success-door-left,.mp-success-door-right{position:absolute;z-index:2;top:0;bottom:0;width:50%;background:linear-gradient(120deg,#1fc7e7,#3b79ff 52%,#7146f2);backface-visibility:hidden;transition:transform .68s cubic-bezier(.16,.84,.18,1);box-shadow:inset 0 1px rgba(255,255,255,.14)}
.mp-success-door-left{left:0;border-radius:16px 0 0 16px;transform-origin:left center}
.mp-success-door-right{right:0;border-radius:0 16px 16px 0;transform-origin:right center}
.mp-auth-success-screen.is-opening .mp-success-door-left{transform:rotateY(-104deg)}
.mp-auth-success-screen.is-opening .mp-success-door-right{transform:rotateY(104deg)}
.mp-auth-success-screen.is-opening .mp-auth-success-glow{transform:scale(1);opacity:.9}
.mp-auth-success-screen.is-through .mp-auth-success-card{opacity:.52;transform:scale(1.025);transition:opacity .34s ease,transform .34s cubic-bezier(.16,1,.3,1)}
.mp-auth-success-fallback{display:inline-flex;padding:9px 14px;border-radius:10px;color:#9db0ca!important;font-size:11.5px;font-weight:700}
.mp-auth-success-fallback:hover{color:#5ee3ff!important}

/* Desktop performance: static glass, no large blur layers, no infinite decorative loops. */
@media(min-width:861px){
    body.public-body .aurora,
    body.public-body [class*="glow"],
    body.public-body [class*="-shine"],
    body[data-phase4-ui] .mp-ui-ambient,
    body.mp-premium-workspace .mp-ui-ambient,
    body.mp-admin-v4 .mp-ui-ambient{filter:none!important;animation:none!important;will-change:auto!important}

    body.public-body .glass,
    body.public-body .public-header.scrolled,
    body.mp-premium-workspace .mp-topbar,
    body.mp-premium-workspace .glass,
    body.mp-admin-v4 .mp-admin-topbar,
    body.mp-admin-v4 .glass{
        backdrop-filter:none!important;
        -webkit-backdrop-filter:none!important;
    }

    body.public-body [class*="BadgePulse"],
    body.public-body .dot-live,
    body.public-body .platform-feature-shine,
    body.public-body .oversight-v2-shine,
    body.public-body .ai-flow-card-shine,
    body.public-body .cycle-principle-shine,
    body.mp-phase4-ui .mp-brand-mark::before,
    body.mp-phase4-ui .mp-connection-pill.is-online i{
        animation:none!important;
    }

    /* Below-the-fold public sections are skipped by the renderer until near viewport. */
    body.public-body .oversight-showcase-v2,
    body.public-body .ai-workflow-showcase,
    body.public-body .aurora-showcase,
    body.public-body .platform-features-showcase,
    body.public-body .signal-showcase,
    body.public-body .performance-showcase,
    body.public-body .trading-cycle-showcase,
    body.public-body .community-performance-showcase,
    body.public-body .pricing-v13-section{
        content-visibility:auto!important;
        contain:layout style paint!important;
        contain-intrinsic-size:auto 820px!important;
    }

    /* Avoid animating dozens of dashboard/admin cards on first paint. */
    html.js body.mp-phase4-ui [data-phase4-stage]>* ,
    html.js body.mp-admin-v4 [data-phase4-stage]>*{
        transition-duration:.26s!important;
        transition-delay:0ms!important;
        transform:none!important;
    }
    body.mp-premium-workspace .mp-panel,
    body.mp-premium-workspace .mp-metric-card,
    body.mp-premium-workspace .mp-quick-card,
    body.mp-admin-v4 .glass,
    body.mp-admin-v4 .panel,
    body.mp-admin-v4 .readiness-card,
    body.mp-admin-v4 .metric-card{
        transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease!important;
    }
}

@media(max-width:760px){
    /* Keep the already-good mobile layout, only improve readability. */
    body.mp-premium-workspace{font-size:14.5px}
    body.mp-premium-workspace .mp-nav-link{font-size:13px}
    body.mp-premium-workspace .mp-upgrade-card p{font-size:13px}
    body.mp-auth-v4 .mp-login-head h2{font-size:26px}
    body.mp-auth-v4 .mp-login-head p{font-size:12px}
    body.mp-auth-v4 .mp-login-field>label,
    body.mp-auth-v4 .mp-login-label-row label{font-size:12.5px}
}

@media(prefers-reduced-motion:reduce){
    .mp-auth-success-screen *,
    .mp-auth-success-screen *::before,
    .mp-auth-success-screen *::after{animation:none!important;transition:none!important}
}


/* =========================================================
   MARKETPULSE ULTRA-SMOOTH DESKTOP PASS · v44.0.0
   Goal: preserve entrance motion while removing paint-heavy
   blur/continuous animation work that caused desktop jank.
   ========================================================= */

/* Compositor-only mascot breathing: no margin/layout animation. */
@keyframes mpMascotBreathe{
    0%,100%{translate:0 0}
    50%{translate:0 -4px}
}
.mp-mascot{
    will-change:auto!important;
}

/* Premium welcome strip: stronger hierarchy without oversized text. */
body.mp-premium-workspace .mp-welcome-v2{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:24px;
    margin:0 0 18px;
    padding:20px 22px;
    overflow:hidden;
    border:1px solid rgba(86,137,209,.18);
    border-radius:17px;
    background:
        linear-gradient(115deg,rgba(8,24,46,.94),rgba(6,17,34,.96) 58%,rgba(12,15,42,.94));
    box-shadow:0 14px 34px rgba(0,0,0,.10);
}
body.mp-premium-workspace .mp-welcome-v2::after{
    content:"";
    position:absolute;
    right:-70px;
    top:-95px;
    width:250px;
    height:250px;
    border-radius:50%;
    background:radial-gradient(circle,rgba(83,76,255,.13),transparent 68%);
    pointer-events:none;
}
body.mp-premium-workspace .mp-welcome-copy{
    position:relative;
    z-index:1;
    min-width:0;
}
body.mp-premium-workspace .mp-welcome-title-row{
    display:flex;
    align-items:center;
    gap:11px;
    flex-wrap:wrap;
    margin:5px 0 5px;
}
body.mp-premium-workspace .mp-welcome-v2 h2{
    margin:0!important;
    color:#f5f8ff;
    font-size:clamp(23px,2vw,31px)!important;
    line-height:1.08;
    font-weight:780;
    letter-spacing:-.035em;
}
body.mp-premium-workspace .mp-welcome-v2 p{
    max-width:680px;
    color:#93a5be!important;
    font-size:13.5px!important;
    line-height:1.55;
}
body.mp-premium-workspace .mp-welcome-mode{
    display:inline-flex;
    align-items:center;
    min-height:26px;
    padding:5px 9px;
    border:1px solid rgba(40,215,177,.19);
    border-radius:999px;
    background:rgba(32,206,171,.065);
    color:#67e8c1;
    font-size:10.5px;
    font-weight:800;
    letter-spacing:.025em;
}
body.mp-premium-workspace .mp-welcome-v2 .mp-welcome-meta{
    position:relative;
    z-index:1;
    display:grid;
    grid-template-columns:auto auto;
    align-items:center;
    gap:12px;
    flex:0 0 auto;
}
body.mp-premium-workspace .mp-welcome-status,
body.mp-premium-workspace .mp-welcome-clock{
    display:grid;
    gap:3px;
    min-width:126px;
    padding:10px 12px;
    border:1px solid rgba(88,135,198,.15);
    border-radius:11px;
    background:rgba(4,14,28,.52);
}
body.mp-premium-workspace .mp-welcome-status{
    grid-template-columns:auto 1fr;
    align-items:center;
}
body.mp-premium-workspace .mp-welcome-status .mp-status-dot{
    grid-row:1;
}
body.mp-premium-workspace .mp-welcome-status b{
    color:#dce8f7;
    font-size:11.5px;
}
body.mp-premium-workspace .mp-welcome-clock small{
    color:#6f829c;
    font-size:9.5px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.05em;
}
body.mp-premium-workspace .mp-welcome-clock strong{
    color:#cad6e6;
    font-size:11px;
    font-weight:720;
}

/* Compact, readable Integration Center. Forms stay collapsed until needed. */
body.mp-admin-v4 .mp-integration-intro-v2{
    align-items:center;
    padding:20px 22px!important;
    border-radius:17px!important;
}
body.mp-admin-v4 .mp-integration-intro-v2 h2{
    margin:4px 0 5px!important;
    font-size:27px!important;
    font-weight:780;
    letter-spacing:-.035em;
}
body.mp-admin-v4 .mp-integration-intro-v2 p{
    max-width:720px;
    margin:0;
    font-size:12.5px;
    line-height:1.55;
}
body.mp-admin-v4 .mp-integration-intro-badges{
    display:flex;
    justify-content:flex-end;
    gap:6px;
    flex-wrap:wrap;
}
body.mp-admin-v4 .mp-integration-intro-badges .badge{
    padding:5px 8px;
    font-size:9px;
}
body.mp-admin-v4 .mp-integration-grid-v2{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px!important;
}
body.mp-admin-v4 .mp-integration-card-v2{
    display:flex;
    flex-direction:column;
    min-height:0!important;
    padding:17px!important;
    border-radius:15px!important;
}
body.mp-admin-v4 .mp-integration-card-v2:hover{
    transform:none!important;
}
body.mp-admin-v4 .mp-integration-card-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:12px;
}
body.mp-admin-v4 .mp-integration-category{
    display:block;
    margin-bottom:4px;
    color:#5bdcff;
    font-size:9.5px;
    font-weight:850;
    letter-spacing:.12em;
}
body.mp-admin-v4 .mp-integration-card-v2 h3{
    margin:0!important;
    color:#f2f7ff;
    font-size:17px!important;
    font-weight:760;
    letter-spacing:-.02em;
}
body.mp-admin-v4 .mp-integration-help{
    min-height:0!important;
    margin:10px 0 12px!important;
    color:#8ea0b8!important;
    font-size:11.5px;
    line-height:1.52;
}
body.mp-admin-v4 .mp-integration-summary{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:6px;
}
body.mp-admin-v4 .mp-integration-summary>div{
    min-width:0;
    padding:9px 10px;
    border:1px solid rgba(88,132,191,.13);
    border-radius:9px;
    background:rgba(4,14,28,.48);
}
body.mp-admin-v4 .mp-integration-summary small{
    display:block;
    margin-bottom:3px;
    color:#647995;
    font-size:8.5px;
    font-weight:750;
    text-transform:uppercase;
    letter-spacing:.055em;
}
body.mp-admin-v4 .mp-integration-summary strong{
    display:block;
    overflow:hidden;
    color:#d9e5f4;
    font-size:10.5px;
    font-weight:740;
    text-overflow:ellipsis;
    white-space:nowrap;
}
body.mp-admin-v4 .mp-integration-error,
body.mp-admin-v4 .mp-integration-success{
    display:flex;
    align-items:flex-start;
    gap:8px;
    margin-top:8px;
    padding:8px 10px;
    border-radius:9px;
    font-size:10px;
    line-height:1.45;
}
body.mp-admin-v4 .mp-integration-error{
    border:1px solid rgba(255,84,112,.17);
    background:rgba(255,70,101,.055);
    color:#dca0ad;
}
body.mp-admin-v4 .mp-integration-success{
    border:1px solid rgba(38,214,164,.15);
    background:rgba(38,214,164,.05);
    color:#90cdbb;
}
body.mp-admin-v4 .mp-integration-error strong,
body.mp-admin-v4 .mp-integration-success strong{
    flex:0 0 auto;
    color:#e9f1fb;
}
body.mp-admin-v4 .mp-integration-actions{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:start;
    gap:8px;
    margin-top:12px;
}
body.mp-admin-v4 .mp-integration-config{
    min-width:0;
    border:1px solid rgba(91,139,204,.16);
    border-radius:10px;
    background:rgba(3,12,25,.42);
}
body.mp-admin-v4 .mp-integration-config>summary{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    min-height:42px;
    padding:9px 11px;
    list-style:none;
    cursor:pointer;
    user-select:none;
}
body.mp-admin-v4 .mp-integration-config>summary::-webkit-details-marker{
    display:none;
}
body.mp-admin-v4 .mp-integration-config>summary span{
    display:grid;
    gap:2px;
}
body.mp-admin-v4 .mp-integration-config>summary b{
    color:#dce7f5;
    font-size:11px;
}
body.mp-admin-v4 .mp-integration-config>summary small{
    color:#647995;
    font-size:9px;
}
body.mp-admin-v4 .mp-integration-config>summary i{
    color:#65dfff;
    font-size:15px;
    font-style:normal;
    transition:transform .18s ease;
}
body.mp-admin-v4 .mp-integration-config[open]>summary i{
    transform:rotate(180deg);
}
body.mp-admin-v4 .mp-integration-config-body{
    padding:0 11px 11px;
    border-top:1px solid rgba(91,139,204,.12);
}
body.mp-admin-v4 .mp-integration-config-body form{
    margin:0!important;
    padding:11px 0 0!important;
    border:0!important;
}
body.mp-admin-v4 .mp-integration-mode-row{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:10px;
    align-items:end;
}
body.mp-admin-v4 .mp-integration-enable{
    min-height:40px;
    align-items:center!important;
    padding:0 8px;
}
body.mp-admin-v4 .mp-integration-fields-v2{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    margin-top:9px;
}
body.mp-admin-v4 .mp-integration-fields-v2 label{
    min-width:0;
    margin:0!important;
    font-size:10.5px;
}
body.mp-admin-v4 .mp-integration-fields-v2 input,
body.mp-admin-v4 .mp-integration-fields-v2 select,
body.mp-admin-v4 .mp-integration-fields-v2 textarea,
body.mp-admin-v4 .mp-integration-mode-row select{
    width:100%;
    min-height:38px;
    margin-top:5px;
    padding:8px 9px;
    font-size:11.5px;
}
body.mp-admin-v4 .mp-integration-boolean{
    align-self:end;
    min-height:38px;
}
body.mp-admin-v4 .secret-presence{
    display:block;
    margin:3px 0 0!important;
    font-size:8.5px!important;
}
body.mp-admin-v4 .mp-integration-form-footer{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    margin-top:11px;
}
body.mp-admin-v4 .mp-integration-form-footer small{
    max-width:310px;
    color:#657891;
    font-size:9px;
    line-height:1.4;
}
body.mp-admin-v4 .mp-integration-test-form{
    margin:0!important;
    padding:0!important;
    border:0!important;
}
body.mp-admin-v4 .mp-integration-test-form button{
    min-height:42px;
    white-space:nowrap;
}
body.mp-admin-v4 .mp-admin-compact-section{
    margin-top:12px;
    padding:17px!important;
}
body.mp-admin-v4 .mp-admin-compact-head{
    display:flex;
    align-items:end;
    justify-content:space-between;
    gap:18px;
    margin-bottom:11px;
}
body.mp-admin-v4 .mp-admin-compact-head h2{
    margin:3px 0 0;
    font-size:19px;
}
body.mp-admin-v4 .mp-admin-compact-head p{
    max-width:480px;
    margin:0;
    color:#72859f;
    font-size:10.5px;
}

/* Lightweight entrance motion — one observer, section level only, transforms + opacity. */
@media(min-width:761px){
    .mp-lite-reveal{
        opacity:0;
        transform:translate3d(0,12px,0);
        transition:
            opacity .30s cubic-bezier(.16,1,.3,1),
            transform .34s cubic-bezier(.16,1,.3,1)!important;
    }
    .mp-lite-reveal[data-mp-reveal-direction="left"]{
        transform:translate3d(-14px,0,0);
    }
    .mp-lite-reveal[data-mp-reveal-direction="right"]{
        transform:translate3d(14px,0,0);
    }
    .mp-lite-reveal.is-visible{
        opacity:1;
        transform:translate3d(0,0,0);
    }
    .mp-lite-reveal.is-settled{
        transition:none!important;
    }
}

/* Desktop: eliminate continuous CSS keyframe work on the marketing page.
   Entrance motion above uses one-shot transitions instead. */
@media(min-width:861px){
    body.public-body *{
        animation-duration:0s!important;
        animation-delay:0s!important;
        animation-iteration-count:1!important;
    }

    /* content-visibility caused a visible paint spike when large sections entered view. */
    body.public-body .oversight-showcase-v2,
    body.public-body .ai-workflow-showcase,
    body.public-body .aurora-showcase,
    body.public-body .platform-features-showcase,
    body.public-body .signal-showcase,
    body.public-body .performance-showcase,
    body.public-body .trading-cycle-showcase,
    body.public-body .community-performance-showcase,
    body.public-body .pricing-v13-section{
        content-visibility:visible!important;
        contain:none!important;
        contain-intrinsic-size:none!important;
    }

    /* Expensive large-area paint effects become static gradients without blur filters. */
    body.public-body .hero-light,
    body.public-body .terminal-glow,
    body.public-body .modes-ambient,
    body.public-body .oversight-v2-glow,
    body.public-body .ai-workflow-glow,
    body.public-body .aurora-showcase-glow,
    body.public-body .platform-features-glow,
    body.public-body .signal-showcase-glow,
    body.public-body .performance-glow,
    body.public-body .trading-cycle-glow,
    body.public-body .community-performance-glow,
    body.public-body .pricing-v13-glow,
    body.public-body .mp-hero-v2-glow,
    body.public-body .mp-stats-v2-glow{
        filter:none!important;
        opacity:.06!important;
    }
    body.public-body .mode-card::after,
    body.public-body .oversight-v2-step::after,
    body.public-body .aurora-chat-card::after,
    body.public-body .platform-feature-card::after,
    body.public-body .pro-signal-card::after,
    body.public-body .trading-cycle-board::after,
    body.public-body .mp-hero-stat::after,
    body.public-body .mp-stat-v2-card::after{
        filter:none!important;
        opacity:.045!important;
    }

    /* Avoid hover transforms on large desktop surfaces while scrolling. */
    body.public-body .tilt,
    body.public-body .feature-card,
    body.public-body .glass,
    body.mp-premium-workspace .mp-metric-card,
    body.mp-premium-workspace .mp-quick-card,
    body.mp-admin-v4 .mp-integration-card-v2{
        will-change:auto!important;
    }
}

/* Login remains animated, but pointer/layout work is kept compositor-friendly. */
body.mp-login-page .mp-mascot{
    translate:0 0;
}
body.mp-login-page .mp-login-experience,
body.mp-login-page .mp-login-form-panel,
body.mp-login-page .mp-login-visual{
    will-change:auto!important;
}

/* Responsive compact admin + welcome treatment. */
@media(max-width:1180px){
    body.mp-admin-v4 .mp-integration-grid-v2{
        grid-template-columns:1fr!important;
    }
}
@media(max-width:860px){
    body.mp-premium-workspace .mp-welcome-v2{
        align-items:flex-start;
        flex-direction:column;
        padding:17px;
    }
    body.mp-premium-workspace .mp-welcome-v2 .mp-welcome-meta{
        width:100%;
        grid-template-columns:1fr 1fr;
    }
    body.mp-admin-v4 .mp-integration-intro-badges{
        justify-content:flex-start;
    }
    body.mp-admin-v4 .mp-integration-summary{
        grid-template-columns:1fr 1fr;
    }
    body.mp-admin-v4 .mp-integration-actions{
        grid-template-columns:1fr;
    }
    body.mp-admin-v4 .mp-integration-test-form button{
        width:100%;
    }
}
@media(max-width:600px){
    body.mp-premium-workspace .mp-welcome-title-row{
        align-items:flex-start;
        flex-direction:column;
    }
    body.mp-premium-workspace .mp-welcome-v2 .mp-welcome-meta{
        grid-template-columns:1fr;
    }
    body.mp-admin-v4 .mp-integration-fields-v2,
    body.mp-admin-v4 .mp-integration-mode-row{
        grid-template-columns:1fr!important;
    }
    body.mp-admin-v4 .mp-integration-form-footer,
    body.mp-admin-v4 .mp-admin-compact-head{
        align-items:flex-start;
        flex-direction:column;
    }
}

@media(prefers-reduced-motion:reduce){
    .mp-lite-reveal{
        opacity:1!important;
        transform:none!important;
        transition:none!important;
    }
}

/* =========================================================
   HOME — "UPCOMING" ROADMAP STRIP (v45)
   One static gradient wash, no keyframes, no blur filter and
   no observer of its own: entrance motion is inherited from
   the shared .mp-lite-reveal one-shot pass in app.js.
   ========================================================= */
.mp-upcoming{
    position:relative;
    isolation:isolate;
}
.mp-upcoming-glow{
    position:absolute;
    z-index:-1;
    inset:auto 6% 12% 6%;
    height:58%;
    border-radius:50%;
    background:radial-gradient(60% 50% at 50% 50%,rgba(77,141,255,.13),rgba(138,100,255,.07) 55%,transparent 78%);
    pointer-events:none;
}
.mp-upcoming-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:1rem;
}
.mp-upcoming-card{
    position:relative;
    padding:1.5rem;
    border-radius:var(--radius);
    transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease;
}
.mp-upcoming-card:hover{
    border-color:var(--line-bright);
    transform:translate3d(0,-4px,0);
    box-shadow:0 18px 44px rgba(21,50,95,.22);
}
.mp-upcoming-step{
    display:inline-grid;
    place-items:center;
    width:38px;
    height:38px;
    border:1px solid var(--line-bright);
    border-radius:12px;
    background:linear-gradient(135deg,rgba(49,221,245,.16),rgba(138,100,255,.14));
    color:var(--cyan);
    font-size:12px;
    font-weight:800;
    letter-spacing:.06em;
}
.mp-upcoming-card h3{
    margin:1.1rem 0 .55rem;
    font-size:21px;
    letter-spacing:-.02em;
}
.mp-upcoming-card p{
    margin:0;
    color:var(--muted);
    line-height:1.7;
}
.mp-upcoming-note{
    margin:1.2rem 0 0;
    color:var(--muted-2);
    font-size:12px;
    max-width:760px;
}
@media(max-width:1100px){
    .mp-upcoming-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:600px){
    .mp-upcoming-grid{grid-template-columns:1fr}
    .mp-upcoming-card{padding:1.15rem}
    .mp-upcoming-glow{display:none}
}
@media(pointer:coarse){
    .mp-upcoming-card:hover{transform:none;box-shadow:none}
}