/* ==========================================================================
   Mod Alpha — base styles (dark "Midnight" theme)
   Colour tokens (:root), page layout (top bar, sidebar, app shell), public pages,
   cards, forms, tables and the first generation of screens.
   Load order: base.css → app.css → theme-light.generated.css → theme-light.css
   ========================================================================== */
:root{--bg:#080b18;--bg2:#0b1022;--panel:#111a32;--panel2:#0e172d;--line:rgba(130,157,220,.16);--muted:#8e9bb7;--text:#eef3ff;--blue:#4b9cff;--cyan:#21d7e8;--violet:#9366ff;--green:#21d6a0;--shadow:0 22px 70px #0007;--radius:18px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 13% 7%,#14234a55,transparent 38%),radial-gradient(ellipse at 88% 25%,#27164a44,transparent 35%),var(--bg);color:var(--text);font-family:'DM Sans',sans-serif;font-size:14px;min-height:var(--vh100,100vh)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.ambient{position:fixed;width:430px;height:430px;border-radius:50%;filter:blur(120px);opacity:.11;pointer-events:none;z-index:0}.ambient-a{background:#277cff;top:-230px;left:-180px}.ambient-b{background:#813bff;right:-220px;top:300px}.topbar{height:72px;border-bottom:1px solid rgba(128,153,210,.12);display:flex;align-items:center;justify-content:space-between;padding:0 5.5%;position:relative;z-index:10;background:rgba(7,10,22,.76);backdrop-filter:blur(20px)}.brand{display:flex;align-items:center;gap:10px;font:800 20px Manrope;letter-spacing:-.7px}.brand-mark{height:34px;width:34px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(140deg,#259cff,#8859f5);box-shadow:0 0 28px #397eff66;font-size:20px;color:white}.brand-accent{color:#83b4ff}.top-actions{display:flex;align-items:center;gap:22px}.secure-label{font-size:10px;letter-spacing:1px;color:#7e8daa}.secure-label i{display:inline-block;width:7px;height:7px;background:var(--green);border-radius:50%;margin-right:8px;box-shadow:0 0 10px var(--green)}.top-link{font-size:13px;color:#dce8ff;font-weight:700}.top-cta{padding:10px 17px;border-radius:10px;background:linear-gradient(100deg,#347ff5,#795df4);font-size:12px;font-weight:700}.user-chip{display:flex;align-items:center;gap:9px;background:#121d36;border:1px solid var(--line);color:#dce6f9;border-radius:30px;padding:6px 12px 6px 6px;font-size:11px}.avatar{width:28px;height:28px;display:inline-grid;place-items:center;border-radius:50%;background:linear-gradient(140deg,#368cf5,#895dff);font-weight:800;color:white;flex-shrink:0}.chevron{color:#8294b7}.auth-layout{max-width:1500px;margin:auto;padding:54px 5.5% 60px;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(390px,.8fr);gap:7%;align-items:start;position:relative;z-index:1}.auth-story{padding:22px 0}.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:8px 13px;border-radius:30px;border:1px solid #648cf344;background:#1b326022;color:#a8caff;font-size:10px;font-weight:800;letter-spacing:1.25px}.small-eyebrow{font-size:9px;padding:6px 10px}.story h1,.auth-story h1{font:800 clamp(42px,4.2vw,65px)/1.12 Manrope;letter-spacing:-2.6px;margin:24px 0 18px;max-width:690px}.gradient-text{background:linear-gradient(95deg,#65c7ff,#7779ff 54%,#ce82ff);-webkit-background-clip:text;background-clip:text;color:transparent}.lead{font-size:16px;line-height:1.8;color:#a1afc9;max-width:650px}.auth-proof{display:flex;gap:40px;margin:31px 0 25px}.auth-proof div{display:flex;flex-direction:column;gap:4px}.auth-proof b{font:800 19px Manrope;color:#eaf2ff}.auth-proof small{font-size:10px;color:#8192b1}.auth-mini-chart{max-width:640px;border:1px solid var(--line);border-radius:17px;background:linear-gradient(135deg,#121e3a,#0d152a);padding:17px 20px 13px;box-shadow:var(--shadow)}.chart-head,.panel-head{display:flex;align-items:center;justify-content:space-between;gap:15px}.chart-head{font-size:11px;color:#cbd8f0}.tiny-tag,.sample-pill{font-size:9px;color:#93baff;border:1px solid #4777b544;background:#152747;padding:5px 8px;border-radius:20px;letter-spacing:.6px}.line-chart{width:100%;height:190px;display:block;margin-top:17px;overflow:visible}.mini-line{height:120px}.chart-axis{display:flex;justify-content:space-between;color:#6f83a6;font-size:9px;padding:7px 2px 0}.auth-how{margin-top:26px}.auth-how .how-section{padding:0}.auth-how .section-center{display:none}.auth-how .how-canvas{padding:18px 16px}.auth-how .how-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.auth-how .how-step h3{font-size:10px}.auth-how .how-step p{font-size:9px}.auth-how .visual-card,.auth-how .engine-visual,.auth-how .phone-visual{transform:scale(.82);transform-origin:top center;margin-bottom:-45px}.auth-panel{padding-top:15px}.auth-card{border:1px solid rgba(140,168,230,.19);background:linear-gradient(145deg,rgba(18,29,54,.98),rgba(10,17,34,.98));border-radius:25px;padding:34px 35px;box-shadow:0 30px 90px #0009;position:relative;overflow:hidden}.auth-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#3b9dff,#a16aff,transparent)}.card-kicker{font-size:10px;color:#91b6ff;font-weight:800;letter-spacing:1.4px}.auth-card h2{font:800 27px Manrope;letter-spacing:-.8px;margin:11px 0 7px}.muted{color:#91a0bd;font-size:12px;line-height:1.6}.auth-card>.muted{margin:0 0 22px}.tabs{display:flex;gap:4px;padding:4px;background:#0a1328;border-radius:11px;margin:20px 0}.tab{border:0;background:transparent;color:#8393b2;border-radius:8px;padding:10px 14px;font-size:11px;font-weight:700}.tabs>.tab{flex:1}.tab.active{background:#1b2d52;color:#f1f6ff;box-shadow:0 2px 10px #0004}.demo-notice{display:flex;gap:10px;padding:11px 12px;border-radius:10px;background:#1b2b46;border:1px solid #365781;color:#a8caff;font-size:12px;margin-bottom:18px}.demo-notice span{font-size:17px}.demo-notice small{display:block;color:#8299bb;font-size:10px;margin-top:3px;line-height:1.5}.field{display:block;margin:0 0 15px}.field-label{display:flex;justify-content:space-between;align-items:center;color:#bdc9df;font-size:11px;font-weight:700;margin-bottom:8px}.field-label small{font-size:9px;color:#7689aa}.field input,.form-panel input,.form-panel select,.form-panel textarea,.support-panel input,.support-panel select,.support-panel textarea,.filter-row select,.admin-filterbar input,.admin-filterbar select,.search-wrap input{width:100%;height:44px;border:1px solid rgba(142,166,218,.19);background:#091329;border-radius:10px;color:#eef4ff;padding:0 13px;outline:none;font-size:12px}.field input:focus,.form-panel input:focus,.search-wrap input:focus{border-color:#5c9fff;box-shadow:0 0 0 3px #438bff1d}.field input::placeholder,.search-wrap input::placeholder{color:#536583}.text-link{border:0;background:none;color:#8bbaff;font-size:10px;font-weight:700;padding:0}.form-error{color:#ffb08a;font-size:11px;min-height:14px;margin:-3px 0 9px}.primary-btn,.secondary-btn{display:inline-flex;justify-content:center;align-items:center;gap:12px;border:0;border-radius:10px;padding:12px 17px;font-size:11px;font-weight:800;transition:.2s}.primary-btn{background:linear-gradient(100deg,#347ff5,#795df4);color:#fff;box-shadow:0 8px 25px #356ff044}.primary-btn:hover{filter:brightness(1.12);transform:translateY(-1px)}.secondary-btn{background:#172747;border:1px solid #4669a044;color:#dceaff}.secondary-btn:hover{border-color:#649eff;background:#1b3159}.full{width:100%}.or-divider{display:flex;align-items:center;gap:12px;color:#687b9d;font-size:9px;letter-spacing:.8px;margin:21px 0 14px}.or-divider:before,.or-divider:after{content:"";height:1px;flex:1;background:var(--line)}.guest-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.guest-entry{display:flex;align-items:center;gap:9px;padding:11px 9px;border-radius:11px;border:1px solid rgba(122,151,211,.22);background:#14213d;transition:.2s}.guest-entry:hover{border-color:#659fff;transform:translateY(-2px)}.guest-icon{width:30px;height:30px;border-radius:9px;background:#17365b;color:#7dc4ff;display:grid;place-items:center;font-size:15px}.guest-icon.admin{background:#302653;color:#bd9cff}.guest-entry b,.guest-entry small{display:block}.guest-entry b{font-size:10px}.guest-entry small{font-size:8px;color:#7f91b2;margin-top:3px}.guest-entry i{margin-left:auto;color:#8bb7ff;font-style:normal}.terms{text-align:center;font-size:9px;line-height:1.6;color:#7183a1;margin:18px 0 0}.terms a{color:#a0c1ff}.secure-foot{text-align:center;color:#637797;font-size:10px;margin:15px}.public-footer,.workspace-footer{padding:22px 5.5%;color:#667999;font-size:10px;border-top:1px solid #8ca3d011;display:flex;justify-content:space-between;gap:20px}.public-footer span{color:#637594}.how-section{padding:60px 5.5%;position:relative}.section-center{text-align:center;max-width:760px;margin:0 auto 32px}.section-center h2{font:800 clamp(28px,3.3vw,42px) Manrope;letter-spacing:-1.3px;margin:14px 0 10px}.section-center p{color:#95a5c2;line-height:1.7}.how-canvas{max-width:1500px;margin:auto;padding:30px 26px 21px;border:1px solid rgba(117,147,219,.2);border-radius:24px;background:linear-gradient(140deg,rgba(17,28,57,.94),rgba(12,19,40,.96));box-shadow:var(--shadow);overflow:hidden}.how-grid{display:grid;grid-template-columns:1fr 22px 1fr 22px 1fr 22px 1fr 22px 1fr;gap:14px;align-items:start}.how-step{min-width:0}.step-num{width:37px;height:37px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(140deg,#258cff,#805dff);box-shadow:0 0 24px #4b83ff88;font:800 13px Manrope}.how-step h3{font:800 14px Manrope;margin:14px 0 7px}.how-step p{font-size:11px;color:#91a2c0;line-height:1.55;min-height:52px;margin:0 0 14px}.connector{height:200px;display:flex;align-items:center}.connector span{width:100%;height:2px;background:linear-gradient(90deg,#328fff,#9369ff,#18d9e8);position:relative;box-shadow:0 0 12px #458fff88}.connector span:after{content:"";position:absolute;right:0;top:-4px;width:8px;height:8px;border-top:2px solid #60c8ff;border-right:2px solid #60c8ff;transform:rotate(45deg)}.connector span:before{content:"";position:absolute;left:0;top:-3px;width:7px;height:7px;border-radius:50%;background:#36c9ff;box-shadow:0 0 12px #36c9ff;animation:travel 2.2s linear infinite}@keyframes travel{0%{left:0;opacity:0}10%{opacity:1}90%{opacity:1}100%{left:100%;opacity:0}}.visual-card{border:1px solid #24436b88;border-radius:15px;background:linear-gradient(145deg,#101f3b,#0b152b);padding:13px;box-shadow:0 12px 30px #0003;min-height:205px}.data-row{display:flex;align-items:center;gap:9px;padding:8px 6px;border-radius:9px;background:#132540;margin-bottom:7px}.mini-icon{font-style:normal;width:29px;height:29px;display:grid;place-items:center;border-radius:8px;background:#1a3152;font-size:16px}.mini-icon.red{color:#ff8e91}.mini-icon.yellow{color:#ffd66b}.mini-icon.cyan{color:#39e0d4}.mini-icon.violet{color:#a58bff}.data-row b,.data-row small{display:block}.data-row b{font-size:9px}.data-row small{font-size:8px;color:#778eaf;margin-top:3px}.engine-visual{height:205px;position:relative;display:grid;place-items:center}.engine-core{width:128px;height:128px;border-radius:25px;border:1px solid #7c75ff;background:linear-gradient(145deg,#1c2a60,#17163c);box-shadow:0 0 30px #795fff88,inset 0 0 25px #6278ff44;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;z-index:2;animation:float 4s ease-in-out infinite}.engine-m{font:800 37px Manrope;background:linear-gradient(120deg,#39caff,#a477ff);color:transparent;background-clip:text}.engine-core b{font:800 11px Manrope}.engine-core small{font-size:8px;color:#9daed3;margin-top:4px}.engine-orbit{position:absolute;border:1px solid #6d76ff55;border-radius:50%;width:176px;height:176px;animation:spin 12s linear infinite}.orbit-two{width:200px;height:120px;transform:rotate(-35deg);border-color:#1ed8e655;animation-direction:reverse}.engine-tag{position:absolute;padding:7px 9px;border-radius:9px;background:#1b2b54;border:1px solid #5165bb88;font-size:8px;color:#c3d3ff;z-index:3}.tag-a{top:3px;left:-4px}.tag-b{bottom:1px;right:-4px}@keyframes float{50%{transform:translateY(-5px)}}@keyframes spin{to{transform:rotate(360deg)}}.date-visual>small{font-size:8px;color:#8298bd;letter-spacing:.7px}.date-choice{display:flex;align-items:center;gap:9px;margin-top:11px;padding:9px;border-radius:9px;background:#182541}.date-choice b{font:800 16px Manrope}.date-choice span{font-size:9px;color:#90a2c1}.date-choice em{margin-left:auto;font-style:normal}.date-choice.muted{opacity:.65}.date-choice.selected{border:1px solid #1dd5aa;background:#0e3b3b;color:#37e7bc;box-shadow:0 0 20px #16d5a333}.date-foot{font-size:8px;color:#7b8dab;margin-top:12px}.phone-visual{min-height:205px;border:1px solid #3769bd;border-radius:22px;background:linear-gradient(155deg,#1a2c53,#090f22);padding:11px;box-shadow:0 0 22px #327eff44;position:relative;overflow:hidden}.phone-top{display:flex;justify-content:space-between;font-size:8px;color:#b9c9e8}.phone-lock{text-align:center;color:#94a9ce;margin-top:5px}.phone-time{text-align:center;font:500 26px Manrope}.phone-date{text-align:center;color:#9cacc9;font-size:8px}.notification-card{margin-top:15px;padding:10px 8px;background:#dce8fa;color:#17243e;border-radius:10px;display:flex;gap:7px;box-shadow:0 5px 20px #0005}.notif-logo{width:22px;height:22px;flex-shrink:0;border-radius:7px;background:linear-gradient(140deg,#368cff,#805bff);display:grid;place-items:center;color:white;font-weight:800;font-size:12px}.notification-card b{font-size:8px;display:block}.notification-card b small{float:right;color:#657795;font-weight:400}.notification-card strong{font-size:8px;display:block;margin-top:4px}.notification-card p{font-size:7px;line-height:1.4;color:#4e607f;margin:4px 0 0;min-height:0}.phone-apps{display:flex;justify-content:space-around;margin-top:10px}.phone-apps i{width:25px;height:25px;border-radius:8px;background:#243b69;display:grid;place-items:center;font-style:normal;color:#86d7ff}.chart-label{font-size:8px;color:#9db0d1}.invest-visual svg{width:100%;height:120px;margin-top:10px;overflow:visible}.legend{display:flex;flex-direction:column;gap:6px;font-size:8px;color:#a6b7d2}.legend span{display:flex;align-items:center;gap:6px}.legend i{width:13px;height:3px;border-radius:4px}.lg-a{background:#24d6e9}.lg-b{background:#65748e}.disclaimer-mini{font-size:7px;color:#6e82a4;display:block;margin-top:8px}.how-footer{border-top:1px solid var(--line);margin-top:27px;padding-top:18px;display:flex;justify-content:space-around;flex-wrap:wrap;gap:13px;color:#8d9db9;font-size:10px}.public-page{position:relative;z-index:1}.landing-hero{max-width:1450px;margin:auto;min-height:570px;padding:90px 6%;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:40px}.landing-hero h1{font:800 clamp(46px,5.2vw,70px)/1.08 Manrope;letter-spacing:-3px;margin:20px 0}.landing-hero p{color:#9aabc8;line-height:1.8;font-size:15px;max-width:560px}.hero-actions{display:flex;gap:12px;margin-top:27px}.hero-trust{display:flex;gap:19px;flex-wrap:wrap;margin-top:27px;color:#8ba1c5;font-size:10px}.hero-art{height:380px;border:1px solid #5578c444;border-radius:30px;background:radial-gradient(circle at center,#263b7966,transparent 50%),linear-gradient(140deg,#111e3d,#0b1227);position:relative;display:grid;place-items:center;overflow:hidden;box-shadow:var(--shadow)}.hero-orb{width:160px;height:160px;border-radius:45px;display:grid;place-items:center;background:linear-gradient(140deg,#1e4d91,#432c91);border:1px solid #7ca5ff;box-shadow:0 0 65px #4e7dff88;font:800 80px Manrope;animation:float 4s ease-in-out infinite}.floating-data{position:absolute;border:1px solid #5577bb77;background:#13294cdd;padding:11px 14px;border-radius:12px;font-size:11px;box-shadow:0 10px 25px #0005;animation:float 4s ease-in-out infinite}.d-one{top:45px;left:35px}.d-two{right:25px;top:115px;animation-delay:.6s}.d-three{bottom:48px;left:80px;animation-delay:1.1s}.hero-chart{position:absolute;inset:auto 20px 12px;width:calc(100% - 40px);height:115px;opacity:.65}.public-metrics{display:flex;justify-content:space-around;padding:25px 7%;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#0e1730aa}.public-metrics div{display:flex;flex-direction:column;gap:4px}.public-metrics b{font:800 21px Manrope}.public-metrics small{font-size:10px;color:#8194b6}.public-features,.public-pricing{padding:75px 6%;max-width:1450px;margin:auto}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.feature-card{padding:25px;border:1px solid var(--line);border-radius:17px;background:linear-gradient(145deg,#14213e,#0d162b)}.feature-card>span{width:42px;height:42px;border-radius:13px;background:#1d3b67;color:#8ccaff;display:grid;place-items:center;font-size:22px}.feature-card h3{font:800 15px Manrope}.feature-card p{font-size:11px;line-height:1.7;color:#90a1bf}.pricing-teaser,.pricing-full{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;max-width:1050px;margin:25px auto}.pricing-teaser article,.plan-card{padding:24px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,#152340,#0c162b)}.pricing-teaser small,.plan-card>span{color:#8cb5ff;font-size:10px}.pricing-teaser h3{font:800 16px Manrope}.pricing-teaser b{font:800 25px Manrope;display:block;margin:13px 0}.pricing-teaser a{font-size:11px;color:#9dc3ff}.public-disclosure{max-width:1200px;margin:25px auto 70px;padding:25px 6%;border:1px solid var(--line);border-radius:16px;background:#111b33}.public-disclosure h3{font:800 15px Manrope}.public-disclosure p{font-size:11px;color:#93a3c0;line-height:1.7}.simple-public{max-width:1250px;margin:auto;padding:50px 30px}.simple-public .page-head{margin-bottom:30px}.simple-public .pricing-full{grid-template-columns:repeat(4,1fr)}.app-shell{display:flex;position:relative;z-index:1;min-height:calc(var(--vh100,100vh) - 72px)}.sidebar{width:248px;flex-shrink:0;border-right:1px solid var(--line);background:rgba(8,14,29,.82);padding:22px 15px;display:flex;flex-direction:column;min-height:calc(var(--vh100,100vh) - 72px);position:sticky;top:0;height:calc(var(--vh100,100vh) - 0px)}.side-brand{padding:0 10px 28px}.side-brand .brand{font-size:18px}.side-brand .brand-mark{height:30px;width:30px}.side-label{font-size:9px;letter-spacing:1.5px;color:#657a9d;font-weight:800;padding:0 12px 12px}.sidebar nav{display:flex;flex-direction:column;gap:5px}.nav-link{display:flex;align-items:center;gap:12px;padding:12px;border-radius:10px;color:#8d9fbd;font-size:11px;font-weight:600;transition:.2s}.nav-link>span{font-size:17px;width:20px;text-align:center;color:#829dca}.nav-link:hover{background:#142341;color:#dce9ff}.nav-link.active{background:linear-gradient(100deg,#1b3a69,#24204c);color:#f1f6ff;border:1px solid #527dc544;box-shadow:inset 3px 0 #5d9fff}.nav-link.active>span{color:#83caff}.nav-dot{width:6px;height:6px;background:var(--green);border-radius:50%;margin-left:auto}.side-bottom{margin-top:auto}.side-demo{display:flex;gap:10px;align-items:center;padding:13px 10px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.side-demo i{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 10px var(--green)}.side-demo b,.side-demo small{display:block}.side-demo b{font-size:10px}.side-demo small{font-size:9px;color:#7185a7;margin-top:3px}.logout-btn{width:100%;border:0;background:transparent;text-align:left;color:#8496b5;padding:14px 10px;font-size:10px}.logout-btn:hover{color:#e3edff}.main-area{flex:1;min-width:0;padding:32px clamp(20px,3vw,48px) 0;max-width:1700px;margin:0 auto}.mobile-page-nav{display:none}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:24px}.page-head h1{font:800 clamp(25px,2.4vw,32px) Manrope;letter-spacing:-1.1px;margin:10px 0 5px}.page-head p{color:#92a2bf;font-size:12px;margin:0;line-height:1.6}.head-actions{display:flex;align-items:center;gap:10px}.demo-strip{display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid #36537d88;background:#132440;border-radius:11px;color:#a8bddc;font-size:10px;line-height:1.5;margin:0 0 20px}.demo-strip>span:first-child{font-size:15px;color:#86baff}.demo-strip b{color:#d8e7ff}.demo-strip a{margin-left:auto;color:#94c3ff;font-weight:700;white-space:nowrap}.admin-strip{background:#29243a;border-color:#67507b88}.role-chip{margin-left:auto;font-size:8px!important;border:1px solid #8a72a6;border-radius:20px;padding:5px 8px;color:#cbb9e5!important;white-space:nowrap}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:17px}.kpi-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.kpi-card,.glass-panel{border:1px solid var(--line);background:linear-gradient(145deg,rgba(18,30,56,.94),rgba(11,19,38,.95));border-radius:16px;box-shadow:0 12px 40px #0002}.kpi-card{padding:17px 18px}.kpi-top{display:flex;justify-content:space-between;align-items:center;color:#91a3c1;font-size:10px}.kpi-top i{font-style:normal;width:29px;height:29px;border-radius:9px;background:#1a3155;color:#8dcaff;display:grid;place-items:center;font-size:16px}.kpi-card>strong{display:block;font:800 clamp(20px,2vw,27px) Manrope;margin:10px 0 5px;letter-spacing:-.6px}.kpi-foot{font-size:9px;color:#7488aa}.trend,.positive{color:#38d9a9!important}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.85fr);gap:14px;margin-bottom:15px}.lower-grid{grid-template-columns:1fr 1fr}.glass-panel{padding:20px;margin-bottom:15px}.panel-head{margin-bottom:13px}.panel-head h3,.glass-panel h3{font:800 14px Manrope;margin:0 0 5px}.panel-head p,.glass-panel>p{font-size:10px;color:#8599b8;margin:0;line-height:1.6}.panel-head .line-chart{margin-top:8px}.chart-panel{min-height:280px}.chart-panel .line-chart{height:185px}.live-tag{font-size:8px;color:#8db8ff;background:#142b4b;border:1px solid #43699b66;border-radius:20px;padding:5px 8px;white-space:nowrap}.date-widget{padding:20px 22px}.status-pill{display:inline-flex;align-items:center;padding:5px 8px;border-radius:20px;font-size:8px;font-weight:800;letter-spacing:.3px;white-space:nowrap}.status-pill.success{color:#55e5ba;background:#103d38;border:1px solid #236b5b}.status-pill.warning{color:#f4c77f;background:#3d301c;border:1px solid #6d552c}.status-pill.neutral{color:#a4b7d5;background:#202d48;border:1px solid #394c70}.date-orb{height:180px;display:grid;place-items:center;margin:5px auto}.date-orb>div{width:142px;height:142px;border-radius:50%;border:1px solid #4388ff88;background:radial-gradient(circle,#1d3c6c,#101b3a 68%);box-shadow:0 0 36px #397fff44,inset 0 0 20px #5c88ff22;display:flex;align-items:center;justify-content:center;flex-direction:column}.date-orb small{font-size:8px;color:#9fc3ff;letter-spacing:1px}.date-orb strong{font:800 49px Manrope;line-height:1.15}.date-orb span{font-size:8px;color:#9bb0d2;letter-spacing:1px}.date-meta,.detail-row{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #829ac015;font-size:10px}.date-meta span,.detail-row span{color:#8194b3}.date-meta b,.detail-row b{color:#dce7fa;text-align:right}.note{font-size:9px;line-height:1.55;color:#8194b3;margin:12px 0}.feature-strip{display:grid;grid-template-columns:repeat(4,1fr);padding:17px}.feature-strip>div{display:grid;grid-template-columns:35px 1fr;column-gap:10px;align-items:center;border-right:1px solid var(--line);padding:4px 13px}.feature-strip>div:last-child{border:0}.feature-strip span{grid-row:span 2;width:33px;height:33px;border-radius:10px;background:#1a3156;color:#87caff;display:grid;place-items:center;font-size:17px}.feature-strip b{font-size:10px}.feature-strip small{font-size:8px;color:#7f92b2}.quick-calc{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:end;margin-top:16px}.quick-calc label,.form-panel label,.support-panel label{display:block;font-size:10px;color:#9aacc9}.quick-calc input,.quick-calc select{display:block;width:100%;height:39px;margin-top:7px;border:1px solid var(--line);background:#0a1429;color:#edf4ff;border-radius:9px;padding:0 10px}.tiny-muted{font-size:9px;color:#7488a7;margin-top:13px}.insight-mini{padding:12px 0;border-bottom:1px solid var(--line)}.insight-mini:last-child{border:0}.insight-mini span,.insight-tag{font-size:8px;color:#8ebcff;letter-spacing:.8px;font-weight:800}.insight-mini b{display:block;font-size:10px;margin:5px 0}.insight-mini p{font-size:9px;line-height:1.55;color:#899bb9;margin:0}.insight-mini small{display:block;color:#627798;font-size:8px;margin-top:6px}.workspace-footer{padding:20px 0;margin-top:15px;font-size:9px}.workspace-footer span{color:#5f7394}.filter-panel{padding:17px}.search-wrap{position:relative}.search-wrap>span{position:absolute;left:13px;top:9px;color:#89a7d6;font-size:19px}.search-wrap input{padding-left:40px}.filter-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:13px}.filter-row label{font-size:9px;color:#8ea2c2}.filter-row select{margin-top:6px;height:38px}.results-head{display:flex;justify-content:space-between;align-items:center;margin:20px 0 12px;font-size:10px}.results-head span{color:#788cab}.fund-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.fund-card{padding:17px;border-radius:15px;border:1px solid var(--line);background:linear-gradient(145deg,#14213d,#0c162b);transition:.2s}.fund-card:hover{transform:translateY(-3px);border-color:#4c79b877;box-shadow:0 14px 35px #0004}.fund-card-top{display:flex;justify-content:space-between;align-items:center}.fund-avatar{width:35px;height:35px;border-radius:11px;background:linear-gradient(140deg,#275f9b,#6549a6);display:grid;place-items:center;font:800 16px Manrope;color:#d7eaff}.fund-avatar.big{width:54px;height:54px;font-size:22px}.risk-chip{font-size:8px;color:#edc78b;background:#342c20;padding:5px 7px;border-radius:20px}.fund-card h3{font:800 12px/1.45 Manrope;margin:14px 0 5px;min-height:34px}.fund-card>p{font-size:9px;color:#8296b7;margin:0}.fund-tags{display:flex;gap:5px;flex-wrap:wrap;margin:12px 0}.fund-tags span{font-size:8px;color:#9db4d6;border:1px solid #435b7d66;background:#172947;padding:4px 6px;border-radius:6px}.fund-return-row{display:grid;grid-template-columns:repeat(3,1fr);padding:12px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.fund-return-row div{display:flex;flex-direction:column;gap:5px}.fund-return-row small{font-size:8px;color:#8195b4}.fund-return-row b{font:800 14px Manrope}.fund-return-row .highlight-return b{color:#48d9b3}.fund-card-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:12px;font-size:9px;color:#8296b5}.fund-detail-hero{display:flex;align-items:center;gap:16px;padding:21px;border:1px solid var(--line);border-radius:17px;background:linear-gradient(120deg,#172746,#101a34);margin-bottom:14px}.fund-title{flex:1}.fund-title .fund-tags{margin:0 0 7px}.fund-title h2{font:800 18px Manrope;margin:0 0 5px}.fund-title p{font-size:9px;color:#879bb9;margin:0}.fund-nav{text-align:right;display:flex;flex-direction:column;gap:5px}.fund-nav small{font-size:8px;color:#8297b8}.fund-nav b{font:800 20px Manrope}.fund-nav span{font-size:9px}.content-tabs{margin-bottom:15px}.content-tabs .tab{flex:initial}.period-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:15px 0}.period-grid>div{padding:15px;border:1px solid var(--line);border-radius:12px;background:#14223d;display:flex;flex-direction:column;gap:7px}.period-grid small{font-size:9px;color:#8196b7}.period-grid b{font:800 20px Manrope}.period-grid span{font-size:8px;color:#6e84a7}.table-scroll{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;min-width:720px;font-size:10px}.data-table th{text-align:left;padding:12px 10px;color:#7f94b6;font-size:9px;font-weight:700;border-bottom:1px solid var(--line);white-space:nowrap}.data-table td{padding:13px 10px;color:#cbd8ec;border-bottom:1px solid #8098bd14;white-space:nowrap}.data-table td b{display:block;color:#e5edfc}.data-table td small{display:block;color:#7186a8;font-size:8px;margin-top:3px}.table-action{border:1px solid #426aa066;background:#172c4e;color:#9fc5ff;border-radius:7px;padding:6px 9px;font-size:9px}.ai-explain{padding:28px}.ai-badge,.result-kicker{font-size:9px;letter-spacing:1px;color:#a98cff;font-weight:800}.ai-explain h3{font:800 20px Manrope;margin:12px 0}.ai-explain p{font-size:12px;line-height:1.8;color:#a6b6d0;max-width:850px}.disclosure{padding:12px 13px;background:#17233a;border:1px solid #35486666;border-radius:9px;color:#92a4c3;font-size:9px;line-height:1.65;margin:14px 0}.calculator-layout{display:grid;grid-template-columns:minmax(300px,.75fr) minmax(0,1.25fr);gap:15px;align-items:stretch}.form-panel h3{margin-bottom:6px}.form-panel>p{margin:0 0 18px}.form-panel label{margin:0 0 14px}.form-panel input,.form-panel select,.form-panel textarea{display:block;margin-top:7px}.preset-row{display:flex;gap:7px;margin:5px 0 17px}.preset-row button,.plan-switch button{border:1px solid var(--line);background:#14223e;color:#9bb0d1;padding:8px 11px;border-radius:8px;font-size:9px}.preset-row button.selected,.plan-switch button.active{border-color:#4d8ce4;background:#1c3a65;color:#e9f3ff}.form-footnote{font-size:9px;line-height:1.6;color:#7589aa;margin-top:13px}.result-panel{min-height:450px}.empty-calc{min-height:390px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:30px}.empty-icon{width:65px;height:65px;border-radius:20px;display:grid;place-items:center;background:#1b2e52;color:#90bdff;font-size:30px;box-shadow:0 0 30px #417fff33}.empty-calc h3{margin:20px 0 7px}.empty-calc p{max-width:350px;font-size:10px;color:#8094b4;line-height:1.7}.result-panel>h2{font:800 36px Manrope;margin:13px 0 3px}.result-panel>.muted{margin:0}.result-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:20px 0}.result-metrics>div{padding:13px;border:1px solid var(--line);border-radius:10px;background:#14213b}.result-metrics small,.result-metrics b{display:block}.result-metrics small{font-size:8px;color:#8296b5}.result-metrics b{font:800 13px Manrope;margin-top:7px}.sip-value-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}.sip-value-grid>div{padding:17px;border:1px solid var(--line);border-radius:12px;background:#14213b}.sip-value-grid .alpha-result{border-color:#376d8b;background:linear-gradient(140deg,#103b4b,#19294d)}.sip-value-grid small,.sip-value-grid b,.sip-value-grid span{display:block}.sip-value-grid small{font-size:9px;color:#91a6c7}.sip-value-grid b{font:800 22px Manrope;margin:9px 0}.sip-value-grid span{font-size:8px;color:#8298b9}.compare-bars{margin:18px 0}.compare-bars>div{margin:13px 0}.compare-bars span{font-size:9px;color:#a5b7d1}.compare-bars b{float:right;font-size:10px}.compare-bars i{display:block;height:7px;border-radius:10px;background:linear-gradient(90deg,#20cfe4,#8c67ff);margin-top:7px}.form-two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.three-explain{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:15px}.three-explain b{font-size:10px}.three-explain p{font-size:9px;color:#8599b7;line-height:1.6}.ai-banner{display:flex;align-items:center;gap:20px;padding:24px;border:1px solid #4d4a9266;border-radius:17px;background:linear-gradient(110deg,#1b2851,#251b4a);margin-bottom:15px}.ai-orb{width:68px;height:68px;border-radius:23px;background:linear-gradient(140deg,#2e85db,#8156e9);display:grid;place-items:center;font-size:34px;box-shadow:0 0 30px #7965ff66}.ai-orb.small{width:35px;height:35px;border-radius:12px;font-size:19px}.ai-banner h2{font:800 19px Manrope;margin:7px 0}.ai-banner p{font-size:10px;color:#a6b5d2;margin:0}.insight-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.insight-card h3{font:800 13px/1.5 Manrope;margin:10px 0}.insight-card p{font-size:10px;line-height:1.7;color:#93a4c0}.insight-card small{display:block;font-size:8px;color:#7186a8;margin:15px 0}.insight-card a{font-size:9px;color:#9cc2ff}.prompt-panel{margin-top:15px}.suggested-prompts{display:flex;gap:8px;flex-wrap:wrap;margin:15px 0}.suggested-prompts button{border:1px solid #47659a77;background:#172b4b;color:#b7caff;border-radius:20px;padding:8px 11px;font-size:9px}.chat-inline{display:flex;gap:8px}.chat-inline input{flex:1;min-width:0;background:#0a1429;border:1px solid var(--line);border-radius:9px;color:white;padding:0 12px}.ai-answer{margin-top:12px}.bot-message{background:#172744;border:1px solid #37547b77;padding:13px;border-radius:12px;font-size:10px;line-height:1.65;color:#c3d4ef}.bot-message p{margin:6px 0}.bot-message small{display:block;color:#7188ab;font-size:8px;margin-top:7px}.subscription-status{display:flex;justify-content:space-between;align-items:center;gap:20px}.subscription-status h2{font:800 17px Manrope;margin:9px 0 5px}.subscription-status p{font-size:10px;color:#91a4c1;margin:0}.sub-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:15px}.plan-switch{display:flex;justify-content:space-between;align-items:center;margin:17px 0}.plan-switch>span{font-size:9px;color:#8195b5}.plan-switch>div{display:flex;gap:5px}.plan-list{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.plan-card{padding:15px}.plan-card h3{margin:8px 0}.plan-card>strong{font:800 23px Manrope;display:block;margin-top:10px}.plan-card>small{font-size:8px;color:#8297b8}.plan-card ul{padding:0;list-style:none;margin:14px 0}.plan-card li{font-size:9px;color:#a1b2cc;margin:8px 0}.kyc-box{text-align:center;padding:15px}.kyc-icon{width:55px;height:55px;margin:0 auto 13px;display:grid;place-items:center;background:#1c3155;color:#9dc4ff;border-radius:18px;font-size:25px}.kyc-box>b{font-size:11px}.kyc-box>p{font-size:9px;color:#91a3c0;line-height:1.65}.toggle-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--line);font-size:10px;color:#b7c6dc}.toggle-row input{display:none}.toggle-row i{width:34px;height:19px;border-radius:20px;background:#33435e;position:relative}.toggle-row i:after{content:"";position:absolute;width:13px;height:13px;top:3px;left:3px;border-radius:50%;background:#b5c5dd;transition:.2s}.toggle-row input:checked+i{background:#236b68}.toggle-row input:checked+i:after{left:18px;background:#62edca}.help-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:15px}.faq-panel details{border-bottom:1px solid var(--line);padding:15px 0}.faq-panel details:last-child{border:0}.faq-panel summary{cursor:pointer;list-style:none;font-size:11px;font-weight:700;display:flex;justify-content:space-between}.faq-panel summary::-webkit-details-marker{display:none}.faq-panel summary span{color:#8eb7ff;font-size:16px}.faq-panel details p{font-size:10px;line-height:1.7;color:#91a4c2;margin:12px 0 0}.support-icon{font-size:25px;color:#92caff}.support-panel label{margin-top:14px}.support-panel input,.support-panel select,.support-panel textarea{margin-top:6px}.chat-fab{position:fixed;right:28px;bottom:25px;width:54px;height:54px;border:1px solid #8e80ff;background:linear-gradient(140deg,#338bff,#8758f4);color:white;border-radius:18px;font-size:25px;box-shadow:0 0 30px #6d62ff77;z-index:20;animation:float 4s ease-in-out infinite}.chat-drawer{position:fixed;right:25px;bottom:90px;width:340px;max-height:500px;display:none;flex-direction:column;border:1px solid #536eaa88;border-radius:18px;background:#0d1830;box-shadow:0 20px 65px #000b;z-index:20;overflow:hidden}.chat-drawer.open{display:flex;animation:drawer-in .2s ease}@keyframes drawer-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.chat-head{display:flex;align-items:center;gap:9px;padding:13px;border-bottom:1px solid var(--line)}.chat-head>div{flex:1}.chat-head b,.chat-head small{display:block}.chat-head b{font-size:10px}.chat-head small{font-size:8px;color:#8296b5;margin-top:3px}.chat-head button{background:none;border:0;color:#91a5c7;font-size:20px}.chat-messages{padding:13px;overflow:auto;display:flex;flex-direction:column;gap:9px;min-height:180px}.chat-messages .bot-message{font-size:9px}.user-message{align-self:flex-end;background:#234a7c;padding:10px;border-radius:10px;font-size:9px;max-width:85%}.chat-compose{display:flex;padding:10px;border-top:1px solid var(--line);gap:7px}.chat-compose input{flex:1;min-width:0;background:#091329;border:1px solid var(--line);border-radius:8px;color:white;padding:9px;font-size:10px}.chat-compose button{border:0;border-radius:8px;background:#3c7fe6;color:white;width:34px}.chat-disclaimer{text-align:center;font-size:7px;color:#657a9b;margin:0 0 9px}.admin-filterbar{display:flex;gap:9px;margin-bottom:15px}.admin-filterbar input{flex:1}.admin-filterbar select{width:170px}.recent-row{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--line)}.recent-row>div{flex:1}.recent-row b,.recent-row small{display:block}.recent-row b{font-size:10px}.recent-row small{font-size:8px;color:#7e92b2;margin-top:3px}.activity-row{display:grid;grid-template-columns:65px 1fr auto;gap:10px;padding:12px 0;border-bottom:1px solid var(--line);align-items:center}.activity-row small,.activity-row span{font-size:8px;color:#7c90b1}.activity-row b{font-size:9px}.health-row{display:flex;justify-content:space-between;align-items:center;padding:13px 0;border-bottom:1px solid var(--line);font-size:9px}.health-row b{font-size:9px;color:#9eb2d0}.health-dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:9px;background:#29d6a2}.health-dot.warning{background:#e7b65f}.health-dot.neutral{background:#8396b7}.admin-filterbar select{font-size:10px}.workflow{display:flex;align-items:center;gap:7px;margin:20px 0;color:#7186a8;font-size:8px}.workflow span{padding:6px 8px;border-radius:20px;background:#1a2844}.workflow .done{color:#53e2b6;background:#123d37}.workflow i{height:1px;flex:1;background:#3a4f70}.validation-box{margin-top:12px;font-size:10px;color:#a7bbd8;line-height:1.6}.validation-box:empty{display:none}.upload-panel{text-align:center;padding:30px}.upload-icon{width:54px;height:54px;margin:0 auto 13px;display:grid;place-items:center;background:#1d365e;border-radius:17px;color:#91c8ff;font-size:25px}.upload-panel>p{font-size:10px;color:#8296b6}.file-drop{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:8px;max-width:560px;margin:20px auto!important;padding:25px;border:1px dashed #5578ad;border-radius:13px;background:#101e38;cursor:pointer}.file-drop input{display:none}.file-drop>span{font-size:25px;color:#8cbcff}.file-drop b{font-size:10px;color:#cbdcf5}.file-drop small{font-size:8px;color:#7c91b2}.upload-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;text-align:left;max-width:800px;margin:15px auto}.upload-fields label{font-size:9px;color:#91a4c1}.upload-fields input,.upload-fields select{display:block;width:100%;height:38px;margin-top:6px;background:#091329;border:1px solid var(--line);border-radius:8px;color:white;padding:0 10px;font-size:10px}.schema-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:15px}.schema-grid>div,.integration-card,.template-card,.plan-admin{padding:14px;border:1px solid var(--line);border-radius:10px;background:#14223d}.schema-grid b,.schema-grid small{display:block}.schema-grid b{font:700 10px monospace;color:#9dc5ff}.schema-grid small{font-size:8px;color:#8398b8;margin-top:5px}.template-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:15px}.template-card{display:flex;flex-direction:column;gap:8px}.template-icon{font-size:20px;color:#92c9ff}.template-card b{font-size:10px}.template-card small{font-size:8px;color:#8195b4}.template-card .status-pill{align-self:flex-start}.template-card .text-link{align-self:flex-start}.message-preview{max-width:620px;margin-top:14px;padding:20px;border:1px solid #385a8c;background:#142746;border-radius:12px}.message-preview small{font-size:8px;color:#83a9d9}.message-preview h4{font:800 15px Manrope}.message-preview p{font-size:10px;line-height:1.7;color:#a8bad4}.callout-lock{display:flex;gap:15px;padding:19px;border:1px solid #67558e;background:#201d3d;border-radius:13px;color:#c7b9ff;margin-bottom:15px;font-size:23px}.callout-lock b{font-size:12px}.callout-lock p{font-size:10px;color:#a69acb;line-height:1.6;margin:6px 0 0}.warning-text{color:#f2c27c!important}.checklist{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:16px}.checklist label{font-size:10px;color:#9eafc9}.checklist input{accent-color:#438fff;margin-right:8px}.plan-admin-grid,.integration-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:14px}.plan-admin{display:flex;flex-direction:column;gap:8px}.plan-admin b{font-size:10px}.plan-admin strong{font:800 18px Manrope}.plan-admin small{font-size:8px;color:#8195b4}.integration-grid{grid-template-columns:repeat(3,1fr)}.integration-card{display:flex;flex-direction:column;gap:9px}.integration-card b{font-size:10px}.integration-card small{font-size:8px;color:#8398b8}.modal-backdrop{position:fixed;inset:0;background:#020611bb;backdrop-filter:blur(7px);display:grid;place-items:center;padding:20px;z-index:50}.modal{width:min(520px,100%);background:#101b34;border:1px solid #5b77a5;border-radius:17px;box-shadow:0 25px 80px #000b}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:17px 20px;border-bottom:1px solid var(--line)}.modal-head h3{font:800 14px Manrope;margin:0}.modal-head button{background:none;border:0;color:#9fb2d0;font-size:22px}.modal-body{padding:20px;font-size:11px;color:#a9bad4;line-height:1.6}.modal-body label{display:block;margin:12px 0}.modal-body input,.modal-body select{display:block;width:100%;height:40px;margin-top:6px;border:1px solid var(--line);background:#091329;color:white;border-radius:8px;padding:0 10px}.toast{position:fixed;left:50%;bottom:25px;transform:translate(-50%,15px);opacity:0;pointer-events:none;z-index:80;background:#18294a;border:1px solid #5e83c4;color:#eaf2ff;padding:12px 18px;border-radius:11px;font-size:11px;box-shadow:0 15px 40px #0009;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}.empty-state{grid-column:1/-1;padding:35px;text-align:center;color:#8295b5;font-size:11px}
@media(max-width:1200px){.auth-layout{gap:4%;grid-template-columns:1fr 420px}.sidebar{width:220px}.main-area{padding:26px 22px 0}.fund-grid{grid-template-columns:repeat(2,1fr)}.how-grid{gap:8px}.connector{width:14px}.how-step h3{font-size:12px}.how-step p{font-size:9px}.visual-card{padding:9px}.phone-visual{padding:8px}.feature-strip>div{padding:4px 8px}}
@media(max-width:900px){.auth-layout{grid-template-columns:1fr;max-width:700px}.auth-story{padding:0}.auth-story h1{font-size:46px}.auth-how{display:none}.auth-panel{max-width:560px;width:100%;margin:auto}.app-shell{display:block}.sidebar{position:relative;top:auto;width:auto;height:auto;min-height:0;padding:10px 15px;border-right:0;border-bottom:1px solid var(--line)}.side-brand,.side-label,.side-bottom{display:none}.sidebar nav{flex-direction:row;overflow-x:auto;gap:5px}.nav-link{white-space:nowrap;padding:10px}.nav-link>span{font-size:14px}.main-area{padding:25px 18px 0}.dashboard-grid{grid-template-columns:1fr 1fr}.how-grid{grid-template-columns:1fr 20px 1fr;row-gap:22px}.how-grid .connector:nth-of-type(4){display:none}.how-grid .connector{height:170px}.how-grid .how-step:nth-of-type(5){grid-column:1}.how-grid .how-step:nth-of-type(9){grid-column:3}.feature-grid{grid-template-columns:repeat(2,1fr)}.landing-hero{grid-template-columns:1fr;padding-top:60px}.hero-art{height:300px}.sub-grid,.help-layout{grid-template-columns:1fr}.template-grid{grid-template-columns:repeat(2,1fr)}.plan-admin-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.topbar{height:62px;padding:0 16px}.top-actions{gap:10px}.secure-label{display:none}.brand{font-size:18px}.auth-layout{padding:30px 16px 40px;gap:24px}.auth-story h1{font-size:36px;letter-spacing:-1.5px}.lead{font-size:13px}.auth-proof{gap:18px}.auth-proof b{font-size:16px}.auth-proof small{font-size:8px}.auth-card{padding:26px 21px}.guest-grid{grid-template-columns:1fr}.public-footer{flex-direction:column;padding:18px}.how-section{padding:42px 15px}.how-canvas{padding:18px 13px}.how-grid{grid-template-columns:1fr;gap:18px}.how-grid .connector{height:14px;justify-content:center;transform:rotate(90deg);width:100%;margin:-4px 0}.how-grid .connector:nth-of-type(4){display:flex}.how-step p{min-height:0}.visual-card,.engine-visual,.phone-visual{max-width:280px}.how-footer{justify-content:flex-start}.landing-hero{padding:55px 20px;min-height:0}.landing-hero h1{font-size:44px}.landing-hero p{font-size:13px}.hero-art{height:260px}.hero-orb{width:120px;height:120px;font-size:60px}.public-metrics{display:grid;grid-template-columns:1fr 1fr;gap:20px}.feature-grid,.pricing-teaser,.pricing-full,.simple-public .pricing-full{grid-template-columns:1fr}.public-features,.public-pricing{padding:45px 18px}.app-shell .sidebar{padding:8px}.nav-link{font-size:9px;padding:9px 10px;gap:7px}.nav-link>span{font-size:13px}.main-area{padding:20px 13px 0}.page-head{align-items:flex-start;flex-direction:column;margin-bottom:17px}.page-head h1{font-size:25px}.head-actions{width:100%}.kpi-grid,.kpi-grid.three{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.kpi-card{padding:13px}.kpi-card>strong{font-size:20px}.dashboard-grid,.lower-grid,.calculator-layout,.sub-grid,.help-layout{grid-template-columns:1fr}.glass-panel{padding:15px}.chart-panel .line-chart{height:150px}.feature-strip{grid-template-columns:1fr 1fr;gap:12px}.feature-strip>div:nth-child(2){border:0}.feature-strip>div{padding:6px}.quick-calc{grid-template-columns:1fr 1fr}.quick-calc button{grid-column:1/-1}.filter-row{grid-template-columns:1fr 1fr}.fund-grid{grid-template-columns:1fr}.results-head{align-items:flex-start;flex-direction:column;gap:5px}.fund-detail-hero{flex-wrap:wrap}.fund-title{min-width:calc(100% - 75px)}.fund-title h2{font-size:14px}.fund-nav{width:100%;text-align:left;border-top:1px solid var(--line);padding-top:12px}.period-grid{grid-template-columns:1fr 1fr}.result-metrics{grid-template-columns:1fr 1fr}.sip-value-grid{grid-template-columns:1fr}.three-explain{grid-template-columns:1fr;gap:5px}.insight-grid{grid-template-columns:1fr}.ai-banner{align-items:flex-start;padding:17px}.ai-orb{width:48px;height:48px;font-size:25px;flex-shrink:0}.plan-list{grid-template-columns:1fr}.plan-switch{align-items:flex-start;flex-direction:column;gap:10px}.plan-switch>div{flex-wrap:wrap}.admin-filterbar{flex-direction:column}.admin-filterbar select{width:100%}.upload-fields,.schema-grid,.integration-grid{grid-template-columns:1fr 1fr}.template-grid{grid-template-columns:1fr 1fr}.checklist{grid-template-columns:1fr}.subscription-status{align-items:flex-start;flex-direction:column}.chat-fab{right:15px;bottom:15px;width:48px;height:48px}.chat-drawer{right:10px;bottom:72px;width:calc(100% - 20px)}.workspace-footer{flex-direction:column;gap:5px}.role-chip{display:none}.simple-public{padding:30px 15px}.simple-public .page-head{margin-bottom:20px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}
.compact-flow{margin-top:27px;max-width:650px;padding:16px 18px;border:1px solid #6e8dca33;border-radius:16px;background:linear-gradient(130deg,#142343dd,#0d172d);box-shadow:0 15px 40px #0004}.compact-flow-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.compact-flow-head b{font:800 11px Manrope}.compact-flow-head span{font-size:8px;letter-spacing:.8px;color:#42dcb8;background:#103b36;padding:5px 8px;border-radius:20px}.compact-flow-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;position:relative}.compact-flow-steps:before{content:"";position:absolute;left:9%;right:9%;top:17px;height:1px;background:linear-gradient(90deg,#3a9dff,#9666ff,#20d8df)}.compact-flow-step{display:flex;flex-direction:column;align-items:center;gap:7px;position:relative;z-index:1}.compact-flow-step i{font-style:normal;width:35px;height:35px;border-radius:11px;display:grid;place-items:center;background:#1b3157;border:1px solid #547dc277;color:#a9ceff;box-shadow:0 0 18px #488cff33;animation:pulse-glow 2.6s ease-in-out infinite}.compact-flow-step:nth-child(2) i{animation-delay:.3s}.compact-flow-step:nth-child(3) i{animation-delay:.6s}.compact-flow-step:nth-child(4) i{animation-delay:.9s}.compact-flow-step:nth-child(5) i{animation-delay:1.2s}.compact-flow-step b{font-size:8px;color:#b8c9e4;text-align:center}.compact-flow-note{border-top:1px solid var(--line);padding-top:10px;margin-top:13px;font-size:8px;color:#788eaf}@keyframes pulse-glow{50%{transform:translateY(-3px);box-shadow:0 0 22px #488cff88}}
@media(max-width:600px){.compact-flow{padding:13px 10px}.compact-flow-step b{font-size:7px}.compact-flow-step i{width:29px;height:29px}}
@media(max-width:900px){.how-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.how-grid .connector{display:none}.how-grid .how-step:nth-of-type(5){grid-column:auto}.how-grid .how-step:nth-of-type(9){grid-column:auto}}
@media(max-width:600px){.how-grid{grid-template-columns:1fr}.how-grid .connector{display:none!important}}


/* Public website refresh — aligned to the approved Mod Alpha visual references */
.topbar.public-topbar{height:68px;padding:0 4.2%;display:grid;grid-template-columns:auto 1fr auto;gap:30px;background:rgba(4,10,27,.94);border-bottom:1px solid #17345f;position:sticky;top:0}
.public-topbar .brand{font-size:18px;white-space:nowrap}
.public-nav{display:flex;align-items:center;justify-content:center;gap:clamp(14px,2.5vw,36px)}
.public-nav a{font-size:11px;font-weight:700;color:#aab9d4;transition:color .2s}
.public-nav a:hover{color:#fff}
.public-actions{gap:10px}
.login-outline{padding:9px 16px;border:1px solid #253d6b;border-radius:10px;font-size:11px;font-weight:700;color:#dbe8ff}
.public-actions .top-cta{padding:10px 18px;border-radius:10px;box-shadow:0 0 22px #7658ff55}
.landing-hero{max-width:1480px;min-height:570px;padding:72px 5.2% 52px;gap:6%;position:relative}
.landing-hero:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 90% 35%,#5729a32b,transparent 37%),radial-gradient(ellipse at 45% 100%,#087bd51b,transparent 38%)}
.landing-hero>div{position:relative;z-index:1}
.landing-hero h1{font-size:clamp(48px,5vw,72px);max-width:680px;margin:22px 0 18px;letter-spacing:-3.4px}
.landing-hero p{font-size:15px;max-width:570px;line-height:1.75}
.landing-hero .hero-actions{margin-top:25px}
.primary-btn,.secondary-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 20px;border-radius:11px;font-size:12px;font-weight:800}
.primary-btn{background:linear-gradient(105deg,#3299ff,#8d48f7);box-shadow:0 0 28px #427bff70;color:white}
.secondary-btn{border:1px solid #2b4e86;background:#07142b;color:#eaf3ff}
.hero-trust{font-size:10px;gap:18px;color:#9cb0d0}
.hero-art{height:410px;border:1px solid #234c8b;background:radial-gradient(circle at 53% 53%,#183b7b80,transparent 43%),linear-gradient(145deg,#07162f,#0b1029 65%,#21103f);border-radius:24px;box-shadow:0 20px 70px #0008,0 0 35px #174a9c22}
.hero-grid-glow{position:absolute;inset:0;background-image:linear-gradient(#2a5ca31c 1px,transparent 1px),linear-gradient(90deg,#2a5ca31c 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(transparent,#000 35%,#000 80%,transparent)}
.hero-orb{width:154px;height:154px;border-radius:48px;background:radial-gradient(circle at 30% 25%,#5dcaff,#283c9d 42%,#171744 76%);border:2px solid #7c9cff;box-shadow:0 0 25px #438bff,0 0 85px #7d48ff99;position:relative;z-index:2}
.robot-face{width:100px;height:66px;border-radius:35px;background:#080e28;border:2px solid #93aaff;display:flex;align-items:center;justify-content:center;gap:18px;box-shadow:inset 0 0 20px #2b70d7}
.robot-face i{width:13px;height:13px;border-radius:50%;background:#21dcff;box-shadow:0 0 15px #21dcff}
.floating-data{border-color:#3165b6;background:#091a39ed;color:#dceaff;box-shadow:0 0 24px #3279ff44}
.d-one{top:48px;left:7%}.d-two{right:5%;top:26%}.d-three{bottom:37%;left:5%}
.hero-chart-wrap{position:absolute;left:15px;right:15px;bottom:8px;height:150px}
.hero-chart{width:100%;height:150px;opacity:.9}
.public-metrics{max-width:1320px;margin:0 auto 22px;padding:25px 5%;border:1px solid #1d3965;border-radius:18px;background:linear-gradient(100deg,#0b1934,#0a142d)}
.public-metrics b{font:800 22px Manrope;color:#34d5ff}
.public-metrics small{font-size:10px;color:#a0b3d3}
.public-features,.public-pricing{max-width:1320px;padding:75px 4.5%}
.section-center h2{font:800 clamp(28px,3vw,40px)/1.2 Manrope;letter-spacing:-1.2px;margin:14px 0}
.section-center p{font-size:13px;color:#9aabc8;line-height:1.7}
.feature-grid{gap:16px}
.feature-card{background:linear-gradient(145deg,#0d1e3c,#09152c);border-color:#1b3b6d;box-shadow:0 14px 35px #0003;transition:transform .25s,border-color .25s,box-shadow .25s}
.feature-card:hover{transform:translateY(-5px);border-color:#4c7fe0;box-shadow:0 15px 38px #174caa33}
.feature-card h3{font-size:15px}
.feature-card p{font-size:11px}
.how-section{max-width:1480px;margin:28px auto 45px;padding:70px 4.5% 50px;scroll-margin-top:82px}
.how-section .section-center{margin-bottom:35px}
.how-section .section-center h2{font-size:clamp(34px,4vw,52px)}
.how-section .section-center p{max-width:720px;margin:0 auto 15px}
.replay-flow{border:1px solid #315a9d;background:#0b1b38;color:#bcd7ff;border-radius:22px;padding:9px 15px;font-size:11px;font-weight:700;cursor:pointer}
.replay-flow:hover{border-color:#8b65ff;box-shadow:0 0 18px #7955ff44}
.how-canvas{border:1px solid #1d3765;border-radius:24px;background:linear-gradient(145deg,#0c1934f2,#0b142bfa);padding:34px 26px 24px;box-shadow:0 25px 80px #0005;overflow:hidden}
.how-grid{display:grid;grid-template-columns:minmax(0,1fr) 34px minmax(0,1fr) 34px minmax(0,1fr) 34px minmax(0,1fr) 34px minmax(0,1fr);gap:8px;align-items:start}
.how-step{min-width:0;opacity:.18;transform:translateY(18px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}
.how-step.flow-in{opacity:1;transform:translateY(0)}
.step-num{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(140deg,#348dff,#7848f4);box-shadow:0 0 24px #4e75ff77;font:800 14px Manrope;margin-bottom:15px}
.how-step h3{font:800 14px/1.35 Manrope;margin:0 0 8px;min-height:38px}
.how-step>p{font-size:10px;line-height:1.55;color:#9eafcc;min-height:48px;margin:0 0 14px}
.connector{height:190px;display:flex;align-items:center;opacity:.2;transition:opacity .6s ease}
.connector.flow-link-in{opacity:1}
.connector span{height:2px;box-shadow:0 0 14px #458fffaa}
.connector span:before{width:8px;height:8px;animation:travel 1.6s linear infinite}
.visual-card{background:linear-gradient(145deg,#0c203e,#0a162d);border:1px solid #234875;min-height:202px;padding:12px}
.data-row{background:#112747;border:1px solid #1d3d68}
.data-row b{font-size:10px}.data-row small{font-size:9px}
.engine-visual{height:202px}
.engine-core{box-shadow:0 0 42px #795fff99,inset 0 0 25px #6278ff55}
.date-visual>small{color:#8099be;font-size:8px;letter-spacing:.8px}
.date-choice{padding:11px 9px;margin-top:8px;border-radius:9px;display:flex;align-items:center;gap:8px;background:#13243d;border:1px solid #203d62}
.date-choice b{font:800 20px Manrope;color:#dce9ff}.date-choice span{font-size:9px;flex:1}.date-choice em{font-style:normal;font-size:12px}
.date-choice.selected{background:linear-gradient(100deg,#073b4a,#123b4a);border-color:#12c9cf;box-shadow:0 0 18px #0bc6d833}.date-choice.selected b,.date-choice.selected em{color:#21e0c3}
.date-foot{font-size:8px;color:#8ba0c2;margin-top:12px}
.phone-visual{height:205px;max-width:200px;margin:auto;border:1px solid #3a66a7;border-radius:23px;padding:12px;background:linear-gradient(160deg,#111e3e,#080f23);box-shadow:0 0 25px #397dff33}
.notification-card{padding:10px;border:1px solid #4d78bb;background:#eaf2ff;color:#13203b;border-radius:10px;display:flex;gap:7px;margin-top:18px}
.notification-card p{font-size:8px;line-height:1.4;color:#445574;margin:4px 0 0}
.notification-card strong{display:block;font-size:9px;margin-top:5px}
.notif-logo{width:24px;height:24px;flex-shrink:0;border-radius:7px;background:linear-gradient(130deg,#267eff,#9254ff);color:white;display:grid;place-items:center;font-weight:800}
.phone-apps{display:flex;justify-content:space-around;margin-top:13px;color:#72a9ff}
.invest-visual svg{width:100%;height:120px}
.chart-label{font-size:9px;color:#9cb4d8}
.legend{font-size:8px;display:flex;flex-direction:column;gap:5px;color:#9fb1cf}
.disclaimer-mini{display:block;color:#6f86aa;font-size:8px;margin-top:7px}
.how-footer{border-top:1px solid #20365c;margin-top:30px;padding:22px 10px 0;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;color:#93a5c4;font-size:10px;font-weight:700}
.how-footer span{display:flex;gap:7px;align-items:center}
.flow-static .how-step,.flow-static .connector{opacity:1;transform:none}
.public-pricing{padding-top:70px}
.pricing-teaser article{background:linear-gradient(145deg,#0e2040,#0a142b);border-color:#254777}
.pricing-teaser b{color:#fff}
.center-link{text-align:center;margin:22px 0}
.center-link>a{color:#a9c9ff;font-size:12px;font-weight:700}
.public-faq{max-width:1250px;margin:0 auto;padding:45px 5% 65px}
.faq-preview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.faq-preview-grid article{padding:22px;border:1px solid #1d3b69;background:#0d1b36;border-radius:15px}
.faq-preview-grid h3{font:800 13px Manrope}.faq-preview-grid p{font-size:11px;line-height:1.7;color:#9aabc8}
.public-footer{max-width:1400px;margin:0 auto;padding:25px 5%;border-top:1px solid #1a3156;display:flex;align-items:center;justify-content:space-between;color:#8da1c3;font-size:10px}
.public-footer .brand{font-size:15px}.public-footer .brand-mark{width:28px;height:28px;font-size:16px}
@media(max-width:1050px){.topbar.public-topbar{gap:12px;padding:0 3%}.public-nav{gap:13px}.public-nav a{font-size:10px}.how-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.connector{display:none}.how-step>p{min-height:65px}.visual-card{min-height:190px}}
@media(max-width:760px){.topbar.public-topbar{height:auto;min-height:64px;grid-template-columns:1fr auto;gap:8px;padding:12px 4%;}.public-nav{grid-column:1/-1;grid-row:2;justify-content:space-between;overflow-x:auto;padding:8px 0 2px}.public-nav a{white-space:nowrap}.public-actions .login-outline{padding:8px 11px}.landing-hero{grid-template-columns:1fr;padding:45px 6% 30px;gap:25px}.landing-hero h1{font-size:48px}.hero-art{height:310px}.public-metrics{margin:0 4% 12px;display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.public-features,.public-pricing{padding:55px 5%}.feature-grid{grid-template-columns:repeat(2,1fr)}.how-section{padding:50px 4% 30px}.how-canvas{padding:22px 16px}.how-grid{grid-template-columns:1fr;gap:22px}.how-step{display:grid;grid-template-columns:42px 1fr;column-gap:12px}.how-step .step-num{grid-row:1/4}.how-step h3{min-height:0}.how-step>p{min-height:0;margin-bottom:12px}.how-step .visual-card,.how-step .engine-visual,.how-step .phone-visual{grid-column:2;max-width:100%;width:100%;margin:0}.connector{display:none}.how-footer{display:grid;grid-template-columns:1fr 1fr}.pricing-teaser{grid-template-columns:1fr}.faq-preview-grid{grid-template-columns:1fr}.public-footer{flex-direction:column;align-items:flex-start;gap:15px}.public-footer>span{line-height:2}}
@media(prefers-reduced-motion:reduce){.how-step,.connector,.engine-core,.floating-data,.hero-orb{animation:none!important;transition:none!important}.how-step{opacity:1!important;transform:none!important}.connector{opacity:1!important}}

@keyframes data-arrive{0%{opacity:.25;transform:translateX(-10px)}100%{opacity:1;transform:translateX(0)}}
@keyframes reminder-ping{0%,100%{box-shadow:0 0 0 0 #17d9d355}50%{box-shadow:0 0 0 8px #17d9d300}}
@keyframes notification-pop{0%{transform:translateY(10px) scale(.97);opacity:0}100%{transform:translateY(0) scale(1);opacity:1}}
[data-flow-stage].flow-in .data-row{animation:data-arrive .55s both}
[data-flow-stage].flow-in .data-row:nth-child(2){animation-delay:.12s}
[data-flow-stage].flow-in .data-row:nth-child(3){animation-delay:.24s}
[data-flow-stage].flow-in .data-row:nth-child(4){animation-delay:.36s}
[data-flow-stage].flow-in .date-choice.selected{animation:reminder-ping 2.1s ease-in-out 1 .8s}
[data-flow-stage].flow-in .notification-card{animation:notification-pop .65s ease-out .35s both}
[data-flow-stage].flow-in .engine-core{animation:float 3s ease-in-out infinite, pulse-glow 2.4s ease-in-out infinite}

/* ==========================================================
   MOD ALPHA HIGH-FIDELITY REFERENCE PASS — v3
   Built against the supplied public, user and admin mockups.
   ========================================================== */
:root{--ma-bg:#030b1b;--ma-panel:#06152b;--ma-panel2:#081a34;--ma-line:#153762;--ma-cyan:#16d9f4;--ma-blue:#168dff;--ma-violet:#8748ff;--ma-purple:#c13cff;--ma-green:#10dca6;--ma-muted:#91a8cb}
body{background:#020a19;color:#f3f7ff;font-family:'DM Sans',Arial,sans-serif;background-image:radial-gradient(ellipse at 78% 0%,#073d8c55,transparent 34%),radial-gradient(ellipse at 15% 30%,#101b4b66,transparent 36%),linear-gradient(180deg,#020a19,#030d20 70%,#020a18)}
.ambient{opacity:.2;filter:blur(135px)}
.brand{font-family:Manrope,sans-serif;font-size:18px;letter-spacing:-.6px}.brand-mark{background:linear-gradient(145deg,#12d9e9,#286aff 48%,#b33cff);border-radius:10px;box-shadow:0 0 23px #246eff88}
/* App shell: fixed left rail + full-width top workspace bar */
.app-shell{display:block;min-height:var(--vh100,100vh)}.sidebar{position:fixed!important;left:0;top:0;bottom:0;width:226px!important;height:var(--vh100,100vh)!important;min-height:var(--vh100,100vh)!important;padding:0 14px 16px!important;background:linear-gradient(180deg,#031126 0%,#04142b 100%)!important;border-right:1px solid #12345a!important;z-index:20;display:flex;flex-direction:column}.side-brand{height:66px;display:flex!important;align-items:center;padding:0 10px;border-bottom:1px solid #12345a;margin-bottom:14px}.side-brand .brand{font-size:18px}.side-brand .brand-mark{width:31px;height:31px}.side-label{font-size:9px!important;letter-spacing:1.5px!important;color:#58749a!important;padding:9px 12px!important}.sidebar nav{display:flex;flex-direction:column;gap:5px}.nav-link{height:42px;padding:0 13px!important;border-radius:9px!important;font-size:12px!important;color:#c1d0e8!important;gap:12px!important;border:1px solid transparent!important}.nav-link>span{width:20px;font-size:16px!important;color:#8db9ed}.nav-link.active{background:linear-gradient(100deg,#5426e8 0%,#1455a7 100%)!important;border-color:#468dff!important;color:#fff!important;box-shadow:0 0 22px #315eff66,inset 0 0 15px #6e4aff33}.nav-link.active>span{color:#fff}.side-bottom{margin-top:auto}.side-demo{background:#071b34!important;border:1px solid #163b64!important;border-radius:10px;padding:12px!important}.side-demo b{color:#dceaff}.side-demo small{color:#7895bb}.side-demo i{background:#18dba7!important;box-shadow:0 0 10px #18dba7}.logout-btn{width:100%;margin-top:10px;border:1px solid #18395e!important;background:#07172d!important;color:#92afd3!important;border-radius:9px;padding:10px;font-size:11px}
.main-area{margin-left:226px!important;padding:0 30px 0!important;min-width:0;max-width:none!important}.workspace-topbar{height:66px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #102d4d;margin:0 -30px 26px;padding:0 30px;background:#020c1bdb;backdrop-filter:blur(16px);position:sticky;top:0;z-index:12}.workspace-search{height:38px;width:min(630px,58%);display:flex;align-items:center;gap:10px;padding:0 12px;border:1px solid #1a4778;border-radius:9px;background:#061a34;box-shadow:inset 0 0 12px #0b326022}.workspace-search>span{font-size:21px;color:#a8c6ed}.workspace-search input{flex:1;min-width:0;background:transparent;border:0;outline:0;color:#e9f3ff;font-size:12px}.workspace-search input::placeholder{color:#7392b8}.workspace-search kbd{font-size:9px;color:#9db4d3;border:1px solid #24446b;border-radius:5px;padding:3px 6px}.workspace-actions{display:flex;align-items:center;gap:18px}.upgrade-link{border:1px solid #806126;color:#ffce65;border-radius:8px;padding:9px 14px;font-size:11px;font-weight:800}.icon-action{background:none;border:0;color:#a9c4e9;font-size:20px}.profile-menu{display:flex;align-items:center;gap:10px;background:none;border:0;color:#e6efff;font-size:12px}.profile-menu .avatar{width:36px;height:36px;font-size:15px}.profile-menu b{color:#7897bc}.page-content{max-width:1600px;margin:0 auto}.main-area .page-head{margin:2px 0 18px;align-items:center}.page-head h1{font:800 28px/1.15 Manrope,sans-serif;letter-spacing:-.8px;color:#f5f8ff}.page-head p{font-size:12px;color:#91a8ca}.page-head .eyebrow{display:none}.workspace-footer{margin:26px -30px 0;padding:16px 30px;background:#030d1d;border-top:1px solid #112e50;color:#7189aa;font-size:9px}.mobile-page-nav{display:none}
/* Common reference panels */
.reference-panel,.glass-panel{background:linear-gradient(145deg,rgba(6,24,48,.97),rgba(4,16,35,.98))!important;border:1px solid #123a67!important;border-radius:12px!important;box-shadow:0 12px 34px #0003,inset 0 1px #ffffff05!important;padding:17px!important}.reference-panel h2{font:800 15px/1.25 Manrope;margin:0;color:#eff5ff}.reference-panel p{font-size:10px;color:#8ca6ca;line-height:1.5;margin:5px 0 0}.ref-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:15px}.ref-panel-head>a{font-size:10px;color:#62b9ff;white-space:nowrap}.chart-disclaimer{font-size:8px;color:#718bab;display:block;margin-top:8px}.dot{width:7px;height:7px;display:inline-block;border-radius:50%;margin-right:5px}.blue-dot{background:#238fff}.teal-dot{background:#12d9d0}.pink-dot{background:#d34aff}.chart-legend{display:flex;flex-wrap:wrap;gap:13px;color:#9cb4d4;font-size:9px;margin:10px 0 3px}.period-pills{display:flex;gap:3px;background:#06152b;border:1px solid #173b66;border-radius:8px;padding:3px;flex-shrink:0}.period-pills button{border:0;border-radius:6px;background:transparent;color:#8da8cc;font-size:9px;padding:6px 9px}.period-pills button.active{background:linear-gradient(110deg,#236cff,#7d39ec);color:#fff;box-shadow:0 0 12px #6350ff55}.large-reference-chart{height:225px;margin-top:8px}.chart-years{display:flex;justify-content:space-between;color:#7892b8;font-size:8px;padding:4px 4px 0}.overview-chart{height:40px;width:112px;margin:0}.sparkline{position:absolute;right:13px;bottom:12px;width:95px;height:35px;opacity:.9}.sparkline .line-chart{height:35px;margin:0}.sparkline .line-chart path:first-child{display:none}
/* Overview dashboard matching supplied 1536x1024 composition */
.welcome-row{display:flex;align-items:center;justify-content:space-between;gap:25px;margin:2px 4px 22px}.welcome-row h1{font:800 28px/1.2 Manrope;margin:8px 0 4px;letter-spacing:-.9px}.welcome-row p{font-size:13px;color:#9ab2d5;margin:0}.wave{font-size:22px}.ask-inline{width:min(43%,520px);height:48px;display:flex;align-items:center;gap:10px;padding:0 8px 0 14px;border:1px solid #6345e8;border-radius:14px;background:linear-gradient(100deg,#081c38,#07142e);box-shadow:0 0 22px #6538ef30}.ai-spark{font-size:20px;color:#79caff}.ask-inline input{flex:1;min-width:0;background:transparent;border:0;outline:0;color:white;font-size:11px}.ask-inline input::placeholder{color:#8aa4c7}.ask-inline button{height:32px;width:32px;border:0;border-radius:50%;color:white;background:linear-gradient(135deg,#388dff,#8c3dff);font-size:17px}
.reference-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:15px}.reference-kpi{min-height:132px;position:relative;overflow:hidden;padding:15px 16px 13px 70px;border:1px solid #143d6b;border-radius:11px;background:linear-gradient(145deg,#071b36,#06142c);box-shadow:inset 0 1px #ffffff06}.ref-kpi-icon{position:absolute;left:15px;top:14px;width:40px;height:40px;border-radius:10px;display:grid;place-items:center;font-size:20px;background:#102a4b;border:1px solid #355a85}.ref-kpi-icon.gold{color:#ffc75e;background:linear-gradient(145deg,#332b1d,#17233b)}.ref-kpi-icon.purple{color:#c18bff;background:#20175a}.ref-kpi-icon.violet{color:#a78bff;background:#21175a}.ref-kpi-icon.teal{color:#24e6dd;background:#06334a}.ref-kpi-label{font-size:11px;font-weight:700;color:#e4edfb;min-height:32px}.ref-kpi-label small{display:block;font-size:9px;color:#8ca6c8;font-weight:500;margin-top:3px}.reference-kpi>strong{display:block;font:800 27px/1.1 Manrope;color:#15e0b1;margin:4px 0 5px;letter-spacing:-.8px}.reference-kpi>strong.date-value{color:#2ad9e9}.date-value em{font:700 8px 'DM Sans';font-style:normal;letter-spacing:.8px;color:#87a7ce;background:#102c4a;padding:5px 7px;border-radius:6px;vertical-align:middle;margin-left:4px}.reference-kpi>b{font-size:9px;color:#d9e7f9}.reference-kpi>b span{color:#8ca7c9;margin-left:6px}.kpi-sub{font-size:9px;color:#7f9abc}.overview-primary-grid{display:grid;grid-template-columns:1.17fr 1fr;gap:14px;margin-bottom:14px}.performance-panel{min-height:315px}.sip-calendar-panel{min-height:315px}.calendar-and-date{display:grid;grid-template-columns:1.1fr .9fr;gap:12px}.month-switch{display:flex;align-items:center;gap:8px;border:1px solid #193c66;border-radius:8px;padding:5px 7px;color:#c8d9f1;font-size:9px}.month-switch button{border:0;background:none;color:#9cbce5;font-size:15px}.calendar{border:1px solid #16375f;border-radius:9px;padding:9px;background:#06152b}.calendar-week,.calendar-days{display:grid;grid-template-columns:repeat(7,1fr);gap:3px;text-align:center}.calendar-week{color:#7893b7;font-size:8px;padding:4px 0 9px}.calendar-days{grid-auto-rows:27px}.cal-day{display:grid;place-items:center;font-size:9px;color:#d8e7fa;border-radius:50%;width:25px;height:25px;margin:auto}.muted-day{color:#405a7b}.selected-day{background:linear-gradient(135deg,#268fff,#8b43ff);box-shadow:0 0 13px #5d65ff99;color:white;font-weight:800}.other-day{color:#26d9c8;border:1px solid #0e716f}.date-recommendation{padding:10px;border:1px solid #173d66;border-radius:9px;background:linear-gradient(150deg,#0a2440,#07172f)}.best-date-label{font-size:7px;color:#31e4c5;letter-spacing:.8px}.date-recommendation h3{font:800 14px Manrope;margin:8px 0;color:#f2f7ff}.date-recommendation p{font-size:9px;line-height:1.5;color:#91a9ca}.date-highlight{width:56px;height:56px;border-radius:14px;margin:9px auto;background:linear-gradient(145deg,#174e82,#253c88);border:1px solid #4e7dff;box-shadow:0 0 20px #276bff55;display:flex;align-items:center;justify-content:center;gap:3px;font:800 24px Manrope}.date-highlight small{font-size:8px;color:#9dcaff}.date-recommendation .primary-btn{font-size:9px;padding:9px 5px}.overview-bottom-grid{display:grid;grid-template-columns:1.12fr 1fr .86fr;gap:14px}.overview-bottom-grid>.reference-panel{min-height:295px}.quick-input-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.quick-input-row label,.sip-config-fields label{font-size:9px;color:#9bb4d7;display:flex;flex-direction:column;gap:6px}.quick-input-row input,.sip-config-fields input{height:36px;border:1px solid #183b66;background:#04132a;color:#eaf4ff;border-radius:7px;padding:0 10px;font-size:10px}.preset-row{display:flex;gap:6px;margin:10px 0}.preset-row button{border:1px solid #214675;border-radius:6px;background:#0a2342;color:#9ab5d8;padding:6px 9px;font-size:8px}.preset-row button.selected{background:#15458b;border-color:#398cff;color:#fff}.quick-result-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px;border:1px solid #214a7b;border-radius:8px;background:#071b36}.quick-result-row small,.quick-result-row b{display:block;font-size:8px;color:#8fa9ca}.quick-result-row b{font-size:13px;color:#f2f7ff;margin-top:4px}.quick-result-row .primary-btn{font-size:9px;padding:9px 12px}.sip-preview-chart{height:130px;margin-top:6px}.comparison-note{display:flex;justify-content:space-between;gap:6px;color:#23d9bf;font-size:9px;padding:8px 0}.comparison-note span{color:#829cbd;font-size:8px}.insight-mini{padding:9px 0;border-bottom:1px solid #153253}.insight-mini>span{display:inline-block;font-size:8px;color:#52c9ff;margin-right:7px}.insight-mini>b{font-size:9px;color:#e2ecfa}.insight-mini p{font-size:8px;line-height:1.45;color:#8ca5c7;margin:5px 0}.insight-mini small{font-size:7px;color:#627fa4}
/* Admin reference composition */
.admin-reference-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:0 0 15px}.admin-reference-kpis article{position:relative;overflow:hidden;min-height:128px;padding:15px 14px 12px 65px;border:1px solid #163d68;border-radius:11px;background:linear-gradient(140deg,#081d3a,#07152e)}.admin-kpi-icon{position:absolute;top:15px;left:14px;width:42px;height:42px;border-radius:10px;display:grid;place-items:center;font-size:20px;background:#0c3760;color:#48baff}.admin-kpi-icon.gold{background:#332d1c;color:#ffd35c}.admin-kpi-icon.teal{background:#073d40;color:#20e5c5}.admin-kpi-icon.purple{background:#2a1a56;color:#bd83ff}.admin-reference-kpis small{display:block;color:#d4e3f7;font-size:10px}.admin-reference-kpis strong{display:block;font:800 24px Manrope;margin:5px 0;color:#fff}.admin-reference-kpis b{font-size:9px;color:#1be1b4}.admin-reference-kpis b em{font-style:normal;color:#829cbd;font-weight:500}.admin-spark{position:absolute;right:10px;bottom:10px;width:110px;height:34px;margin:0;opacity:.8}.admin-spark .line-chart{height:34px;margin:0}.admin-spark .line-chart path:first-child{display:none}.admin-chart-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:15px}.admin-large-chart{height:190px}.admin-ops-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:14px;margin-bottom:15px}.sip-config-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.publish-explainer{padding:12px;border:1px solid #0c6b71;border-radius:9px;background:#06353b;color:#61e8d6;font-size:9px;line-height:1.6}.sip-config-foot{display:flex;justify-content:space-between;gap:10px;margin-top:15px;padding-top:12px;border-top:1px solid #16375d;color:#819cbd;font-size:9px}.sip-config-foot a{color:#68baff}.upload-drop-preview{min-height:135px;border:1px dashed #32659b;border-radius:10px;background:#061a34;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px}.upload-symbol{font-size:25px;color:#54aaff}.upload-drop-preview b{font-size:11px}.upload-drop-preview small{font-size:8px;color:#819bbd}.upload-drop-preview .secondary-btn{font-size:9px;padding:8px 13px}.admin-lower-grid{display:grid;grid-template-columns:1fr 1fr .85fr;gap:14px}.admin-lower-grid>.reference-panel{min-height:210px}.admin-lower-grid .recent-row{padding:8px 0}.admin-lower-grid .recent-row b{font-size:9px}.admin-lower-grid .recent-row small{font-size:8px}.admin-data-summary{display:grid;grid-template-columns:1fr 1fr;gap:9px}.admin-data-summary div{padding:12px;border:1px solid #15395f;border-radius:8px;background:#071a33}.admin-data-summary small{font-size:8px;color:#819cbd}.admin-data-summary b{display:block;font:800 17px Manrope;color:#27d8dd;margin-top:7px}
/* Public site: hero should be a broad, editorial composition like reference */
.topbar.public-topbar{height:66px;padding:0 max(4%,calc((100vw - 1450px)/2));background:#020b1cdd;border-bottom:1px solid #15345c}.public-topbar .brand{font-size:17px}.public-nav{gap:30px}.public-nav a{font-size:10px;color:#c0cee4}.login-outline{font-size:10px;border:1px solid #183a66;border-radius:8px;padding:9px 16px;color:#d5e5fa}.public-actions{gap:10px}.public-actions .top-cta{padding:10px 19px;border-radius:8px;background:linear-gradient(100deg,#397eff,#a12fff);box-shadow:0 0 20px #6b35ff55}.landing-hero{max-width:1450px;min-height:565px;padding:74px 4.5% 42px;grid-template-columns: .92fr 1.08fr;gap:3%;align-items:center}.landing-hero h1{font:800 clamp(50px,5vw,72px)/1.04 Manrope;letter-spacing:-3.2px;margin:23px 0 18px}.landing-hero h1 .gradient-text:first-of-type{background:linear-gradient(90deg,#17d9f0,#278fff);-webkit-background-clip:text;background-clip:text}.landing-hero p{font-size:14px;line-height:1.7;color:#a9bbd7;max-width:500px}.hero-actions{display:flex;gap:12px}.hero-actions .primary-btn{min-width:140px;height:46px;border-radius:10px;font-size:11px;background:linear-gradient(105deg,#2895ff,#a338ff);box-shadow:0 0 24px #357cff66}.hero-actions .secondary-btn{height:46px;background:#06152b;border:1px solid #25518a;font-size:10px}.hero-trust{display:none}.hero-art{height:435px;position:relative;border:0;border-radius:0;background:radial-gradient(ellipse at 65% 45%,#123f8c88,transparent 47%),linear-gradient(135deg,transparent,#071b3b55);box-shadow:none;overflow:visible}.hero-grid-glow{inset:25px 0 0;background-size:38px 38px;opacity:.55}.hero-chart-wrap{left:-25px;right:-25px;bottom:10px;height:260px;z-index:1}.hero-chart{height:260px;filter:drop-shadow(0 0 8px #0b9dff99)}.hero-orb{position:absolute;right:3%;bottom:16px;width:165px;height:165px;border-radius:48%;z-index:3;background:radial-gradient(circle at 30% 20%,#a7dfff,#397cff 34%,#15185c 74%);box-shadow:0 0 25px #419cff,0 0 85px #7c37ff99;border:2px solid #84b9ff;animation:robotFloat 5s ease-in-out infinite}.robot-face{width:112px;height:75px;border-radius:38px;background:#07102b;border:2px solid #9bbdff}.robot-face i{width:14px;height:14px}.floating-data{z-index:4;border:1px solid #345ba4;border-radius:13px;padding:12px 16px;font-size:10px;background:#061630eF;box-shadow:0 0 25px #326eff55}.d-one{top:12%;left:8%}.d-two{right:4%;top:22%}.d-three{bottom:42%;left:1%}.public-metrics{max-width:1300px;margin:-8px auto 40px;padding:23px 32px;border-radius:15px;background:linear-gradient(100deg,#061a35,#07132b);border-color:#143966;display:grid;grid-template-columns:repeat(4,1fr)}.public-metrics b{font:800 22px Manrope;color:#18d7ee}.public-metrics small{display:block;margin-top:4px;font-size:9px;color:#9bb2d3}.public-features,.public-pricing{max-width:1320px;padding:70px 4.5%}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.feature-card{padding:22px;border-radius:13px;background:linear-gradient(145deg,#081e3a,#06152b);border:1px solid #153c67}.feature-card>span{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;background:#0c2a51;color:#40c7ff;font-size:21px}.feature-card h3{font:800 13px Manrope;margin:17px 0 8px}.feature-card p{font-size:10px;line-height:1.65;color:#91a9c9}.public-faq{max-width:1300px}.faq-preview-grid article{background:#071a34;border-color:#173b65}.public-disclosure{max-width:1300px;margin:10px auto 50px;padding:18px 22px;border:1px solid #19365b;background:#06152a;border-radius:12px}.public-disclosure h3{font-size:12px}.public-disclosure p{font-size:9px;line-height:1.7;color:#8fa6c6}.public-footer{max-width:1400px}
/* Fund explorer reference cards */
.fund-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.fund-card{position:relative;padding:16px!important;border-radius:11px!important;border:1px solid #16416f!important;background:linear-gradient(145deg,#081d3b,#06152c)!important;box-shadow:0 12px 30px #0003!important;transition:.2s}.fund-card:hover{border-color:#397eff!important;transform:translateY(-3px);box-shadow:0 0 22px #226fff33!important}.fund-card h3{font:800 12px/1.35 Manrope;color:#edf5ff;min-height:32px}.fund-card>p{font-size:9px;color:#829dbf}.fund-avatar{width:30px;height:30px;border-radius:50%;background:linear-gradient(145deg,#18a6ff,#773fff);color:#fff;font-weight:800}.risk-chip{font-size:8px;color:#a9c5e8;background:#102a4c;border:1px solid #234b76;border-radius:20px;padding:5px 8px}.fund-tags span{font-size:8px;background:#0b2c54;color:#8fc5ff;border:1px solid #1a4b80;border-radius:5px;padding:4px 7px}.fund-card-visual{height:45px;overflow:hidden;margin:6px 0}.fund-spark{height:45px;margin:0}.fund-spark path:first-child{display:none}.fund-return-row{border-top:1px solid #15365a;padding-top:10px}.fund-return-row small{font-size:8px;color:#7896ba}.fund-return-row b{font:800 16px Manrope;color:#19e1a9}.fund-card-bottom{border-top:1px solid #15365a;padding-top:10px;color:#809bbd;font-size:8px}.fund-card-bottom .text-link{font-size:9px;color:#59baff}
/* Login and signup centered card, with full visual left stage */
.auth-layout{max-width:1450px;min-height:calc(var(--vh100,100vh) - 66px);padding:52px 5% 55px;grid-template-columns:1.1fr .9fr;gap:7%;align-items:center}.auth-story{padding:0}.auth-story h1{font-size:clamp(42px,4.3vw,64px);line-height:1.08}.auth-mini-chart{max-width:620px;background:linear-gradient(145deg,#071b36,#06132b);border-color:#174170}.auth-panel{padding:0;display:flex;justify-content:center}.auth-card{width:min(440px,100%);padding:35px 38px;border-radius:17px;background:linear-gradient(145deg,#081d3a,#06152d);border:1px solid #1b4777;box-shadow:0 28px 80px #0009}.auth-card h2{font-size:24px}.auth-card .demo-notice{background:#071d39;border-color:#1d4672}.auth-card .primary-btn{height:43px;background:linear-gradient(100deg,#328cff,#9b37ff)}
@keyframes robotFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
/* Breakpoints */
@media(max-width:1200px){.main-area{padding:0 20px!important;margin-left:205px!important}.sidebar{width:205px!important}.workspace-topbar{margin-left:-20px;margin-right:-20px;padding:0 20px}.workspace-footer{margin-left:-20px;margin-right:-20px;padding-left:20px;padding-right:20px}.overview-bottom-grid{grid-template-columns:1fr 1fr}.insight-preview{grid-column:1/-1}.reference-kpis{gap:9px}.reference-kpi{padding-left:58px}.ref-kpi-icon{left:10px;width:36px;height:36px}.landing-hero{padding-left:4%;padding-right:4%}}
@media(max-width:900px){.sidebar{position:relative!important;width:100%!important;height:auto!important;min-height:0!important;padding:8px 12px!important;border-right:0!important;border-bottom:1px solid #14365c!important}.side-brand,.side-label,.side-bottom{display:none!important}.sidebar nav{flex-direction:row;overflow-x:auto;gap:4px}.nav-link{white-space:nowrap;height:38px}.app-shell{display:block}.main-area{margin-left:0!important;padding:0 16px!important}.workspace-topbar{margin:0 -16px 20px;padding:0 16px}.workspace-search{width:55%}.workspace-footer{margin:20px -16px 0;padding:14px 16px}.reference-kpis,.admin-reference-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-primary-grid,.admin-chart-grid,.admin-ops-grid{grid-template-columns:1fr}.calendar-and-date{grid-template-columns:1.1fr .9fr}.landing-hero{grid-template-columns:1fr;min-height:0;padding-top:48px}.hero-art{height:350px}.public-metrics{margin:15px 4%;grid-template-columns:repeat(2,1fr);gap:18px}.feature-grid{grid-template-columns:repeat(2,1fr)}.fund-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.workspace-topbar{height:58px}.workspace-search{width:100%}.workspace-search kbd,.upgrade-link,.icon-action{display:none}.workspace-actions{gap:8px}.profile-menu>span:not(.avatar),.profile-menu>b{display:none}.welcome-row{display:block}.welcome-row h1{font-size:23px}.ask-inline{width:100%;margin-top:16px}.reference-kpis,.admin-reference-kpis{grid-template-columns:1fr 1fr;gap:8px}.reference-kpi{min-height:122px;padding:12px 9px 10px 50px}.ref-kpi-icon{width:30px;height:30px;left:9px;top:11px;font-size:15px}.reference-kpi>strong{font-size:20px}.ref-kpi-label{font-size:9px}.ref-kpi-label small{font-size:7px}.overview-bottom-grid,.admin-lower-grid{grid-template-columns:1fr}.insight-preview{grid-column:auto}.calendar-and-date{grid-template-columns:1fr}.calendar-days{grid-auto-rows:30px}.overview-primary-grid{grid-template-columns:1fr}.reference-panel{padding:13px!important}.ref-panel-head{flex-wrap:wrap}.large-reference-chart{height:170px}.admin-chart-grid{grid-template-columns:1fr}.admin-ops-grid{grid-template-columns:1fr}.sip-config-fields{grid-template-columns:1fr}.admin-lower-grid{grid-template-columns:1fr}.main-area .page-head h1{font-size:23px}.landing-hero{padding:40px 20px 25px}.landing-hero h1{font-size:43px;letter-spacing:-2px}.hero-art{height:280px}.hero-orb{width:115px;height:115px;right:3%}.robot-face{width:80px;height:55px}.floating-data{font-size:8px;padding:8px}.public-metrics{padding:18px;gap:14px}.public-metrics b{font-size:18px}.feature-grid,.fund-grid{grid-template-columns:1fr}.auth-layout{grid-template-columns:1fr;padding:30px 16px}.auth-story h1{font-size:39px}.auth-proof{gap:20px}.auth-panel{margin-top:8px}.auth-card{padding:27px 22px}.page-head{flex-direction:column;align-items:flex-start}.period-pills button{padding:5px 7px}.quick-result-row{flex-wrap:wrap}}

/* Subscription, Profile Settings and Mod Alpha AI — aligned to the supplied page references */
.subscription-page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:22px 0 24px;padding:24px 26px;border:1px solid #173b68;border-radius:15px;background:linear-gradient(120deg,#081d3b,#0b1632 65%,#19154a)}
.subscription-page-head h2{font:800 26px Manrope;margin:7px 0 5px;color:#f1f6ff}.subscription-page-head p{font-size:11px;color:#91a9ca;margin:0}.billing-toggle{display:flex;gap:4px;padding:4px;border:1px solid #1a3b67;background:#06142b;border-radius:10px}.billing-toggle button{border:0;background:transparent;color:#9cb0ce;padding:10px 15px;border-radius:7px;font:600 10px 'DM Sans';cursor:pointer}.billing-toggle button.active{background:linear-gradient(100deg,#267fff,#8d3fff);color:#fff;box-shadow:0 0 16px #6e48ff66}.billing-toggle button span{color:#40e4ad;font-size:8px;margin-left:5px}
.subscription-plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch}.subscription-plan-card{position:relative;display:flex;flex-direction:column;min-height:390px;padding:23px 22px 20px;border:1px solid #1a3e6b;border-radius:14px;background:linear-gradient(155deg,#091f3d,#07152d 75%);box-shadow:0 14px 35px #0003;overflow:visible}.subscription-plan-card.popular{border:1px solid #8a4cff;box-shadow:0 0 0 1px #7644ff55,0 0 32px #6338ff2b;transform:translateY(-5px)}.popular-ribbon{position:absolute;left:50%;top:-13px;transform:translateX(-50%);white-space:nowrap;padding:6px 17px;border-radius:20px;background:linear-gradient(90deg,#6d43ff,#b13fff);font-size:9px;font-weight:800;box-shadow:0 5px 18px #853cff66}.plan-name-row{display:flex;align-items:flex-start;justify-content:space-between}.plan-name-row h3{font:800 18px Manrope;margin:0 0 5px}.plan-name-row small{font-size:9px;color:#8fa8c8}.plan-symbol{width:35px;height:35px;display:grid;place-items:center;border:1px solid #315a91;border-radius:10px;color:#5bc8ff;background:#0b2a50;font-size:18px}.plan-price{display:flex;align-items:baseline;gap:5px;margin:23px 0 5px}.plan-price strong{font:800 31px Manrope;letter-spacing:-1px;color:#f5f8ff}.plan-price span{font-size:10px;color:#91a9c8}.plan-caption{font-size:10px;color:#a2b4d0;padding-bottom:17px;border-bottom:1px solid #17375d}.subscription-plan-card ul{list-style:none;padding:16px 0 20px;margin:0;display:grid;gap:12px;flex:1}.subscription-plan-card li{display:flex;gap:9px;align-items:flex-start;color:#c5d4e9;font-size:10px;line-height:1.35}.subscription-plan-card li span{color:#26dfa9;font-weight:900}.subscription-plan-card .primary-btn,.subscription-plan-card .secondary-btn{min-height:41px;font-size:10px}.subscription-footnote{margin:16px 0 24px;color:#8299b9;font-size:9px;line-height:1.6}.subscription-bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.subscription-bottom-grid article{display:flex;gap:14px;padding:18px}.sub-bottom-icon{flex:0 0 38px;height:38px;display:grid;place-items:center;border-radius:11px;background:#102c51;color:#58caff;font-size:19px}.subscription-bottom-grid h3{font:800 12px Manrope;margin:0 0 7px}.subscription-bottom-grid p{font-size:9px;line-height:1.65;color:#91a8c8}.subscription-faq{margin:24px 0;padding:20px;border:1px solid #173b68;border-radius:13px;background:#071831}.subscription-faq h3{font:800 14px Manrope;margin:0 0 12px}.subscription-faq details{padding:12px 0;border-top:1px solid #16375c}.subscription-faq summary{cursor:pointer;font-size:10px;font-weight:700}.subscription-faq details p{font-size:9px;color:#91a8c8;line-height:1.6}
.settings-layout{display:grid;grid-template-columns:190px minmax(0,1fr);gap:17px;align-items:start}.settings-tabs{display:grid;gap:5px;padding:12px;border:1px solid #17385f;border-radius:12px;background:linear-gradient(180deg,#091c37,#07152b)}.settings-tabs button{height:39px;text-align:left;padding:0 11px;border:1px solid transparent;border-radius:8px;background:transparent;color:#9eb2d0;font:600 10px 'DM Sans';cursor:pointer}.settings-tabs button.active{color:#fff;border-color:#5b43fa;background:linear-gradient(100deg,#3420a8aa,#075b9c99);box-shadow:0 0 15px #4b35e944}.settings-content{min-width:0;padding:22px 24px;border:1px solid #173b68;border-radius:13px;background:linear-gradient(145deg,#091d39,#07152b)}.settings-section{margin-bottom:24px}.settings-section h3{font:800 14px Manrope;margin:0 0 14px;color:#eff5ff}.profile-info-card{display:flex;align-items:center;gap:15px;padding:17px;border:1px solid #1b416e;border-radius:11px;background:#081a34}.profile-large-avatar{width:54px;height:54px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,#7c65ff,#288fff);font:800 22px Manrope}.profile-info-main{display:grid;gap:4px;flex:1}.profile-info-main b{font:700 12px Manrope}.profile-info-main>span{font-size:9px;color:#91a9c8}.profile-info-main .status-pill{width:max-content;font-size:8px}.settings-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.settings-form-grid label{display:grid;gap:7px;color:#9fb4d1;font-size:9px}.settings-form-grid input,.settings-form-grid select{width:100%;height:39px;padding:0 11px;color:#e7f0ff;border:1px solid #1b416e;border-radius:7px;background:#06152c;font:500 10px 'DM Sans'}.settings-form-grid input:disabled{opacity:.55}.settings-hint{font-size:9px;color:#8199b9;line-height:1.6;margin:10px 0 0}.settings-content>.primary-btn{min-width:145px}.settings-content .settings-section>p{font-size:10px;color:#8fa8c8;line-height:1.65}.settings-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 0;border-bottom:1px solid #17385e}.settings-toggle-row>div{display:grid;gap:4px}.settings-toggle-row b{font-size:10px}.settings-toggle-row small{font-size:9px;color:#8fa7c8}.switch{position:relative;width:39px;height:22px;flex:0 0 39px}.switch input{opacity:0;width:0;height:0}.switch span{position:absolute;inset:0;border-radius:20px;background:#34445d;cursor:pointer;transition:.2s}.switch span:before{content:'';position:absolute;width:16px;height:16px;left:3px;top:3px;border-radius:50%;background:#fff;transition:.2s}.switch input:checked+span{background:linear-gradient(90deg,#237fff,#9046ff)}.switch input:checked+span:before{transform:translateX(17px)}.privacy-info{padding:15px;border:1px solid #1a416d;border-radius:9px;background:#081b35;margin-bottom:12px}.privacy-info b{font-size:11px}.privacy-info p,.settings-danger p{font-size:9px;color:#91a8c8;line-height:1.65}.settings-danger{margin-top:23px;padding:16px;border:1px solid #63364a;border-radius:9px;background:#28132166}.settings-danger h4{margin:0;font-size:11px}.danger-btn{margin-left:8px;padding:10px 13px;border:1px solid #a84962;border-radius:7px;background:#481d30;color:#ffc2d0;font-size:9px;cursor:pointer}
.ai-workspace{display:grid;grid-template-columns:245px minmax(0,1fr);min-height:680px;overflow:hidden;border:1px solid #183d6b;border-radius:15px;background:linear-gradient(145deg,#071831,#050f22);box-shadow:0 20px 55px #0004}.ai-side-panel{display:flex;flex-direction:column;padding:18px 13px;border-right:1px solid #18385f;background:linear-gradient(180deg,#091c36,#07152a)}.ai-side-head{display:flex;align-items:center;gap:10px;padding:4px 6px 18px}.ai-side-orb{width:36px;height:36px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(145deg,#276fff,#963eff);box-shadow:0 0 18px #693dff88;font-size:18px}.ai-side-head div{display:grid;gap:3px}.ai-side-head b{font:800 12px Manrope}.ai-side-head small{font-size:8px;color:#8da7c9}.ai-new-chat{height:37px;border:1px solid #365eaa;border-radius:8px;background:linear-gradient(100deg,#2a68db55,#7136ce55);color:#dceaff;font-size:9px;font-weight:700;cursor:pointer}.ai-side-label{margin:23px 7px 9px;color:#718cac;font-size:8px;font-weight:800;letter-spacing:1px}.ai-suggestion{display:flex;align-items:center;gap:9px;padding:10px 8px;border:0;border-radius:7px;background:transparent;text-align:left;color:#b8c9e2;font-size:9px;line-height:1.35;cursor:pointer}.ai-suggestion:hover,.ai-history-item:hover{background:#102b50}.ai-suggestion span{color:#64bfff;font-size:14px}.ai-history-item{padding:9px 8px;border-radius:7px;color:#8fa6c6;font-size:9px;cursor:pointer}.ai-history-item.active{background:#112b4d;color:#e2edff}.ai-side-disclaimer{margin-top:auto;padding:12px 7px 0;border-top:1px solid #18375c;color:#718cac;font-size:8px;line-height:1.55}.ai-chat-panel{display:flex;flex-direction:column;min-width:0;min-height:680px}.ai-chat-header{height:65px;display:flex;align-items:center;gap:11px;padding:0 22px;border-bottom:1px solid #17375d;background:#071a33}.ai-assistant-avatar{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(145deg,#287cff,#9c43ff);box-shadow:0 0 16px #5d3bff66}.ai-chat-header>div:nth-child(2){display:grid;gap:4px}.ai-chat-header b{font:800 11px Manrope}.ai-chat-header small{font-size:8px;color:#8ba5c6}.ai-chat-header small i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#28d99c;margin-right:5px}.ai-chat-menu{margin-left:auto;border:0;background:transparent;color:#8ca5c7;font-size:22px}.ai-conversation{flex:1;max-height:550px;overflow:auto;padding:25px clamp(16px,4vw,48px);display:flex;flex-direction:column;gap:20px}.ai-welcome-message{text-align:center;padding:6px 10px 10px}.ai-welcome-icon{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:14px;background:linear-gradient(145deg,#246dff,#9a3fff);box-shadow:0 0 25px #693dff66;font-size:22px}.ai-welcome-message h2{font:800 19px Manrope;margin:12px 0 5px}.ai-welcome-message p{font-size:10px;color:#91a9c8}.ai-message{display:flex;gap:10px;align-items:flex-start}.message-avatar{flex:0 0 28px;width:28px;height:28px;display:grid;place-items:center;border-radius:9px;background:#153966;color:#d8eaff;font-size:10px;font-weight:800}.message-avatar.ai-avatar{background:linear-gradient(145deg,#276fff,#8e42ed);box-shadow:0 0 13px #6b40ff55}.message-bubble{max-width:85%;padding:12px 15px;border:1px solid #2a4e85;border-radius:11px 11px 3px 11px;background:linear-gradient(120deg,#172e5a,#28205a);font-size:10px;line-height:1.6;color:#e7efff}.ai-message.assistant .message-content{max-width:100%;padding:13px 15px;border:1px solid #1b416e;border-radius:4px 11px 11px 11px;background:#091d38;color:#c7d7eb;font-size:10px;line-height:1.65}.message-content>b{color:#f1f6ff;font-size:11px}.message-content p{margin:7px 0 12px}.ai-comparison-table{overflow:auto;margin:12px 0;border:1px solid #1b416d;border-radius:8px}.ai-comparison-table table{width:100%;border-collapse:collapse;min-width:430px}.ai-comparison-table th,.ai-comparison-table td{padding:9px 11px;text-align:left;border-bottom:1px solid #17385e;font-size:9px}.ai-comparison-table th{background:#102b50;color:#9ec8ff}.ai-comparison-table td:first-child{color:#9bb2d0}.ai-key-heading{display:block;margin-top:12px}.message-content ul{padding-left:18px;margin:7px 0}.message-content li{margin:5px 0}.ai-source-note{margin-top:12px;padding-top:9px;border-top:1px solid #18385e;color:#7894b8;font-size:8px}.ai-chat-composer{padding:14px 22px 16px;border-top:1px solid #17385d;background:#07172e}.ai-prompt-chips{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:10px}.ai-prompt-chips button{padding:7px 10px;border:1px solid #234a79;border-radius:18px;background:#0b2444;color:#9fc4ed;font-size:8px;cursor:pointer}.ai-input-row{display:flex;align-items:center;gap:9px;padding:8px 9px 8px 13px;border:1px solid #28528b;border-radius:11px;background:#06142a;box-shadow:0 0 18px #1d5aff1a}.ai-input-row textarea{flex:1;resize:vertical;min-height:28px;max-height:100px;border:0;outline:0;background:transparent;color:#e9f2ff;font:10px 'DM Sans'}.ai-send-btn{width:34px;height:34px;border:0;border-radius:9px;background:linear-gradient(100deg,#287dff,#9b3fff);color:white;font-size:17px;cursor:pointer;box-shadow:0 0 14px #663dff66}.ai-chat-composer>small{display:block;margin-top:8px;color:#718cac;font-size:8px}
@media(max-width:900px){.subscription-plans{grid-template-columns:1fr 1fr}.settings-layout{grid-template-columns:1fr}.settings-tabs{display:flex;overflow:auto}.settings-tabs button{white-space:nowrap}.ai-workspace{grid-template-columns:190px minmax(0,1fr)}}
@media(max-width:650px){.subscription-page-head{align-items:flex-start;flex-direction:column}.subscription-plans,.subscription-bottom-grid{grid-template-columns:1fr}.subscription-plan-card.popular{transform:none;margin-top:10px}.settings-content{padding:16px}.settings-form-grid{grid-template-columns:1fr}.profile-info-card{flex-wrap:wrap}.profile-info-card .secondary-btn{width:100%}.ai-workspace{grid-template-columns:1fr}.ai-side-panel{display:none}.ai-chat-panel{min-height:650px}.ai-chat-composer{padding:12px}.ai-conversation{padding:18px 13px}.ai-chat-header{padding:0 14px}}

/* ------------------------------------------------------------------
   Mod Alpha visual refinement: typography + persistent light theme
   ------------------------------------------------------------------ */
:root{
  --font-ui: Inter, 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-display: Inter, 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --text-main: #eef3ff;
  --text-muted: #9aa9c4;
  --surface: #101a31;
  --surface-raised: #14213c;
  --surface-input: #091329;
  --border-ui: rgba(130,157,220,.19);
}
html,body,button,input,select,textarea{font-family:var(--font-ui)}
body{font-size:14px;line-height:1.5;font-weight:400;letter-spacing:0}
h1,h2,h3,h4,h5,.brand,.section-center h2,.story h1,.auth-story h1{font-family:var(--font-display);font-feature-settings:'ss01' on;letter-spacing:-.035em}
h1{line-height:1.12}h2{line-height:1.2}h3{line-height:1.3}
button,a,input,select,textarea{letter-spacing:normal}
.field-label,.settings-form-grid label,.settings-tabs button{font-size:12px}
.muted,.lead,.settings-hint,.settings-section>p{line-height:1.65}
/* Keep compact data labels readable without making dashboards oversized. */
.status-pill,.sample-pill,.tiny-tag,.chart-axis,.secure-label,.settings-hint,.settings-form-grid label,.settings-toggle-row small,.profile-info-main>span,.profile-info-main .status-pill,.settings-tabs button,.settings-form-grid input,.settings-form-grid select{font-size:11px}
.plan-price,.metric-value,.kpi-value,.stat-value{font-variant-numeric:tabular-nums lining-nums;letter-spacing:-.025em}
.theme-toggle{width:36px;height:36px;display:inline-grid;place-items:center;border:1px solid var(--border-ui);border-radius:11px;background:var(--surface-raised);color:var(--text-main);font-size:18px;line-height:1;cursor:pointer;transition:background .18s,border-color .18s,transform .18s}
.theme-toggle:hover{border-color:var(--blue);transform:translateY(-1px)}

/* v8: screenshot-matched How Mod Alpha Works explainer */
.how-section{padding:34px 2.2% 46px;max-width:100%;overflow:hidden;background:radial-gradient(ellipse at 8% 2%,rgba(20,80,173,.13),transparent 36%),radial-gradient(ellipse at 92% 5%,rgba(91,42,184,.16),transparent 35%)}
.how-heading{text-align:center;margin:0 auto 44px;max-width:1000px}
.how-powered{display:inline-flex;align-items:center;gap:9px;padding:8px 18px;border:1px solid rgba(135,91,255,.5);border-radius:99px;background:linear-gradient(100deg,#102442,#21164a);color:#e5eaff;font-size:13px;font-weight:800;letter-spacing:.02em;box-shadow:0 0 22px rgba(106,83,255,.22)}
.how-powered i{font-style:normal;color:#67dfff;font-size:17px}
.how-heading h2{font:800 clamp(34px,4.2vw,66px)/1.08 Manrope,Inter,sans-serif;letter-spacing:-2.1px;margin:24px 0 13px;color:#f6f8ff}
.how-heading p{font-size:clamp(14px,1.2vw,20px);line-height:1.5;color:#a8b7d2;margin:0}
.how-canvas{max-width:1900px;margin:0 auto;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible}
.how-stage-headings{display:grid;grid-template-columns:1fr 1.25fr 1fr 1fr 1fr;gap:clamp(16px,2vw,42px);align-items:start;margin:0 0 28px;padding:0 10px}
.how-stage-title{display:flex;align-items:flex-start;gap:17px;min-width:0;opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.75,.2,1)}
.step-num{width:49px;height:49px;flex:0 0 49px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(140deg,#348cff,#7d42f5);box-shadow:0 0 28px #4b83ff88;font:800 17px Manrope;color:#fff}
.how-stage-title h3{font:800 clamp(14px,1.12vw,20px)/1.25 Manrope,Inter,sans-serif;margin:11px 0 9px;color:#f2f5ff}
.how-stage-title p{font-size:clamp(10px,.78vw,14px);line-height:1.5;color:#a0b0cc;margin:0}
.how-visual-track{display:grid;grid-template-columns:1fr 32px 1.25fr 32px 1fr 32px 1fr 32px 1fr;gap:clamp(7px,.7vw,15px);align-items:center;position:relative;min-height:430px}
.how-visual{min-width:0;position:relative;opacity:0;transform:translateY(24px) scale(.98);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.75,.2,1);z-index:2}
.how-visual.flow-in,.how-stage-title.flow-in{opacity:1;transform:translateY(0) scale(1)}
.how-arrow{height:100%;min-height:220px;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .6s ease;position:relative;z-index:3}
.how-arrow span{display:block;width:100%;height:4px;border-radius:5px;background:linear-gradient(90deg,#168bff,#5c82ff,#18d6ed);box-shadow:0 0 15px #159bff99;position:relative}
.how-arrow span:after{content:"";position:absolute;right:0;top:-6px;width:14px;height:14px;border-top:4px solid #29c9ff;border-right:4px solid #29c9ff;transform:rotate(45deg)}
.how-arrow span:before{content:"";position:absolute;left:0;top:-5px;width:12px;height:12px;border-radius:50%;background:#1fe2ff;box-shadow:0 0 18px #1fe2ff;animation:howParticle 2s linear infinite}
.how-arrow.flow-link-in{opacity:1}
@keyframes howParticle{0%{left:0;opacity:0}12%{opacity:1}88%{opacity:1}100%{left:100%;opacity:0}}
.data-source-visual{border:1px solid #1b3b5d;border-radius:23px;background:linear-gradient(145deg,rgba(14,35,62,.98),rgba(7,21,41,.98));padding:20px 17px;box-shadow:inset 0 1px 0 #5c9bff18,0 18px 45px #0004;min-height:370px;display:flex;flex-direction:column;justify-content:center;gap:13px}
.source-item{display:flex;align-items:center;gap:13px;padding:13px 12px;border-radius:15px;background:linear-gradient(110deg,#122a48,#0c203a);border:1px solid rgba(65,111,168,.15);min-height:68px}
.source-icon{font-style:normal;width:42px;height:42px;flex:0 0 42px;border-radius:12px;display:grid;place-items:center;font-size:25px;background:#172d4b}
.source-icon.nav{color:#ff8d91}.source-icon.volatility{color:#ffca43}.source-icon.holidays{color:#1ce2c4}.source-icon.categories{color:#9b79ff}
.source-item b,.source-item small{display:block}.source-item b{font-size:clamp(10px,.83vw,15px);color:#e8f1ff;font-weight:800}.source-item small{font-size:clamp(9px,.72vw,13px);color:#8197b7;margin-top:5px}
.ai-engine-visual{min-height:370px;display:flex;align-items:center;justify-content:center}
.ai-engine-glow{position:absolute;width:230px;height:230px;border-radius:50%;background:radial-gradient(circle,#3a59ff55 0,rgba(47,124,255,.18) 38%,transparent 72%);filter:blur(8px);animation:enginePulse 3.5s ease-in-out infinite}
.ai-engine-cube{width:210px;height:210px;position:relative;z-index:2;border-radius:34px;border:1px solid #7b6dff;background:linear-gradient(145deg,#1c3c86,#24164f 75%);box-shadow:0 0 24px #4e84ff9c,0 0 65px #794aff77,inset 0 0 38px #6a7bff44;display:flex;flex-direction:column;align-items:center;justify-content:center;animation:engineFloat 4.5s ease-in-out infinite}
.ai-engine-cube:before,.ai-engine-cube:after{content:"";position:absolute;inset:-12px;border-radius:40px;border:1px solid #5e8fff55;animation:engineRing 5s linear infinite}
.ai-engine-cube:after{inset:-24px;border-color:#26d8ff33;animation-direction:reverse}
.cube-mark{font:900 74px Manrope;background:linear-gradient(120deg,#39d8ff,#9c76ff);color:transparent;background-clip:text;filter:drop-shadow(0 0 14px #57a9ff)}
.ai-engine-cube b{font-size:18px;color:#fff;margin-top:-4px}.ai-engine-cube small{font-size:13px;color:#b2c2e8;margin-top:4px}
.ai-tag{position:absolute;z-index:4;display:flex;align-items:center;gap:8px;padding:12px 14px;border-radius:15px;border:1px solid #5543a5;background:linear-gradient(120deg,#1a2351,#151d3c);color:#d8e3ff;font-size:clamp(9px,.78vw,13px);line-height:1.3;box-shadow:0 10px 25px #0004}
.ai-tag i{font-style:normal;font-size:22px;color:#a77aff}.tag-pattern{top:8px;left:-4px}.tag-volatility{top:8px;right:-4px}.tag-backtest{bottom:5px;left:-3px}.tag-scoring{bottom:5px;right:-4px}
.monthly-visual{min-height:370px;padding:24px 19px;border-radius:23px;border:1px solid #1b3b5d;background:linear-gradient(145deg,#0e203c,#0a1a32);box-shadow:0 18px 45px #0004;display:flex;flex-direction:column;justify-content:center;gap:14px}
.monthly-title{font-size:clamp(10px,.78vw,14px);letter-spacing:.08em;font-weight:800;color:#8ea6ca;margin-bottom:4px}
.monthly-choice{min-height:61px;border-radius:13px;padding:12px 16px;display:flex;flex-direction:column;justify-content:center;gap:3px;background:#172943;border-left:8px solid #7b879a;color:#9eb0cc}
.monthly-choice b{font-size:clamp(13px,1vw,18px);font-weight:800}.monthly-choice span{font-size:clamp(9px,.76vw,13px)}
.monthly-choice.low{border-left-color:#d05c75;background:linear-gradient(90deg,#54283f,#192641)}.monthly-choice.medium{border-left-color:#7d8fa9}
.monthly-choice.best{border:2px solid #12d8b1;border-left-width:8px;background:linear-gradient(100deg,#075d5a,#0e3b49);box-shadow:0 0 25px #13d9b555;color:#fff;flex-direction:row;align-items:center;justify-content:flex-start}
.monthly-choice.best>i{font-style:normal;font-size:28px;color:#18e9c2}.monthly-choice.best small{display:block;color:#72f2d7;font-size:clamp(9px,.72vw,13px);margin-top:2px}
.monthly-foot{color:#8298b9;font-size:10px;line-height:1.4;margin-top:2px}
.notification-visual{min-height:370px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 8px}
.phone-shell{width:min(100%,245px);height:300px;border-radius:43px;border:3px solid #386ac0;background:linear-gradient(155deg,#132c55,#08152e);box-shadow:0 0 25px #347fff55,inset 0 0 25px #5b8fff1a;padding:18px 13px;position:relative}
.phone-speaker{position:absolute;top:8px;left:50%;transform:translateX(-50%);width:48px;height:5px;border-radius:5px;background:#172442}
.phone-status{display:flex;justify-content:space-between;font-size:9px;color:#dce9ff;margin-top:3px}
.phone-lock{text-align:center;margin-top:17px;color:#91b2df;font-size:18px}.phone-clock{text-align:center;font:500 39px Manrope;color:#f3f7ff;line-height:1.1;margin-top:2px}.phone-day{text-align:center;color:#b0c0da;font-size:12px;margin-top:4px}
.phone-message{display:flex;gap:9px;position:absolute;left:-9px;right:-9px;top:132px;background:linear-gradient(120deg,#fff,#e5edff);color:#1c2941;padding:13px 11px;border-radius:16px;box-shadow:0 12px 35px #0008;min-height:118px}
.message-brand{width:31px;height:31px;flex:0 0 31px;display:grid;place-items:center;border-radius:9px;background:linear-gradient(140deg,#287fff,#8056f5);color:white;font-weight:900;font-size:17px}
.message-meta{display:flex;justify-content:space-between;gap:12px;font-size:10px}.message-meta small{color:#71809b}.phone-message strong{display:block;font-size:11px;margin:7px 0 4px}.phone-message p{font-size:9px;line-height:1.4;color:#53627a;margin:0}
.notify-bell{position:absolute;top:56px;right:2px;width:59px;height:59px;border-radius:17px;display:grid;place-items:center;font-size:29px;background:linear-gradient(145deg,#392b83,#1b2b61);border:1px solid #795aff;box-shadow:0 0 25px #7d4dff66;animation:bellFloat 3s ease-in-out infinite}
.notify-channels{display:flex;justify-content:center;gap:18px;margin-top:17px;width:100%}.notify-channels>div{display:flex;flex-direction:column;align-items:center;gap:7px;color:#9db1d0;font-size:10px;line-height:1.3;text-align:center}
.notify-channels i{width:51px;height:51px;border-radius:14px;display:grid;place-items:center;font-size:24px;font-style:normal;background:linear-gradient(145deg,#132c55,#111b42);border:1px solid #203c70;box-shadow:0 8px 20px #0003}
.notify-channels .push{color:#ffc34b}.notify-channels .email{color:#27d9ff}.notify-channels .sms{color:#14e2d5}
.smarter-visual{min-height:370px;border:1px solid #1b3260;border-radius:23px;background:linear-gradient(145deg,#101f42,#0a1832);padding:19px 14px;box-shadow:0 18px 45px #0004;display:flex;flex-direction:column;justify-content:center;gap:14px}
.comparison-chart{height:235px;position:relative;padding:12px 5px 20px}
.comparison-chart svg{width:100%;height:190px;overflow:visible}
.chart-gridline{stroke:#273a5d;stroke-width:1;opacity:.75}
.chart-line-alpha{fill:none;stroke:url(#modLine);stroke-width:4;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 5px #1dcfff)}
.chart-line-fixed{fill:none;stroke:#7183a2;stroke-width:3;stroke-dasharray:7 7;opacity:.75}
.chart-dots circle{fill:#19d9ef;filter:drop-shadow(0 0 5px #1dcfff)}
.chart-callout{position:absolute;top:0;right:0;padding:8px 11px;border-radius:10px;border:1px solid #168fdc;background:#102b50;color:#f0f7ff;font-size:11px;font-weight:800;z-index:2}
.chart-callout small{font-size:9px;color:#8edcff;font-weight:500}
.chart-label-alpha,.chart-label-fixed{position:absolute;right:7px;padding:5px 8px;border-radius:8px;font-size:9px;background:#102c4b;border:1px solid #1686c5;color:#d8f7ff}
.chart-label-alpha{top:83px}.chart-label-fixed{top:154px;border-color:#596b8c;color:#c4cfe2;background:#1a2944}
.smarter-note{display:flex;gap:12px;align-items:center;padding:13px;border-radius:14px;background:#102947;border:1px solid #1c4263}
.smarter-note i{font-style:normal;width:45px;height:45px;flex:0 0 45px;display:grid;place-items:center;border-radius:12px;background:#0b4a58;color:#28e0c4;font-size:27px}
.smarter-note b,.smarter-note small{display:block}.smarter-note b{font-size:12px;color:#e9f5ff}.smarter-note small{font-size:9px;line-height:1.4;color:#91a9c9;margin-top:4px}
.smarter-disclaimer{font-size:8px;color:#7187a8;text-align:center}
.how-benefits{display:grid;grid-template-columns:repeat(5,1fr);margin-top:48px;padding:22px 12px;border:1px solid #1b2c52;border-radius:23px;background:linear-gradient(100deg,#0c1931,#111a35);box-shadow:0 15px 40px #0003}
.how-benefits>div{display:flex;align-items:center;justify-content:center;gap:15px;padding:4px 13px;border-right:1px solid #1c2b4b;min-width:0}
.how-benefits>div:last-child{border-right:0}
.how-benefits i{width:58px;height:58px;flex:0 0 58px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:27px;background:#24256a;color:#a68cff;box-shadow:0 0 25px #705cff25}
.how-benefits .benefit-ai{background:#3c263f;color:#ff8a8e}.how-benefits .benefit-confidence{background:#10334a;color:#21dfce}.how-benefits .benefit-alert{background:#2e2553;color:#ffcb51}.how-benefits .benefit-control{background:#102d4c;color:#20e0db}
.how-benefits b,.how-benefits small{display:block}.how-benefits b{font-size:clamp(10px,.85vw,15px);color:#eaf2ff;margin-bottom:5px}.how-benefits small{font-size:clamp(8px,.7vw,12px);line-height:1.45;color:#91a6c8}
.how-replay-row{text-align:center;margin-top:19px}.replay-flow{padding:9px 15px;border:1px solid #29436f;border-radius:10px;background:#111e3b;color:#9bbcff;font-size:11px;font-weight:700;cursor:pointer}
@keyframes enginePulse{50%{transform:scale(1.14);opacity:.7}}@keyframes engineFloat{50%{transform:translateY(-8px) rotateY(3deg)}}@keyframes engineRing{to{transform:rotate(360deg) scale(1.05)}}@keyframes bellFloat{50%{transform:translateY(-8px) rotate(4deg)}}
.how-canvas.flow-play .ai-engine-cube{animation:engineFloat 4.5s ease-in-out infinite,engineGlow 2.8s ease-in-out infinite}
@keyframes engineGlow{50%{box-shadow:0 0 38px #4e84ffbd,0 0 85px #794aff99,inset 0 0 42px #6a7bff66}}
.how-canvas.flow-static .how-visual,.how-canvas.flow-static .how-stage-title{opacity:1;transform:none}
@media(max-width:1200px){
 .how-section{padding-left:2%;padding-right:2%}.how-visual-track{grid-template-columns:1fr 20px 1.15fr 20px 1fr 20px 1fr 20px 1fr;gap:6px}
 .ai-engine-cube{width:160px;height:160px}.cube-mark{font-size:58px}.ai-tag{padding:8px;font-size:9px}.phone-shell{width:190px;height:270px}.phone-message{top:122px}.notify-bell{right:-3px;width:48px;height:48px}
 .data-source-visual,.ai-engine-visual,.monthly-visual,.notification-visual,.smarter-visual{min-height:330px}
 .how-benefits>div{gap:8px;padding:4px 7px}.how-benefits i{width:44px;height:44px;flex-basis:44px;font-size:22px}
}
@media(max-width:900px){
 .how-stage-headings{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.how-stage-title{display:block}.how-stage-title .step-num{margin-bottom:10px}.how-stage-title h3{font-size:12px}.how-stage-title p{font-size:9px}
 .how-visual-track{grid-template-columns:1fr 18px 1.1fr 18px 1fr;grid-template-rows:auto auto;row-gap:20px}
 .how-visual-track>.how-visual:nth-of-type(1){grid-column:1;grid-row:1}.how-visual-track>.how-arrow.arrow-one{grid-column:2;grid-row:1}.how-visual-track>.how-visual:nth-of-type(3){grid-column:3;grid-row:1}.how-visual-track>.how-arrow.arrow-two{grid-column:4;grid-row:1}.how-visual-track>.how-visual:nth-of-type(5){grid-column:5;grid-row:1}
 .how-visual-track>.how-arrow.arrow-three{display:none}.how-visual-track>.how-visual:nth-of-type(7){grid-column:2/4;grid-row:2}.how-visual-track>.how-arrow.arrow-four{display:none}.how-visual-track>.how-visual:nth-of-type(9){grid-column:4/6;grid-row:2}
 .how-visual-track>.how-visual:nth-of-type(7),.how-visual-track>.how-visual:nth-of-type(9){width:100%;max-width:320px;justify-self:center}
 .how-visual-track>.how-visual:nth-of-type(7){grid-column:2/4}.how-visual-track>.how-visual:nth-of-type(9){grid-column:4/6}
 .how-visual-track .how-arrow{min-height:160px}
 .how-benefits{grid-template-columns:repeat(2,1fr);gap:14px}.how-benefits>div{justify-content:flex-start;border-right:0;border-bottom:1px solid #1c2b4b;padding:10px}.how-benefits>div:last-child{grid-column:1/-1;border-bottom:0}
}
@media(max-width:620px){
 .how-section{padding:32px 16px}.how-heading{margin-bottom:30px}.how-heading h2{font-size:34px;letter-spacing:-1.2px}.how-heading p{font-size:13px}.desktop-break{display:none}
 .how-stage-headings{grid-template-columns:1fr;gap:16px;margin-bottom:25px}.how-stage-title{display:flex;gap:13px;align-items:flex-start}.how-stage-title .step-num{width:39px;height:39px;flex-basis:39px;margin:0;font-size:13px}.how-stage-title h3{font-size:14px;margin:1px 0 5px}.how-stage-title p{font-size:11px}
 .how-visual-track{display:flex;flex-direction:column;gap:18px}.how-visual-track>.how-arrow{display:none!important}
 .how-visual-track>.how-visual{width:100%;max-width:100%;min-height:0}
 .data-source-visual{min-height:0;padding:14px}.source-item{min-height:58px}.ai-engine-visual{height:280px}.ai-engine-cube{width:160px;height:160px}.monthly-visual{min-height:0;padding:20px}.notification-visual{min-height:340px}.phone-shell{width:230px;height:290px}.smarter-visual{min-height:0}
 .how-benefits{grid-template-columns:1fr;margin-top:25px;padding:12px}.how-benefits>div,.how-benefits>div:last-child{grid-column:auto;border-bottom:1px solid #1c2b4b}.how-benefits>div:last-child{border-bottom:0}.how-benefits i{width:48px;height:48px;flex-basis:48px}
 .how-replay-row{margin-top:15px}
}

/* Dark-only release: footer is shared, in normal document flow on public pages. */
.public-footer{position:relative;inset:auto;flex-shrink:0}


/* v9 brand mark correction: keep the tall alpha glyph inside a compact navbar lockup. */
.brand{
  display:inline-flex!important;align-items:center!important;gap:10px!important;
  min-width:0;flex:0 0 auto;text-decoration:none;white-space:nowrap;
  font:inherit;letter-spacing:normal;
}
.brand-symbol{
  display:block!important;width:34px!important;height:34px!important;
  max-width:34px!important;max-height:34px!important;object-fit:contain!important;
  flex:0 0 34px!important;overflow:hidden;
}
.brand-wording{display:flex;flex-direction:column;justify-content:center;gap:2px;line-height:1.05}
.brand-wording strong{display:block;color:#f4f7ff;font:800 16px/1.05 Manrope,Inter,sans-serif;letter-spacing:-.45px}
.brand-wording small{display:block;color:#91a5c5;font:700 8px/1.1 Manrope,Inter,sans-serif;letter-spacing:1.45px;text-transform:uppercase}
.side-brand .brand-symbol{width:30px!important;height:30px!important;max-width:30px!important;max-height:30px!important;flex-basis:30px!important}
.side-brand .brand-wording strong{font-size:15px}
.side-brand .brand-wording small{font-size:7px}
.footer-logo-lockup{display:block;width:min(100%,210px);max-width:210px;line-height:0}
.footer-logo-lockup img{display:block;width:100%;height:auto;max-height:165px;object-fit:contain;object-position:left center}
@media(max-width:700px){
 .brand{gap:7px!important}.brand-symbol{width:29px!important;height:29px!important;max-width:29px!important;max-height:29px!important;flex-basis:29px!important}
 .brand-wording strong{font-size:14px}.brand-wording small{font-size:7px;letter-spacing:1.1px}
}

/* Only render the dark-approved corporate lockup in the current dark-only release. */
.logo-lockup-light{display:none!important}
.logo-lockup-dark{display:block!important}


/* v10: rebuild public footer as a stable 3-column grid with a separate legal row.
   Override legacy flex footer rules rather than relying on their order/breakpoints. */
footer.public-footer{
  box-sizing:border-box!important;
  width:100%!important;
  max-width:1400px!important;
  margin:42px auto 0!important;
  padding:42px clamp(22px,5.5%,78px) 22px!important;
  display:grid!important;
  grid-template-columns:minmax(300px,2.1fr) minmax(120px,.75fr) minmax(150px,.85fr)!important;
  grid-template-rows:auto auto!important;
  align-items:start!important;
  justify-content:initial!important;
  column-gap:clamp(28px,5vw,90px)!important;
  row-gap:30px!important;
  border-top:1px solid #1a3156!important;
  color:#91a5c5!important;
  font-size:14px!important;
  line-height:1.55!important;
  flex-direction:initial!important;
}
footer.public-footer .footer-brand-col{
  grid-column:1!important;grid-row:1!important;
  min-width:0!important;max-width:560px!important;
  display:flex!important;flex-direction:column!important;
  align-items:flex-start!important;gap:14px!important;
}
footer.public-footer .footer-logo-lockup{
  display:block!important;width:280px!important;max-width:100%!important;
  height:auto!important;line-height:0!important;overflow:visible!important;
}
footer.public-footer .footer-logo-lockup img{
  display:block!important;width:100%!important;height:auto!important;
  max-height:none!important;object-fit:contain!important;object-position:left center!important;
}
footer.public-footer .footer-brand-col p{
  max-width:430px!important;margin:0!important;
  color:#91a5c5!important;font-size:15px!important;line-height:1.65!important;
}
footer.public-footer .footer-socials{
  display:flex!important;flex-direction:row!important;align-items:center!important;
  justify-content:flex-start!important;gap:10px!important;margin:2px 0 0!important;
}
footer.public-footer .footer-socials span{
  width:42px!important;height:42px!important;flex:0 0 42px!important;
  display:grid!important;place-items:center!important;
  border:1px solid #23375d!important;border-radius:12px!important;
  background:#101c35!important;color:#a8b8d3!important;
  font-size:16px!important;line-height:1!important;
}
footer.public-footer .footer-link-col{
  display:flex!important;flex-direction:column!important;
  align-items:flex-start!important;justify-content:flex-start!important;
  gap:13px!important;min-width:0!important;margin:8px 0 0!important;
}
footer.public-footer .footer-link-col[aria-label="Platform"]{grid-column:2!important;grid-row:1!important}
footer.public-footer .footer-link-col[aria-label="Help"]{grid-column:3!important;grid-row:1!important}
footer.public-footer .footer-link-col h3{
  margin:0 0 7px!important;color:#7185a6!important;
  font:800 13px/1.2 Manrope,Inter,sans-serif!important;letter-spacing:.08em!important;
}
footer.public-footer .footer-link-col a{
  display:block!important;margin:0!important;padding:0!important;
  color:#a6b5ce!important;font-size:15px!important;line-height:1.45!important;
  text-decoration:none!important;white-space:normal!important;
}
footer.public-footer .footer-link-col a:hover{color:#fff!important}
footer.public-footer .footer-bottom{
  grid-column:1/-1!important;grid-row:2!important;
  width:100%!important;min-width:0!important;
  display:flex!important;flex-direction:row!important;
  align-items:center!important;justify-content:space-between!important;
  flex-wrap:wrap!important;gap:10px 24px!important;
  margin:0!important;padding:18px 0 0!important;
  border-top:1px solid #172846!important;
  color:#7185a6!important;font-size:12px!important;line-height:1.5!important;
}
footer.public-footer .footer-bottom span{
  display:inline!important;color:#7185a6!important;
  font-size:12px!important;line-height:1.5!important;
}
footer.public-footer .footer-bottom a{color:#91a9d0!important;text-decoration:none!important}
@media(max-width:760px){
  footer.public-footer{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    padding:30px 22px 18px!important;column-gap:24px!important;row-gap:24px!important;
  }
  footer.public-footer .footer-brand-col{grid-column:1/-1!important;grid-row:1!important}
  footer.public-footer .footer-logo-lockup{width:230px!important}
  footer.public-footer .footer-link-col[aria-label="Platform"]{grid-column:1!important;grid-row:2!important}
  footer.public-footer .footer-link-col[aria-label="Help"]{grid-column:2!important;grid-row:2!important}
  footer.public-footer .footer-bottom{grid-column:1/-1!important;grid-row:3!important;align-items:flex-start!important;flex-direction:column!important}
}
@media(max-width:420px){
  footer.public-footer .footer-logo-lockup{width:205px!important}
  footer.public-footer .footer-brand-col p{font-size:13px!important}
  footer.public-footer .footer-socials span{width:38px!important;height:38px!important;flex-basis:38px!important}
}


/* v11: animated energy flow between each explainer stage (1 → 2 → 3 → 4 → 5). */
.how-visual-track .how-arrow{
  min-width:18px!important;
  min-height:370px!important;
  height:100%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  opacity:0!important;
  transition:opacity .55s ease!important;
  overflow:visible!important;
  z-index:5!important;
}
.how-visual-track .how-arrow.flow-link-in{opacity:1!important}
.how-visual-track .how-arrow span{
  display:block!important;
  position:relative!important;
  width:100%!important;
  height:3px!important;
  border:0!important;
  border-radius:99px!important;
  overflow:visible!important;
  background:linear-gradient(90deg,
    rgba(32,119,255,.18) 0%,
    #20baff 24%,
    #6d75ff 53%,
    #16e0e4 78%,
    rgba(26,192,255,.35) 100%)!important;
  background-size:220% 100%!important;
  background-position:100% 0!important;
  box-shadow:0 0 7px #258fff99,0 0 17px #2b8eff66!important;
}
.how-visual-track .how-arrow.flow-link-in span{
  animation:modAlphaFlowBeam 1.35s linear infinite!important;
}
.how-visual-track .how-arrow span:before{
  content:""!important;
  position:absolute!important;
  z-index:2!important;
  top:50%!important;left:-5px!important;
  width:9px!important;height:9px!important;
  border:0!important;border-radius:50%!important;
  transform:translateY(-50%)!important;
  background:radial-gradient(circle at 35% 35%,#fff 0%,#b9f8ff 22%,#19d9ff 60%,#367aff 100%)!important;
  box-shadow:0 0 7px 2px #1fe4ff,0 0 18px 5px #268fffaa!important;
  opacity:0!important;
}
.how-visual-track .how-arrow.flow-link-in span:before{
  opacity:1!important;
  animation:modAlphaFlowParticle 1.45s cubic-bezier(.35,.02,.62,.98) infinite!important;
}
.how-visual-track .how-arrow span:after{
  content:""!important;
  position:absolute!important;
  right:0!important;top:50%!important;
  width:9px!important;height:9px!important;
  border:0!important;
  border-top:2px solid #53dcff!important;
  border-right:2px solid #53dcff!important;
  border-radius:1px!important;
  transform:translateY(-50%) rotate(45deg)!important;
  filter:drop-shadow(0 0 5px #25baff)!important;
}
.how-visual-track .how-arrow.flow-link-in span:after{
  animation:modAlphaArrowGlow 1.35s ease-in-out infinite!important;
}
@keyframes modAlphaFlowBeam{
  0%{background-position:100% 0;filter:brightness(.82)}
  50%{filter:brightness(1.55)}
  100%{background-position:-120% 0;filter:brightness(.95)}
}
@keyframes modAlphaFlowParticle{
  0%{left:-5px;opacity:0;transform:translateY(-50%) scale(.65)}
  12%{opacity:1}
  78%{opacity:1}
  100%{left:calc(100% - 4px);opacity:0;transform:translateY(-50%) scale(1.15)}
}
@keyframes modAlphaArrowGlow{
  0%,100%{filter:drop-shadow(0 0 2px #25baff);opacity:.7}
  50%{filter:drop-shadow(0 0 8px #25e5ff);opacity:1}
}
/* Add a soft energy halo at each receiving stage so the stream feels connected. */
.how-visual-track .how-arrow.flow-link-in + .how-visual{
  animation:modAlphaReceivePulse 2.2s ease-in-out infinite!important;
}
@keyframes modAlphaReceivePulse{
  0%,100%{filter:drop-shadow(0 0 0 rgba(40,155,255,0))}
  50%{filter:drop-shadow(0 0 13px rgba(35,161,255,.17))}
}
@media(prefers-reduced-motion:reduce){
  .how-visual-track .how-arrow.flow-link-in span,
  .how-visual-track .how-arrow.flow-link-in span:before,
  .how-visual-track .how-arrow.flow-link-in span:after,
  .how-visual-track .how-arrow.flow-link-in + .how-visual{animation:none!important}
  .how-visual-track .how-arrow.flow-link-in span{background-position:50% 0!important}
  .how-visual-track .how-arrow.flow-link-in span:before{left:50%!important;opacity:1!important}
}

/* Keep enough horizontal room for the travelling energy stream at laptop widths. */
@media(min-width:901px) and (max-width:1200px){
  .how-visual-track{
    grid-template-columns:minmax(0,1fr) 34px minmax(0,1.15fr) 34px minmax(0,1fr) 34px minmax(0,1fr) 34px minmax(0,1fr)!important;
    gap:5px!important;
  }
  .how-visual-track .how-arrow{min-width:34px!important}
}


/* v12: use consistent pictogram SVGs matching the supplied How-it-works reference. */
.how-section .source-icon svg{width:25px;height:25px;display:block}
.how-section .ai-tag i svg{width:23px;height:23px;display:block;flex:0 0 23px}
.how-section .monthly-choice.best>i svg{width:26px;height:26px;display:block}
.how-section .notify-bell svg{width:27px;height:27px;display:block}
.how-section .notify-channels i svg{width:27px;height:27px;display:block}
.how-section .how-benefits i svg{width:27px;height:27px;display:block}
.how-section .source-icon,.how-section .notify-channels i,.how-section .how-benefits i{font-size:0}
.how-section .source-icon.nav{background:linear-gradient(145deg,#2d293c,#172640)}
.how-section .source-icon.volatility{background:linear-gradient(145deg,#3a3021,#172640)}
.how-section .source-icon.holidays{background:linear-gradient(145deg,#123e43,#172640)}
.how-section .source-icon.categories{background:linear-gradient(145deg,#302657,#172640)}
.how-section .ai-tag i{font-size:0}
.how-section .monthly-choice.best>i{font-size:0}
.how-section .notify-bell{font-size:0;display:grid;place-items:center}
.how-section .notify-channels i{font-size:0}
.how-section .how-benefits i{font-size:0}


/* v13: match icon tile AND pictogram scale to the supplied flowchart reference.
   Keep the complete icon treatment consistent across the five stages. */
.how-section .source-icon{
  width:52px!important;height:52px!important;flex:0 0 52px!important;
  border-radius:13px!important;
}
.how-section .source-icon svg{width:30px!important;height:30px!important}
.how-section .ai-tag{
  min-height:58px!important;min-width:126px!important;
  padding:11px 13px!important;gap:10px!important;border-radius:16px!important;
}
.how-section .ai-tag i{
  width:30px!important;height:30px!important;flex:0 0 30px!important;
  display:grid!important;place-items:center!important;
}
.how-section .ai-tag i svg{width:27px!important;height:27px!important;flex:0 0 27px!important}
.how-section .monthly-choice.best>i{
  width:32px!important;height:32px!important;flex:0 0 32px!important;
  display:grid!important;place-items:center!important;
}
.how-section .monthly-choice.best>i svg{width:30px!important;height:30px!important}
.how-section .notify-bell{
  width:62px!important;height:62px!important;border-radius:18px!important;
}
.how-section .notify-bell svg{width:34px!important;height:34px!important}
.how-section .notify-channels i{
  width:58px!important;height:58px!important;flex:0 0 58px!important;
  border-radius:15px!important;
}
.how-section .notify-channels i svg{width:31px!important;height:31px!important}
.how-section .how-benefits i{
  width:58px!important;height:58px!important;flex:0 0 58px!important;
}
.how-section .how-benefits i svg{width:32px!important;height:32px!important}
.how-section .step-num{
  width:40px!important;height:40px!important;flex:0 0 40px!important;
  font-size:15px!important;
}
@media(max-width:1200px){
  .how-section .source-icon{width:46px!important;height:46px!important;flex-basis:46px!important}
  .how-section .source-icon svg{width:27px!important;height:27px!important}
  .how-section .ai-tag{min-width:108px!important;min-height:52px!important;padding:8px 10px!important}
  .how-section .ai-tag i{width:26px!important;height:26px!important;flex-basis:26px!important}
  .how-section .ai-tag i svg{width:24px!important;height:24px!important;flex-basis:24px!important}
}
@media(max-width:900px){
  .how-section .source-icon{width:44px!important;height:44px!important;flex-basis:44px!important}
  .how-section .source-icon svg{width:25px!important;height:25px!important}
  .how-section .notify-channels i{width:48px!important;height:48px!important;flex-basis:48px!important}
  .how-section .notify-channels i svg{width:26px!important;height:26px!important}
  .how-section .how-benefits i{width:48px!important;height:48px!important;flex-basis:48px!important}
  .how-section .how-benefits i svg{width:27px!important;height:27px!important}
}


/* v14: dark-only site uses one high-contrast white/gold footer lockup.
   Remove the unused light-theme logo from the rendered footer entirely. */
footer.public-footer .footer-logo-lockup img.logo-lockup-light{display:none!important}
footer.public-footer .footer-logo-lockup img.logo-lockup-dark{display:block!important}
footer.public-footer .footer-logo-lockup{width:280px!important;max-width:100%!important}
footer.public-footer .footer-logo-lockup img.logo-lockup-dark{
  width:100%!important;height:auto!important;max-height:none!important;
  object-fit:contain!important;object-position:left center!important;
}


/* v15: always-visible curved energy streams between the five explainer stages.
   SVG paths are used instead of tiny CSS arrows so the flow remains visible
   at desktop widths and reads as one connected process like the reference. */
.how-visual-track{
  grid-template-columns:minmax(0,1fr) 58px minmax(0,1.25fr) 58px minmax(0,1fr) 58px minmax(0,1fr) 58px minmax(0,1fr)!important;
  column-gap:clamp(5px,.65vw,12px)!important;
}
.how-visual-track .how-arrow{
  display:flex!important;
  width:58px!important;min-width:58px!important;
  min-height:370px!important;height:100%!important;
  opacity:1!important;visibility:visible!important;
  align-items:center!important;justify-content:center!important;
  overflow:visible!important;z-index:6!important;
}
.flow-connector-svg{display:block;width:100%;height:110px;overflow:visible;filter:drop-shadow(0 0 7px rgba(24,190,255,.4))}
.flow-connector-svg path{fill:none;vector-effect:non-scaling-stroke}
.flow-path-glow{stroke:#168fff;stroke-width:9;opacity:.2;filter:blur(5px)}
.flow-path{stroke:#27caff;stroke-width:2.8;stroke-linecap:round;stroke-dasharray:9 8;animation:flowPathTravel 1.15s linear infinite}
.flow-arrow-head{stroke:#43dfff;stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 5px #21bfff);animation:flowHeadPulse 1.5s ease-in-out infinite}
@keyframes flowPathTravel{to{stroke-dashoffset:-34}}
@keyframes flowHeadPulse{0%,100%{opacity:.65}50%{opacity:1;filter:drop-shadow(0 0 9px #21eaff)}}
.how-visual-track .how-arrow span{display:none!important}
@media(min-width:901px) and (max-width:1200px){
 .how-visual-track{grid-template-columns:minmax(0,1fr) 42px minmax(0,1.15fr) 42px minmax(0,1fr) 42px minmax(0,1fr) 42px minmax(0,1fr)!important;column-gap:4px!important}
 .how-visual-track .how-arrow{width:42px!important;min-width:42px!important}
}
@media(max-width:900px) and (min-width:621px){
 .how-visual-track .how-arrow{min-height:300px!important}
}
@media(max-width:620px){
 .how-visual-track{display:flex!important;flex-direction:column!important;gap:8px!important}
 .how-visual-track .how-arrow{
   display:flex!important;width:100%!important;min-width:0!important;
   min-height:48px!important;height:48px!important;flex:0 0 48px!important;
   transform:rotate(90deg);margin:0 auto!important;max-width:78px!important;
 }
 .flow-connector-svg{height:100%;width:100%}
}
@media(prefers-reduced-motion:reduce){
 .flow-path,.flow-arrow-head{animation:none!important}
}


/* v16 — consistent page frame, section widths and readable typography.
   Desktop dimensions follow the supplied 1536px-wide Mod Alpha references.
   Individual pages keep their own component layouts but share one content grid
   and one typography scale so labels/cards don't look randomly compressed. */
:root{
  --ma-content-max:1450px;
  --ma-page-gutter:clamp(22px,3.2vw,52px);
  --ma-font-body:14px;
  --ma-font-small:12px;
  --ma-font-label:12px;
  --ma-font-caption:11px;
  --ma-font-heading:16px;
}
body{font-size:var(--ma-font-body)!important;line-height:1.55!important}
.main-area{max-width:none!important;margin:0!important;min-width:0!important;padding:28px var(--ma-page-gutter) 0!important}
.page-content{width:100%!important;max-width:var(--ma-content-max)!important;margin:0 auto!important;min-width:0}
.page-content>*{min-width:0}
.page-head{gap:24px!important;margin:4px 0 26px!important}
.main-area .page-head h1{font-size:clamp(27px,2.15vw,34px)!important;line-height:1.14!important;letter-spacing:-.04em!important}
.page-head p{font-size:14px!important;line-height:1.6!important;max-width:760px}
.page-head .eyebrow{font-size:10px!important}
.simple-public{width:100%!important;max-width:var(--ma-content-max)!important;margin:0 auto!important;padding:48px var(--ma-page-gutter)!important}
.public-page{width:100%;min-width:0}
.landing-hero{width:100%;max-width:var(--ma-content-max)!important;margin-inline:auto!important}
.how-section{width:100%;max-width:100%!important}
.how-canvas{max-width:var(--ma-content-max)!important}
.public-footer{width:100%;max-width:var(--ma-content-max);margin-inline:auto;padding:30px var(--ma-page-gutter)!important}
.workspace-footer{font-size:11px!important;line-height:1.55!important}

/* Navigation and page-level controls */
.sidebar{width:248px!important}
.nav-link{font-size:12px!important;line-height:1.35!important;padding:12px 13px!important}
.side-label{font-size:10px!important}
.side-brand .brand{font-size:18px!important}
.workspace-search input,.profile-menu,.upgrade-link{font-size:12px!important}
.topbar.public-topbar{font-size:13px}
.public-nav a,.login-outline{font-size:12px!important}
.topbar.public-topbar .top-cta{font-size:12px!important}
button,.primary-btn,.secondary-btn,.table-action{font-size:12px}

/* Consistent headings and explanatory copy */
.page-content h2,.page-content h3,.page-content h4{line-height:1.3}
.page-content .reference-panel h2,.page-content .glass-panel h2,
.page-content .panel-head h3,.page-content .ref-panel-head h2{font-size:16px!important;line-height:1.3!important}
.page-content .panel-head p,.page-content .reference-panel p,
.page-content .glass-panel .panel-subtitle{font-size:12px!important;line-height:1.55!important}
.page-content .muted,.page-content .settings-hint,
.page-content .settings-section>p{font-size:12px!important;line-height:1.6!important}
.page-content .demo-strip{font-size:12px!important;line-height:1.55!important}
.page-content .eyebrow,.page-content .small-eyebrow{font-size:10px!important}

/* Dashboard KPI and chart typography */
.kpi-top,.reference-kpi .ref-kpi-label,.admin-reference-kpis small{font-size:12px!important;line-height:1.4!important}
.kpi-foot,.reference-kpi .ref-kpi-label small,.admin-reference-kpis b em{font-size:11px!important;line-height:1.45!important}
.kpi-card>strong,.reference-kpi>strong{font-size:clamp(23px,1.8vw,29px)!important}
.reference-panel h2,.ref-panel-head>a{font-size:13px!important}
.chart-legend,.chart-axis,.period-pills button,.tiny-tag,.sample-pill,
.live-tag,.status-pill{font-size:11px!important}
.chart-disclaimer{font-size:10px!important}
.data-table{font-size:12px!important}
.data-table th{font-size:11px!important;padding:13px 12px!important}
.data-table td{font-size:12px!important;padding:14px 12px!important}
.data-table td small{font-size:10px!important}
.table-action{font-size:11px!important}

/* Fund explorer and fund details */
.fund-card{padding:18px!important}
.fund-card h3{font-size:14px!important;line-height:1.4!important}
.fund-card>p,.fund-tags span,.risk-chip{font-size:11px!important}
.fund-return-row small{font-size:10px!important}
.fund-return-row b{font-size:18px!important}
.fund-return-row{padding-top:12px}
.fund-avatar{width:34px!important;height:34px!important;font-size:13px}

/* Pricing, profile/settings and AI workspace */
.subscription-page-head{padding:26px 28px!important}
.subscription-page-head h2{font-size:28px!important}
.subscription-page-head p{font-size:13px!important;line-height:1.55!important}
.billing-toggle button{font-size:12px!important}
.billing-toggle button span{font-size:10px!important}
.plan-name-row h3{font-size:19px!important}
.plan-name-row small,.plan-description,.plan-tagline{font-size:11px!important}
.plan-price strong{font-size:32px!important}
.plan-price span{font-size:12px!important}
.plan-features,.plan-features li,.subscription-plan-card p{font-size:12px!important;line-height:1.6!important}
.popular-ribbon{font-size:10px!important}
.settings-layout{grid-template-columns:205px minmax(0,1fr)!important;gap:20px!important}
.settings-tabs button{font-size:12px!important;height:42px!important}
.settings-content{padding:26px 28px!important}
.settings-section h3{font-size:16px!important}
.settings-form-grid label,.settings-form-grid input,.settings-form-grid select,
.settings-form-grid textarea,.profile-info-main,.settings-toggle-row{font-size:12px!important}
.profile-info-main b{font-size:15px!important}
.profile-info-main>span{font-size:11px!important}
.ai-workspace{grid-template-columns:260px minmax(0,1fr)!important}
.ai-side-head b{font-size:14px!important}
.ai-side-head small,.ai-side-label{font-size:10px!important}
.ai-new-chat,.ai-suggestion{font-size:12px!important}
.ai-chat-header h3{font-size:16px!important}
.ai-chat-header p,.ai-message,.ai-chat-composer textarea{font-size:13px!important;line-height:1.6!important}
.ai-chat-composer button{font-size:12px!important}

/* Inputs and form controls should have the same readable scale on every page. */
.field-label,.field input,.form-panel input,.form-panel select,.form-panel textarea,
.support-panel input,.support-panel select,.support-panel textarea,
.filter-row select,.admin-filterbar input,.admin-filterbar select,.search-wrap input,
.settings-form-grid input,.settings-form-grid select{font-size:13px!important}
.field-label small{font-size:11px!important}
.primary-btn,.secondary-btn{font-size:12px!important;padding:12px 18px!important}

/* Consistent section/card rhythm without stretching individual components. */
.page-content .glass-panel,.page-content .reference-panel{border-radius:14px!important}
.page-content .dashboard-grid,.page-content .overview-primary-grid,
.page-content .overview-bottom-grid,.page-content .admin-chart-grid,
.page-content .admin-ops-grid{gap:16px!important}
.page-content .reference-kpis,.page-content .admin-reference-kpis{gap:16px!important}
.page-content .kpi-card{padding:19px 20px!important}
.page-content .reference-panel,.page-content .glass-panel{padding:19px!important}

/* Tablet and mobile retain the same type hierarchy while using fluid gutters. */
@media(max-width:1200px){
 .page-content{max-width:100%!important}
 .simple-public{max-width:100%!important}
 .settings-layout{grid-template-columns:190px minmax(0,1fr)!important}
 .ai-workspace{grid-template-columns:220px minmax(0,1fr)!important}
}
@media(max-width:900px){
 .main-area{padding:18px 20px 0!important}
 .page-content{max-width:100%!important}
 .simple-public{padding:34px 22px!important}
 .page-head{align-items:flex-start!important;flex-direction:column!important}
 .page-head h1,.main-area .page-head h1{font-size:28px!important}
 .page-head p{font-size:13px!important}
 .settings-layout,.ai-workspace{grid-template-columns:1fr!important}
 .settings-content{padding:20px!important}
}
@media(max-width:600px){
 .main-area{padding:14px 14px 0!important}
 .simple-public{padding:28px 16px!important}
 .page-head h1,.main-area .page-head h1{font-size:25px!important}
 .page-head p{font-size:12px!important}
 .page-content .glass-panel,.page-content .reference-panel{padding:15px!important}
 .page-content .reference-kpis,.page-content .admin-reference-kpis{gap:9px!important}
 .kpi-top,.reference-kpi .ref-kpi-label{font-size:11px!important}
 .data-table{font-size:11px!important}
 .settings-content{padding:16px!important}
 .public-footer{padding:22px 16px!important}
}


/* v17 — definitive public footer rebuild.
   Explicit inner wrapper separates the three content columns from the legal row;
   avoids the prior grid auto-placement/inline wrapping that collapsed footer text. */
footer.public-footer{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;   /* no gap: each page section ends with its own padding */
  padding:0!important;
  position:relative!important;
  inset:auto!important;
  border:0!important;
  border-top:1px solid #1a3156!important;
  border-radius:0!important;
  background:linear-gradient(180deg,rgba(5,13,29,.35),rgba(3,10,23,.88))!important;
  color:#91a5c5!important;
  font-size:14px!important;
  line-height:1.55!important;
  overflow:visible!important;
}
.public-footer-inner{
  width:min(100%,1450px)!important;
  margin:0 auto!important;
  padding:38px clamp(22px,3.2vw,52px) 22px!important;
  box-sizing:border-box!important;
}
.footer-main-grid{
  display:grid!important;
  grid-template-columns:minmax(0,1.65fr) minmax(150px,.55fr) minmax(170px,.65fr)!important;
  align-items:start!important;
  column-gap:clamp(40px,7vw,120px)!important;
  row-gap:28px!important;
  width:100%!important;
}
footer.public-footer .footer-brand-col{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:15px!important;
  min-width:0!important;
  max-width:560px!important;
  margin:0!important;
}
footer.public-footer .footer-brand-logo{
  display:block!important;
  width:250px!important;
  max-width:100%!important;
  height:auto!important;
  max-height:none!important;
  object-fit:contain!important;
  object-position:left center!important;
  flex:none!important;
  margin:0!important;
}
footer.public-footer .footer-brand-col p{
  max-width:470px!important;
  margin:0!important;
  color:#91a5c5!important;
  font-size:14px!important;
  line-height:1.65!important;
}
footer.public-footer .footer-socials{
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:flex-start!important;
  flex-wrap:wrap!important;
  gap:10px!important;
  margin:2px 0 0!important;
}
footer.public-footer .footer-socials span{
  display:grid!important;
  place-items:center!important;
  box-sizing:border-box!important;
  width:42px!important;
  height:42px!important;
  flex:0 0 42px!important;
  margin:0!important;
  border:1px solid #23375d!important;
  border-radius:12px!important;
  background:#101c35!important;
  color:#a8b8d3!important;
  font-size:16px!important;
  line-height:1!important;
}
footer.public-footer .footer-link-col{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  gap:13px!important;
  min-width:0!important;
  margin:8px 0 0!important;
  padding:0!important;
}
footer.public-footer .footer-link-col h3{
  margin:0 0 7px!important;
  color:#7185a6!important;
  font:800 13px/1.2 Manrope,Inter,sans-serif!important;
  letter-spacing:.08em!important;
}
footer.public-footer .footer-link-col a{
  display:block!important;
  width:auto!important;
  margin:0!important;
  padding:0!important;
  color:#a6b5ce!important;
  font-size:15px!important;
  line-height:1.45!important;
  white-space:normal!important;
  text-decoration:none!important;
}
footer.public-footer .footer-link-col a:hover{color:#fff!important}
footer.public-footer .footer-bottom{
  display:grid!important;
  grid-template-columns:minmax(190px,1fr) minmax(280px,1.7fr) auto!important;
  align-items:center!important;
  justify-content:initial!important;
  gap:14px 28px!important;
  width:100%!important;
  margin:34px 0 0!important;
  padding:18px 0 0!important;
  border-top:1px solid #172846!important;
  color:#7185a6!important;
  font-size:11px!important;
  line-height:1.5!important;
}
footer.public-footer .footer-bottom>span{
  display:block!important;
  min-width:0!important;
  margin:0!important;
  color:#7185a6!important;
  font-size:11px!important;
  line-height:1.5!important;
  white-space:normal!important;
}
footer.public-footer .footer-disclaimer{text-align:center!important}
footer.public-footer .footer-legal-links{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:9px!important;
  white-space:nowrap!important;
}
footer.public-footer .footer-legal-links i{font-style:normal;color:#526987}
footer.public-footer .footer-bottom a{color:#91a9d0!important;text-decoration:none!important}
@media(max-width:850px){
  .public-footer-inner{padding:32px 24px 20px!important}
  .footer-main-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;column-gap:34px!important}
  footer.public-footer .footer-brand-col{grid-column:1/-1!important;grid-row:1!important}
  footer.public-footer .footer-link-col[aria-label="Platform"]{grid-column:1!important;grid-row:2!important}
  footer.public-footer .footer-link-col[aria-label="Help"]{grid-column:2!important;grid-row:2!important}
  footer.public-footer .footer-bottom{grid-template-columns:1fr auto!important}
  footer.public-footer .footer-disclaimer{grid-column:1/-1!important;grid-row:2!important;text-align:left!important}
  footer.public-footer .footer-legal-links{grid-column:2!important;grid-row:1!important}
}
@media(max-width:520px){
  .public-footer-inner{padding:28px 18px 18px!important}
  footer.public-footer .footer-brand-logo{width:205px!important}
  footer.public-footer .footer-brand-col p{font-size:13px!important}
  footer.public-footer .footer-socials span{width:38px!important;height:38px!important;flex-basis:38px!important}
  footer.public-footer .footer-bottom{grid-template-columns:1fr!important;gap:9px!important;margin-top:25px!important}
  footer.public-footer .footer-bottom>span,
  footer.public-footer .footer-disclaimer,
  footer.public-footer .footer-legal-links{grid-column:1!important;grid-row:auto!important;text-align:left!important;justify-content:flex-start!important}
}


/* Match the approved footer reference: text wordmark, not the tall corporate
   lockup image. The corporate logo remains in the site header/brand identity. */
footer.public-footer .footer-brand-name{
  display:block!important;
  margin:0!important;
  color:#eef3ff!important;
  font:800 22px/1.2 Manrope,Inter,sans-serif!important;
  letter-spacing:-.65px!important;
}


/* v18 — wider, balanced finance-site page frame.
   Keep a consistent small gutter on both sides and let content use the
   available viewport instead of leaving oversized desktop side margins. */
:root{
  --ma-content-max:1800px;
  --ma-page-gutter:clamp(16px,1.55vw,28px);
}
.topbar,
.topbar.public-topbar{
  padding-left:clamp(18px,2.2vw,38px)!important;
  padding-right:clamp(18px,2.2vw,38px)!important;
}
.main-area{
  width:100%!important;
  padding-left:var(--ma-page-gutter)!important;
  padding-right:var(--ma-page-gutter)!important;
}
.page-content{
  width:100%!important;
  max-width:min(var(--ma-content-max),100%)!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.simple-public,
.landing-hero,
.how-canvas,
.public-metrics,
.public-features,
.public-pricing,
.public-faq,
.public-disclosure,
.public-footer{
  width:calc(100% - var(--ma-page-gutter) - var(--ma-page-gutter))!important;
  max-width:var(--ma-content-max)!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.simple-public{
  padding-left:0!important;
  padding-right:0!important;
}
.landing-hero{
  padding-left:clamp(18px,2vw,34px)!important;
  padding-right:clamp(18px,2vw,34px)!important;
}
.public-metrics{
  padding-left:clamp(18px,2vw,34px)!important;
  padding-right:clamp(18px,2vw,34px)!important;
}
.public-features,
.public-pricing{
  padding-left:clamp(18px,2vw,34px)!important;
  padding-right:clamp(18px,2vw,34px)!important;
}
.how-section{
  padding-left:clamp(16px,1.55vw,28px)!important;
  padding-right:clamp(16px,1.55vw,28px)!important;
}
.public-footer{
  padding-left:clamp(18px,2vw,34px)!important;
  padding-right:clamp(18px,2vw,34px)!important;
}
@media(max-width:900px){
  :root{--ma-page-gutter:18px}
  .topbar,.topbar.public-topbar{padding-left:18px!important;padding-right:18px!important}
  .landing-hero,.public-metrics,.public-features,.public-pricing,.public-footer{
    padding-left:18px!important;padding-right:18px!important
  }
}
@media(max-width:600px){
  :root{--ma-page-gutter:14px}
  .topbar,.topbar.public-topbar{padding-left:14px!important;padding-right:14px!important}
  .simple-public,.landing-hero,.how-canvas,.public-metrics,.public-features,
  .public-pricing,.public-faq,.public-disclosure,.public-footer{
    width:calc(100% - 28px)!important
  }
  .landing-hero,.public-metrics,.public-features,.public-pricing,.public-footer{
    padding-left:14px!important;padding-right:14px!important
  }
}


/* v19 — fluid typography and zoom-aware responsive density.
   Browser zoom naturally changes the CSS viewport. These fluid type scales
   keep text readable while existing breakpoints reflow the grids/sidebar. */
:root{
  --ma-font-body:clamp(14px,0.82vw,16px);
  --ma-font-small:clamp(12px,0.68vw,14px);
  --ma-font-label:clamp(12px,0.7vw,14px);
  --ma-font-caption:clamp(11px,0.62vw,12px);
  --ma-font-heading:clamp(17px,0.98vw,20px);
}
body{
  font-size:var(--ma-font-body)!important;
  line-height:1.58!important;
}
.page-content{
  font-size:var(--ma-font-body)!important;
}
.main-area .page-head h1{
  font-size:clamp(30px,2.15vw,40px)!important;
  line-height:1.16!important;
}
.page-head p,
.page-content .panel-head p,
.page-content .reference-panel p,
.page-content .glass-panel .panel-subtitle{
  font-size:clamp(13px,.78vw,15px)!important;
  line-height:1.6!important;
}
.page-content h2,
.page-content .reference-panel h2,
.page-content .glass-panel h2{
  font-size:clamp(18px,1.02vw,21px)!important;
  line-height:1.3!important;
}
.page-content h3,
.page-content .panel-head h3,
.page-content .ref-panel-head h2{
  font-size:clamp(15px,.88vw,18px)!important;
  line-height:1.35!important;
}
.page-content .muted,
.page-content .settings-hint,
.page-content .settings-section>p,
.page-content .demo-strip{
  font-size:clamp(12px,.72vw,14px)!important;
  line-height:1.6!important;
}
.page-content .eyebrow,
.page-content .small-eyebrow,
.page-head .eyebrow{
  font-size:clamp(11px,.64vw,12px)!important;
  letter-spacing:.08em;
}
.sidebar .nav-link,
.workspace-topbar,
.workspace-search input,
.profile-menu,
.upgrade-link,
.public-nav a,
.login-outline{
  font-size:clamp(13px,.76vw,15px)!important;
}
button,.primary-btn,.secondary-btn,.table-action,
.page-content input,.page-content select,.page-content textarea{
  font-size:clamp(13px,.76vw,15px)!important;
}
.kpi-top,
.reference-kpi .ref-kpi-label,
.admin-reference-kpis small,
.chart-legend,.chart-axis,.period-pills button,
.tiny-tag,.sample-pill,.live-tag,.status-pill{
  font-size:clamp(12px,.7vw,14px)!important;
}
.kpi-foot,
.reference-kpi .ref-kpi-label small,
.admin-reference-kpis b em,
.data-table td small{
  font-size:clamp(11px,.64vw,13px)!important;
}
.kpi-card>strong,
.reference-kpi>strong{
  font-size:clamp(25px,1.9vw,34px)!important;
}
.data-table{font-size:clamp(13px,.76vw,15px)!important}
.data-table th{font-size:clamp(12px,.7vw,14px)!important}
.data-table td{font-size:clamp(13px,.76vw,15px)!important}
.settings-tabs button,
.settings-form-grid label,
.settings-form-grid input,
.settings-form-grid select,
.settings-toggle-row b,
.settings-toggle-row small{
  font-size:clamp(12px,.7vw,14px)!important;
}
.subscription-page-head h2{font-size:clamp(27px,1.6vw,32px)!important}
.billing-toggle button{font-size:clamp(12px,.7vw,14px)!important}
.ai-suggestion,.ai-history-item,.message-bubble,
.ai-message.assistant .message-content,
.ai-chat-composer textarea{
  font-size:clamp(12px,.72vw,14px)!important;
}
.ai-chat-header b,.ai-welcome-message h2{font-size:clamp(14px,.86vw,18px)!important}
.ai-chat-header small,.ai-side-disclaimer{font-size:clamp(11px,.62vw,12px)!important}

/* Larger screens: spend some of the available canvas on readable content,
   not just bigger blank gaps. */
@media(min-width:1600px){
  .page-content .reference-panel,
  .page-content .glass-panel{padding:24px!important}
  .page-content .page-head{margin-bottom:30px!important}
  .feature-card{padding:26px!important}
}

/* Zoomed-in / compact desktop viewport: keep type comfortably readable and
   let multi-column regions collapse before controls become cramped. */
@media(max-width:1200px) and (min-width:901px){
  body{font-size:15px!important}
  .main-area .page-head h1{font-size:32px!important}
  .overview-primary-grid,.admin-chart-grid{grid-template-columns:minmax(0,1fr)!important}
  .reference-kpis,.admin-reference-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:900px){
  body{font-size:15px!important}
  .main-area .page-head h1{font-size:clamp(27px,4vw,34px)!important}
  .page-head p{font-size:14px!important}
}
@media(max-width:600px){
  body{font-size:14px!important}
  .main-area .page-head h1{font-size:27px!important}
  .page-content h2{font-size:19px!important}
  .page-content h3{font-size:16px!important}
}


/* v20 — fix fixed-sidebar workspace overlap.
   The sidebar is fixed to the viewport. The main workspace must reserve the
   same exact width; otherwise its left edge and topbar render underneath it. */
:root{
  --ma-sidebar-width:248px;
  --ma-workspace-gutter:clamp(16px,1.25vw,26px);
}
html,body,#app{
  width:100%;
  max-width:100%;
  overflow-x:hidden!important;
}
.app-shell{
  display:block!important;
  position:relative!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  min-height:var(--vh100,100vh)!important;
  overflow-x:clip!important;
}
.sidebar{
  position:fixed!important;
  left:0!important;
  top:0!important;
  bottom:0!important;
  width:var(--ma-sidebar-width)!important;
  min-width:var(--ma-sidebar-width)!important;
  max-width:var(--ma-sidebar-width)!important;
  height:var(--vh100,100vh)!important;
  box-sizing:border-box!important;
  z-index:30!important;
}
.main-area{
  display:block!important;
  position:relative!important;
  width:calc(100% - var(--ma-sidebar-width))!important;
  max-width:none!important;
  min-width:0!important;
  margin:0 0 0 var(--ma-sidebar-width)!important;
  padding:0 var(--ma-workspace-gutter) 28px!important;
  box-sizing:border-box!important;
  overflow-x:clip!important;
}
.workspace-topbar{
  width:calc(100% + 2 * var(--ma-workspace-gutter))!important;
  max-width:none!important;
  box-sizing:border-box!important;
  margin:0 calc(-1 * var(--ma-workspace-gutter)) 22px!important;
  padding:0 var(--ma-workspace-gutter)!important;
  min-width:0!important;
}
.page-content{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin:0!important;
  box-sizing:border-box!important;
}
.page-content>*,
.page-content section,
.page-content article{
  min-width:0;
  box-sizing:border-box;
}
.overview-primary-grid,
.overview-bottom-grid,
.admin-chart-grid,
.admin-ops-grid,
.admin-lower-grid{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
}
.overview-primary-grid{
  grid-template-columns:minmax(0,1.17fr) minmax(0,1fr)!important;
}
.overview-bottom-grid{
  grid-template-columns:minmax(0,1.12fr) minmax(0,1fr) minmax(0,.86fr)!important;
}
.calendar-and-date{
  grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)!important;
}
.reference-panel,.glass-panel{min-width:0!important;max-width:100%!important}
.workspace-search{min-width:0!important}
.workspace-actions{min-width:0!important}
@media(max-width:1100px) and (min-width:901px){
  .overview-bottom-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}
  .overview-bottom-grid>*:last-child{grid-column:1/-1}
  .overview-primary-grid{grid-template-columns:minmax(0,1fr)!important}
}
@media(max-width:900px){
  .sidebar{
    position:relative!important;
    left:auto!important;top:auto!important;bottom:auto!important;
    width:100%!important;min-width:0!important;max-width:none!important;
    height:auto!important;min-height:0!important;
  }
  .app-shell{display:block!important;overflow-x:hidden!important}
  .main-area{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    margin:0!important;
    padding:0 18px 24px!important;
  }
  .workspace-topbar{
    width:calc(100% + 36px)!important;
    margin:0 -18px 20px!important;
    padding:0 18px!important;
  }
  .page-content{width:100%!important;max-width:none!important}
}
@media(max-width:600px){
  .main-area{padding:0 14px 20px!important}
  .workspace-topbar{
    width:calc(100% + 28px)!important;
    margin:0 -14px 16px!important;
    padding:0 14px!important;
  }
  .overview-primary-grid,
  .overview-bottom-grid,
  .admin-chart-grid,
  .admin-ops-grid,
  .admin-lower-grid,
  .calendar-and-date{
    grid-template-columns:minmax(0,1fr)!important;
  }
  .overview-bottom-grid>*:last-child{grid-column:auto}
}


/* v21 — pixel-matched Mod Alpha reference screens */
:root{--ma-navy:#030d20;--ma-panel:#061a33;--ma-panel2:#071f3d;--ma-border:#103b68;--ma-cyan:#18c8f5;--ma-blue:#268dff;--ma-violet:#7b35f5;--ma-pink:#d63be9;--ma-green:#13e3a5}
html,body{font-family:Inter,Manrope,system-ui,-apple-system,"Segoe UI",sans-serif!important}
.main-area{min-width:0}
.page-content{width:100%;max-width:none!important;padding:22px clamp(14px,1.15vw,26px) 30px!important}
.workspace-topbar{padding-left:clamp(14px,1.2vw,26px)!important;padding-right:clamp(14px,1.2vw,26px)!important}
.page-head{margin-bottom:18px}
.page-head h1,.ma-page-title h1{font-size:clamp(24px,1.65vw,34px)!important;line-height:1.12!important;letter-spacing:-.7px!important;font-weight:800!important}
.page-head p,.ma-page-title p{font-size:clamp(13px,.95vw,17px)!important;line-height:1.45!important}
.glass-panel,.reference-panel,.ma-chart-card,.ma-input-card{background:linear-gradient(145deg,#071c36 0%,#04152b 100%)!important;border:1px solid #123d6c!important;border-radius:13px!important;box-shadow:0 8px 22px rgba(0,0,0,.2)!important}
.positive{color:#10e2a1!important}
.primary-btn,.ma-primary-btn{background:linear-gradient(105deg,#268dff,#8a32f5)!important;color:white!important;border:0!important;border-radius:10px!important;box-shadow:0 7px 24px #3b64ff44!important;font-weight:800!important}
.secondary-btn{border:1px solid #1762a7!important;background:#071a33!important;color:#dceaff!important;border-radius:10px!important}
.ma-page-title{margin:0 0 17px}
.ma-page-title h1{margin:0 0 6px;color:#f4f7ff}
.ma-page-title p{margin:0;color:#a9bedb}
.ma-chart-card{position:relative;padding:17px 18px 14px;min-width:0}
.ma-chart-card h2{font-size:clamp(16px,1.08vw,22px);font-weight:800;margin:0;color:#f0f5ff}
.ma-gridline{stroke:#15385c;stroke-width:1;opacity:.75}
.ma-gridline.vertical{opacity:.48}
.ma-detail-chart,.ma-journey,.ma-sip-chart{width:100%;height:clamp(185px,18vw,290px);display:block;overflow:visible}
.ma-chart-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.ma-periods{display:flex;gap:7px;align-items:center}
.ma-periods button,.ma-choice-row button,.ma-pagination button{border:1px solid #174a7d;background:#071a33;color:#b7cbe5;border-radius:8px;padding:8px 13px;font-weight:700;font-size:12px;cursor:pointer}
.ma-periods button.active,.ma-choice-row button.active,.ma-pagination button.active{background:linear-gradient(120deg,#197df4,#7b39f4);border-color:#567dff;color:white;box-shadow:0 0 15px #4e61ff55}
.ma-fund-detail-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 15px;padding:0 2px}
.ma-detail-title{display:flex;align-items:center;gap:16px;min-width:0}
.ma-detail-avatar{width:56px;height:56px;flex:0 0 56px;border-radius:50%;display:grid;place-items:center;background:#ed2432;color:white;font-size:28px;font-weight:800;box-shadow:0 0 18px #ed243255}
.ma-detail-title h1{font-size:clamp(21px,1.55vw,30px);line-height:1.2;margin:0 0 7px;font-weight:800;color:#f4f7ff}
.ma-tags{display:flex;gap:8px;flex-wrap:wrap}
.ma-tags span{background:#0b2e5c;border:1px solid #1a4e8b;color:#d5e7ff;border-radius:8px;padding:5px 12px;font-size:12px;font-weight:700}
.ma-watch-btn,.ma-view-btn{border:1px solid #0878cb;background:#04152b;color:#eaf5ff;border-radius:11px;padding:12px 18px;font-size:14px;font-weight:800;white-space:nowrap;cursor:pointer}
.ma-tabs{display:flex;gap:0;width:min(100%,850px);margin-bottom:12px;background:#061a34;border:1px solid #103d6c;border-radius:10px;overflow:hidden}
.ma-tabs button{flex:1;min-width:0;padding:12px 9px;border:0;border-right:1px solid #102f52;background:transparent;color:#a9bfdb;font-size:13px;font-weight:700;cursor:pointer}
.ma-tabs button.active{background:linear-gradient(110deg,#0c3e9e,#152e6d);color:#fff;box-shadow:inset 0 -3px #693cff}
.ma-metric-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin-bottom:13px}
.ma-metric-strip article,.ma-investment-summary article{background:linear-gradient(145deg,#071d39,#05152b);border:1px solid #103a66;border-radius:12px;padding:15px 12px;text-align:center;min-width:0}
.ma-metric-strip b{display:block;color:#13e3a5;font-size:clamp(20px,1.45vw,29px);line-height:1.1;font-weight:850;margin-bottom:7px}
.ma-metric-strip small,.ma-investment-summary small{font-size:13px;color:#c4d3e8;font-weight:600}
.ma-chart-card{margin-bottom:12px}
.ma-chart-tooltip{position:absolute;right:6%;top:23%;padding:9px 13px;border:1px solid #15528a;background:#061a33;border-radius:10px;box-shadow:0 7px 20px #0005;display:grid;gap:3px}
.ma-chart-tooltip small{color:#9fb7d4;font-size:11px}
.ma-chart-tooltip b{font-size:18px;color:#f4f7ff}
.ma-chart-tooltip strong{color:#10e2a1;font-size:18px}
.ma-chart-years{display:flex;justify-content:space-around;color:#9cb4d2;font-size:12px;margin:2px 2% 0}
.ma-investment-summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}
.ma-investment-summary b{display:block;color:#bd9bff;font-size:clamp(17px,1.3vw,25px);font-weight:850;margin-bottom:8px}
.ma-investment-summary article:nth-child(3) b,.ma-investment-summary article:nth-child(4) b{color:#12e2a3}
.ma-fund-tab-content .ma-chart-card{min-height:320px}
.ma-explore-tools{display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:12px;margin:17px 0 13px}
.ma-search{display:flex;align-items:center;gap:12px;border:1px solid #12406f;background:#061a33;border-radius:10px;padding:0 14px;min-height:48px;color:#a8c1df}
.ma-search span{font-size:25px}.ma-search input{background:transparent;border:0;outline:0;color:#eaf4ff;width:100%;font-size:14px}.ma-search button{background:none;border:0;color:#7390b3;font-size:22px;cursor:pointer}
.ma-explore-tools select{border:1px solid #12406f;background:#061a33;color:#e3efff;border-radius:10px;padding:0 13px;font-size:13px}
.ma-category-chips{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 18px}
.ma-category-chips button{background:#071a33;border:1px solid #174777;border-radius:8px;color:#b8cbe3;padding:9px 14px;font-size:12px;font-weight:750;cursor:pointer}
.ma-category-chips button.active{background:linear-gradient(110deg,#087de8,#143fa5);border-color:#1b91ff;color:white;box-shadow:0 0 12px #1c84ff55}
.ma-sort-label{font-size:14px;font-weight:800;color:#e6f1ff;margin:0 0 8px}
.ma-fund-list{display:grid;gap:7px}
.ma-fund-row{display:grid;grid-template-columns:minmax(220px,1.6fr) minmax(100px,.7fr) minmax(90px,.55fr) 105px;align-items:center;gap:17px;padding:11px 14px;background:linear-gradient(105deg,#061a33,#071d39);border:1px solid #103c6b;border-radius:11px;min-height:70px}
.ma-fund-identity{display:flex;align-items:center;gap:13px;min-width:0}
.ma-fund-identity>div{min-width:0}.ma-fund-identity b{display:block;color:#f0f5ff;font-size:14px;line-height:1.25;margin-bottom:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ma-fund-icon{width:34px;height:34px;flex:0 0 34px;border-radius:50%;display:grid;place-items:center;background:var(--fund-color);color:#fff;font-size:17px;box-shadow:0 0 12px color-mix(in srgb,var(--fund-color),transparent 55%)}
.ma-fund-spark{height:40px;min-width:0}.ma-mini-chart{width:100%;height:40px;display:block}
.ma-fund-return b{display:block;color:#12e2a3;font-size:24px;line-height:1.05;font-weight:850}.ma-fund-return small{color:#b3c7e1;font-size:12px}
.ma-view-btn{padding:10px 13px;background:#09275a;border-color:#1557a3}
.ma-pagination{display:flex;justify-content:center;gap:8px;margin:16px 0}
.ma-pagination button{min-width:32px;padding:7px 10px}.ma-pagination button:disabled{opacity:.5}
.ma-data-note{font-size:11px;color:#829cbd;margin:8px 0}
.ma-input-duo,.ma-sip-inputs{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}
.ma-input-card{padding:15px 17px}
.ma-input-card label{display:grid;gap:8px;color:#c5d8ef;font-size:14px;font-weight:700}
.ma-input-card input{height:43px;background:#04152b;border:1px solid #174777;border-radius:9px;padding:0 14px;color:#f4f8ff;font-size:15px;font-weight:650;width:100%;color-scheme:dark}
.ma-choice-row{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}
.ma-choice-row button{padding:8px 13px}
.ma-whatif-results{display:grid;grid-template-columns:1.2fr .85fr;gap:12px;margin-bottom:12px}
.ma-journey-chart{position:relative;margin-top:12px}
.ma-journey{height:220px}
.journey-tip{top:0;right:0}
.ma-results-card{padding:17px}
.ma-result-line{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 2px;border-bottom:1px solid #143657;color:#c1d3e8;font-size:14px}
.ma-result-line:last-child{border-bottom:0}
.ma-result-line b{font-size:19px;color:#f3f7ff;text-align:right}
.ma-result-line b.positive{color:#10e2a1}
.ma-ai-insight{display:flex;align-items:center;gap:15px;padding:15px 18px;border:1px solid #4b2b9b;border-radius:13px;background:linear-gradient(100deg,#141446,#101c43);margin:12px 0}
.ma-ai-icon{width:56px;height:56px;flex:0 0 56px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(135deg,#7545ff,#168cff);color:#fff;font-size:30px;box-shadow:0 0 20px #674cff55}
.ma-ai-insight b{font-size:14px;color:#d8caff}.ma-ai-insight p{margin:4px 0 0;color:#d0dcf0;font-size:14px;line-height:1.45}
.ma-calculator-action{display:flex;justify-content:flex-end;margin:10px 0}
.ma-primary-btn{padding:13px 24px;min-width:210px;font-size:14px;cursor:pointer}
.ma-sip-inputs{grid-template-columns:1fr 1fr 1fr}
.ma-sip-results{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(260px,.75fr);gap:12px}
.ma-legend{display:flex;gap:15px;flex-wrap:wrap;color:#b9cde7;font-size:11px}
.ma-legend span{display:flex;align-items:center;gap:6px}
.ma-legend i{width:9px;height:9px;border-radius:50%;display:inline-block}.ma-legend i.cyan{background:#18c8f5}.ma-legend i.pink{background:#d63be9}
.ma-dual-chart{position:relative;height:245px;margin-top:10px}.ma-dual-chart svg{position:absolute;inset:0}.ma-dual-chart .ma-sip-overlay{mix-blend-mode:screen}
.ma-final-results{padding:18px}
.ma-final-results .ma-result-line{padding:15px 0}
.ma-final-results .ma-result-line b{font-size:20px}
.reference-kpis{gap:12px!important;margin-bottom:15px!important}
.reference-kpi{min-height:120px!important;padding:16px!important;border-radius:13px!important}
.reference-kpi strong{font-size:clamp(23px,1.8vw,34px)!important}
.overview-primary-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)!important;gap:14px!important}
.overview-bottom-grid{grid-template-columns:minmax(0,1.08fr) minmax(0,1fr) minmax(0,.85fr)!important;gap:14px!important}
.reference-panel{padding:18px!important}
.ref-panel-head h2{font-size:clamp(16px,1.1vw,21px)!important}
.ref-panel-head p{font-size:13px!important}
.calendar-and-date{gap:10px!important}
.calendar,.date-recommendation{border-radius:12px!important}
.cal-day{font-size:13px!important;min-height:34px!important}
.date-recommendation h3{font-size:21px!important}
.chart-legend{font-size:12px!important}
.chart-disclaimer{font-size:10px!important}
.how-section{padding:48px 2.2% 54px!important}
.how-heading h2{font-size:clamp(36px,3.4vw,60px)!important}
.how-heading p{font-size:clamp(15px,1.1vw,20px)!important}
.how-stage-headings{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:clamp(12px,1.4vw,30px)!important}
.step-num{width:48px!important;height:48px!important;flex:0 0 48px!important;font-size:17px!important}
.how-stage-title{gap:14px!important}
.how-stage-title h3{font-size:clamp(14px,1vw,19px)!important}
.how-stage-title p{font-size:clamp(11px,.8vw,14px)!important}
.how-visual-track{grid-template-columns:minmax(0,1fr) 54px minmax(0,1.25fr) 54px minmax(0,1fr) 54px minmax(0,1fr) 54px minmax(0,1fr)!important;gap:8px!important;min-height:420px!important}
.how-visual-track .how-arrow{min-width:54px!important;min-height:280px!important;opacity:1!important}
.how-visual-track .how-arrow svg{width:100%!important;height:90px!important;display:block!important;overflow:visible!important}
.how-visual-track .how-arrow .flow-path{stroke:#1bc8f5!important;stroke-width:3.5!important;fill:none!important;stroke-dasharray:8 8!important;animation:maFlowDash 1.15s linear infinite!important;filter:drop-shadow(0 0 5px #19caff)}
.how-visual-track .how-arrow .flow-path-glow{stroke:#6258ff!important;stroke-width:10!important;fill:none!important;opacity:.2!important;filter:blur(5px)!important}
.how-visual-track .how-arrow .flow-arrow-head{stroke:#20c9ff!important;stroke-width:3!important;fill:none!important;filter:drop-shadow(0 0 5px #1bc8ff)}
@keyframes maFlowDash{to{stroke-dashoffset:-32}}
.how-section .source-icon{width:52px!important;height:52px!important;flex:0 0 52px!important}
.how-section .source-icon svg{width:31px!important;height:31px!important}
.how-section .ai-tag{font-size:14px!important;padding:12px 15px!important;gap:9px!important}
.how-section .ai-tag i svg{width:28px!important;height:28px!important}
.how-section .monthly-choice{font-size:14px!important;padding:14px!important}
.how-section .monthly-choice.best>i svg{width:30px!important;height:30px!important}
.how-section .notify-bell svg,.how-section .notify-channels i svg{width:34px!important;height:34px!important}
.how-section .how-benefits{margin-top:44px!important;padding:22px 14px!important}
.how-section .how-benefits i{width:58px!important;height:58px!important;flex:0 0 58px!important}
.how-section .how-benefits i svg{width:32px!important;height:32px!important}
@media(max-width:1100px){
 .ma-fund-row{grid-template-columns:minmax(190px,1.4fr) minmax(85px,.7fr) minmax(75px,.5fr) 90px;gap:9px}
 .overview-bottom-grid{grid-template-columns:1fr 1fr!important}
 .overview-bottom-grid .insight-preview{grid-column:1/-1}
 .how-stage-headings{gap:8px!important}.how-stage-title{gap:8px!important}
 .how-visual-track{grid-template-columns:minmax(0,1fr) 25px minmax(0,1.15fr) 25px minmax(0,1fr) 25px minmax(0,1fr) 25px minmax(0,1fr)!important;gap:4px!important}
 .how-visual-track .how-arrow{min-width:25px!important}
}
@media(max-width:760px){
 .page-content{padding:15px 12px 24px!important}
 .ma-fund-detail-head{align-items:flex-start;flex-direction:column}
 .ma-watch-btn{align-self:stretch}
 .ma-metric-strip{grid-template-columns:repeat(2,minmax(0,1fr))}
 .ma-metric-strip article:last-child{grid-column:1/-1}
 .ma-investment-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
 .ma-explore-tools{grid-template-columns:1fr}
 .ma-fund-row{grid-template-columns:minmax(0,1fr) 86px;gap:8px}
 .ma-fund-spark{display:none}.ma-fund-return{grid-column:1}.ma-view-btn{grid-column:2;grid-row:1/3}
 .ma-input-duo,.ma-sip-inputs,.ma-whatif-results,.ma-sip-results{grid-template-columns:1fr}
 .ma-dual-chart{height:200px}
 .ma-tabs{width:100%;overflow-x:auto}.ma-tabs button{min-width:100px}
 .overview-primary-grid,.overview-bottom-grid{grid-template-columns:1fr!important}
 .overview-bottom-grid .insight-preview{grid-column:auto}
 .how-stage-headings{grid-template-columns:1fr!important;gap:15px!important}
 .how-visual-track{display:flex!important;flex-direction:column!important;gap:10px!important}
 .how-visual-track .how-arrow{height:46px!important;min-height:46px!important;width:100%!important;transform:rotate(90deg);max-width:70px;margin:0 auto}
 .how-visual-track .how-arrow svg{height:40px!important}
 .how-visual{width:100%}
 .how-benefits{grid-template-columns:1fr!important;gap:10px}
 .how-benefits>div{border-right:0;border-bottom:1px solid #1c2b4b;padding:10px}
}


/* v21 authentication reference */
.ma-auth-page{min-height:calc(var(--vh100,100vh) - 70px);display:grid;place-items:center;position:relative;overflow:hidden;padding:42px 18px 70px;background:radial-gradient(ellipse at 50% 42%,#0b2550 0%,#06152d 42%,#020b1b 100%)}
.ma-auth-glow{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 16% 68%,#1b69d744,transparent 26%),radial-gradient(circle at 84% 35%,#7934e744,transparent 27%)}
.ma-auth-card{position:relative;width:min(100%,470px);padding:28px 28px 22px;border:1px solid #123e70;border-radius:18px;background:linear-gradient(150deg,rgba(7,29,57,.97),rgba(3,16,34,.98));box-shadow:0 24px 80px #0008,0 0 36px #176dff1c;text-align:center}
.ma-auth-brand{display:flex;justify-content:center;align-items:center;gap:10px;margin:0 0 17px;font-size:22px;color:#f3f7ff}
.ma-auth-mark{width:35px;height:35px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(140deg,#1ad8f3,#7538fa);font-size:24px;font-weight:900;color:#07132a;box-shadow:0 0 20px #3c82ff66}
.ma-auth-card h1{font-size:25px;margin:0 0 6px;color:#f4f7ff;font-weight:850}
.ma-auth-card>p{margin:0 0 22px;color:#9db3d1;font-size:13px}
.ma-auth-tabs{display:grid;grid-template-columns:1fr 1fr;background:#03152b;border:1px solid #153c67;border-radius:10px;padding:3px;margin-bottom:15px}
.ma-auth-tabs button{border:0;border-radius:8px;background:transparent;color:#c0d1e8;padding:10px;font-weight:800;cursor:pointer}
.ma-auth-tabs button.active{background:linear-gradient(110deg,#182b9d,#6336df);color:#fff}
.ma-auth-input{display:flex;align-items:center;gap:11px;margin:10px 0;padding:0 13px;height:47px;border:1px solid #154574;border-radius:9px;background:#04152a;color:#a7c0e1;text-align:left}
.ma-auth-input input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:#f3f7ff;font-size:14px}
.ma-auth-options{display:flex;justify-content:space-between;align-items:center;margin:10px 0 16px;color:#b4c8e2;font-size:12px}
.ma-auth-options label{display:flex;align-items:center;gap:7px}
.ma-auth-options button,.ma-auth-create button{border:0;background:none;color:#18c8f5;font-weight:800;cursor:pointer}
.ma-auth-card form .ma-primary-btn{width:100%;margin-top:2px}
.ma-or{display:flex;align-items:center;gap:12px;color:#849dbd;font-size:12px;margin:18px 0}
.ma-or:before,.ma-or:after{content:"";height:1px;flex:1;background:#17375a}
.ma-social-login{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.ma-social-login button{padding:12px;border:1px solid #174777;border-radius:9px;background:#04172d;color:#e7f0ff;font-weight:750;font-size:14px}
.ma-auth-create{margin-top:18px;color:#b8cbe3;font-size:13px}
.ma-auth-create button{text-decoration:underline}
.ma-auth-guests{display:flex;justify-content:center;gap:20px;margin-top:13px;font-size:11px}
.ma-auth-guests a{color:#829cbd;text-decoration:underline}
.ma-auth-page+.public-footer{margin-top:0}
.ma-multi-chart{width:100%;height:clamp(230px,20vw,330px);display:block}
.date-upside{display:block;color:#10e2a1;font-size:19px;margin:8px 0}.date-upside small{font-size:11px;color:#9cb5d4;font-weight:500}
.other-dates{display:grid;gap:7px;margin-top:12px;padding-top:10px;border-top:1px solid #15395d;color:#a9c1dc;font-size:11px}.other-dates span{display:flex;justify-content:space-between}.other-dates b{color:#11dda4}
@media(max-width:560px){.ma-auth-card{padding:22px 18px}.ma-auth-page{padding:25px 12px}.ma-auth-card h1{font-size:22px}}


/* v21 admin dashboard screenshot match */
.ma-admin-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin:0 0 18px}
.ma-admin-heading h1{font-size:clamp(24px,1.65vw,34px);margin:0 0 5px;font-weight:850;color:#f3f7ff}
.ma-admin-heading p{margin:0;color:#a7bdd8;font-size:14px}
.ma-admin-heading>span{padding:10px 13px;border:1px solid #163d68;border-radius:9px;background:#071a33;color:#c8d8eb;font-size:12px;white-space:nowrap}
.ma-admin-charts{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:14px 0}
.ma-admin-charts .reference-panel{min-width:0}
.ma-admin-legend{display:flex;justify-content:flex-end;gap:16px;color:#a9c1dc;font-size:11px;margin:8px 0}
.ma-admin-combo{width:100%;height:210px;display:block}
.ma-admin-ops{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:14px 0}
.ma-admin-sipform{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:15px}
.ma-admin-sipform label{display:grid;gap:8px;color:#c5d7eb;font-size:12px}
.ma-admin-sipform input{width:100%;height:42px;border:1px solid #164777;border-radius:8px;background:#04152b;color:#f5f8ff;padding:0 10px;color-scheme:dark}
.ma-admin-sipform>div{padding:12px;border-radius:10px;background:#06313c;border:1px solid #0d665f;color:#70e6d0;font-size:12px}
.ma-admin-sipform>div p{margin:0 0 12px;line-height:1.5}
.ma-admin-sipform>div button{display:block;margin-left:auto}
.ma-admin-upcoming{margin-top:16px;color:#dce9fb;font-size:12px}
.ma-admin-upcoming>div{display:grid;grid-template-columns:110px 1fr auto;gap:10px;align-items:center;margin-top:9px;padding:12px;border:1px solid #143c68;border-radius:9px;background:#061a34;color:#b8cbe2}
.ma-admin-upload{display:grid;grid-template-columns:1.2fr .8fr;gap:12px;margin-top:12px}
.ma-upload-drop{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;min-height:190px;padding:16px;border:1px dashed #2472b8;border-radius:10px;background:#061a34;text-align:center}
.ma-upload-drop>b{font-size:30px;color:#48aaff}
.ma-upload-drop strong{color:#e4f0ff;font-size:13px}
.ma-upload-drop small{font-size:10px;color:#8fa9c9}
.ma-upload-last{padding:14px;border:1px solid #153d68;border-radius:10px;background:#061a34;color:#b8cbe2;font-size:11px}
.ma-upload-last>b{display:block;color:#eff5ff;font-size:13px;margin-bottom:12px}
.ma-upload-last strong{display:block;color:#d9e8fa;font-size:11px}
.ma-upload-last em{float:right;color:#0fe0a3;font-style:normal}
.ma-upload-last p{margin:10px 0}
.ma-admin-lower{display:grid;grid-template-columns:1fr 1fr 1fr;gap:13px;margin-top:14px}
.ma-admin-lower .reference-panel{min-width:0}
.ma-admin-lower .ref-panel-head{margin-bottom:12px}
.ma-admin-lower .recent-row{padding:9px 0;border-bottom:1px solid #153557}
.ma-admin-lower .recent-row:last-child{border-bottom:0}
.ma-admin-lower .recent-row small{font-size:10px}
.ma-admin-lower .admin-data-summary{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.ma-admin-lower .admin-data-summary>div{padding:12px;border:1px solid #143c68;border-radius:9px;background:#071a34}
.ma-admin-lower .admin-data-summary small{display:block;color:#94acca;font-size:10px}
.ma-admin-lower .admin-data-summary b{display:block;color:#eff6ff;font-size:18px;margin-top:5px}
@media(max-width:1100px){.ma-admin-ops,.ma-admin-charts{grid-template-columns:1fr}.ma-admin-lower{grid-template-columns:1fr 1fr}.ma-admin-lower article:last-child{grid-column:1/-1}}
@media(max-width:650px){.ma-admin-heading{flex-direction:column}.ma-admin-sipform,.ma-admin-upload,.ma-admin-lower{grid-template-columns:1fr}.ma-admin-upcoming>div{grid-template-columns:1fr}.ma-admin-lower article:last-child{grid-column:auto}}


/* v22 — public landing page live activity toast */
.public-activity-toast{
 position:fixed;z-index:1200;left:clamp(14px,2vw,28px);bottom:clamp(14px,2vw,26px);
 width:min(340px,calc(100vw - 28px));min-height:70px;padding:12px 42px 12px 13px;
 display:flex;align-items:center;gap:12px;border:1px solid #174b7c;border-radius:13px;
 background:linear-gradient(125deg,rgba(7,29,56,.97),rgba(5,18,40,.98));
 box-shadow:0 14px 42px #0008,0 0 22px #1a8dff22;backdrop-filter:blur(18px);
 opacity:0;transform:translate3d(-14px,12px,0);transition:opacity .28s ease,transform .28s ease;
 pointer-events:none
}
.public-activity-toast[hidden]{display:none!important}
.public-activity-toast.is-visible{opacity:1;transform:translate3d(0,0,0);pointer-events:auto}
.activity-toast-icon{width:40px;height:40px;flex:0 0 40px;display:grid;place-items:center;border-radius:11px;
 background:linear-gradient(140deg,#087fe9,#7139ef);color:#fff;font-size:22px;box-shadow:0 0 16px #326cff55}
.activity-toast-copy{display:grid;gap:5px;min-width:0}
.activity-toast-copy b{font-size:13px;line-height:1.3;color:#eff6ff;font-weight:750}
.activity-toast-copy small{font-size:11px;color:#8faed1}
.activity-toast-close{position:absolute;right:10px;top:8px;border:0;background:none;color:#91a9c8;font-size:20px;line-height:1;cursor:pointer}
@media(max-width:600px){.public-activity-toast{bottom:12px;left:12px;width:min(320px,calc(100vw - 24px));min-height:64px}.activity-toast-icon{width:36px;height:36px;flex-basis:36px}}
@media(prefers-reduced-motion:reduce){.public-activity-toast{transition:none}}