:root{
  --navy:#06162f;--navy2:#0b2348;--navy3:#0d2e5b;--deep:#020817;--gold:#ffc21a;--gold2:#ffae00;--red:#ff3048;--green:#18d47c;--cyan:#32d3ff;--white:#ffffff;--muted:#b7c4d9;--darktext:#07142b;--line:rgba(255,255,255,.14);--shadow:0 22px 60px rgba(2,10,30,.22);--radius:22px;--container:1180px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Segoe UI,Roboto,Arial,sans-serif;color:#eef5ff;background:#fff;line-height:1.6}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.container{width:min(var(--container),calc(100% - 34px));margin-inline:auto}.top-strip{background:#020817;color:#dfe8f7;font-size:13px;border-bottom:1px solid var(--line)}.top-strip .container{display:flex;gap:24px;align-items:center;justify-content:center;min-height:38px;flex-wrap:wrap}.top-strip b{color:#fff}.top-strip span{display:inline-flex;gap:7px;align-items:center}.site-header{position:sticky;top:0;z-index:50;background:rgba(3,14,34,.95);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.08)}.nav-wrap{height:74px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{display:flex;align-items:center;gap:10px;min-width:190px}.brand img{height:48px;object-fit:contain}.brand-mark{width:44px;height:44px;display:grid;place-items:center;background:linear-gradient(135deg,#fff,#cfd8e8);clip-path:polygon(0 100%,48% 0,100% 100%,60% 76%,43% 100%);position:relative}.brand-mark:after{content:"";width:18px;height:26px;background:var(--red);display:block;clip-path:polygon(0 100%,100% 0,100% 100%)}.brand-title{font-weight:900;font-size:25px;line-height:1;color:#fff}.brand-title span{color:#ff263d}.brand small{color:#fff;font-size:9px;display:block;font-weight:600;margin-top:2px}.nav{display:flex;align-items:center;gap:4px}.nav a{padding:26px 13px 23px;color:#f7fbff;font-weight:700;font-size:14px;position:relative;white-space:nowrap}.nav a:hover,.nav a.active{color:var(--gold)}.nav a.active:after{content:"";position:absolute;left:13px;right:13px;bottom:12px;height:3px;background:var(--gold);border-radius:99px}.login-btn,.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;cursor:pointer;border-radius:10px;font-weight:900}.login-btn{background:linear-gradient(180deg,var(--gold),var(--gold2));color:#111827;padding:13px 20px;box-shadow:0 10px 25px rgba(255,184,0,.25);white-space:nowrap}.menu-toggle,.menu-label{display:none}.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 75% 20%,rgba(28,102,210,.35),transparent 36%),linear-gradient(135deg,#061225 0%,#071a38 48%,#061226 100%);color:#fff}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(0deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:48px 48px;opacity:.16}.hero .container{position:relative}.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:44px;align-items:center;min-height:560px;padding:68px 0}.kicker{display:flex;align-items:center;gap:12px;color:#ff4a5f;font-weight:900;text-transform:uppercase;letter-spacing:2.4px;font-size:13px}.kicker:before{content:"";width:42px;height:3px;background:var(--red);border-radius:8px}h1,h2,h3,p{margin-top:0}.hero-title{font-size:clamp(42px,5vw,76px);line-height:.98;font-weight:950;letter-spacing:-2px;margin:20px 0}.hero-title span,.gold{color:var(--gold)}.hero-sub{font-size:19px;color:#d6e2f5;max-width:650px;margin-bottom:30px}.hero-actions{display:flex;gap:16px;flex-wrap:wrap}.btn-primary{background:linear-gradient(180deg,var(--gold),var(--gold2));color:#111827;padding:15px 24px;box-shadow:0 20px 35px rgba(255,188,15,.24)}.btn-outline{border:1px solid rgba(255,255,255,.35);color:#fff;padding:14px 22px;background:rgba(255,255,255,.05)}.btn-dark{background:#061a3b;color:#fff;padding:12px 18px}.quick-checks{display:flex;gap:22px;margin-top:24px;flex-wrap:wrap;color:#d8e5f6}.quick-checks span{display:flex;gap:8px;align-items:center}.quick-checks i{font-style:normal;color:var(--green);font-weight:900}.hero-visual{position:relative}.hero-device{border-radius:24px;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.45);border:1px solid rgba(255,255,255,.18);background:#091b35;transform:perspective(1000px) rotateY(-5deg)}.hero-device img{width:100%;height:380px;object-fit:cover}.float-badge{position:absolute;border-radius:10px;padding:11px 20px;font-weight:950;color:#fff;box-shadow:0 15px 25px rgba(0,0,0,.35);letter-spacing:.5px}.buy{background:linear-gradient(180deg,#59d64e,#138c42);top:40px;left:20px}.sell{background:linear-gradient(180deg,#ff4556,#9b0e1e);left:55px;bottom:80px}.feature-strip{background:linear-gradient(135deg,#061832,#0a264d);border:1px solid var(--line);border-radius:18px;margin:-44px auto 0;position:relative;z-index:2;box-shadow:var(--shadow);display:grid;grid-template-columns:repeat(5,1fr);overflow:hidden}.strip-item{padding:26px 24px;display:flex;gap:16px;align-items:center;border-right:1px solid var(--line);color:#eaf2ff}.strip-item:last-child{border-right:0}.icon{width:52px;height:52px;border-radius:14px;background:rgba(255,194,26,.1);border:1px solid rgba(255,194,26,.35);display:grid;place-items:center;color:var(--gold);font-size:24px;flex:0 0 auto}.strip-item strong{display:block}.strip-item small{color:#b9c7d9}.section{padding:82px 0}.section.dark{background:linear-gradient(135deg,#061225,#0b2346);color:#fff}.section.light{background:#f7f9fc;color:var(--darktext)}.section-head{text-align:center;max-width:760px;margin:0 auto 38px}.section-eyebrow{color:var(--red);font-weight:950;text-transform:uppercase;letter-spacing:3px;font-size:12px}.section-title{font-size:clamp(30px,3vw,48px);line-height:1.05;font-weight:950;letter-spacing:-1px;margin:8px 0 12px}.section-head p{color:#5f6b7f}.dark .section-head p{color:#c7d4e7}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{background:#fff;border:1px solid #e5eaf2;border-radius:18px;box-shadow:0 14px 35px rgba(4,24,60,.09);overflow:hidden}.card.darkcard{background:linear-gradient(145deg,#081a35,#0b2b58);border-color:rgba(255,255,255,.12);color:#fff}.product-card{display:grid;grid-template-columns:185px 1fr;gap:18px;padding:14px;align-items:center}.product-card .thumb{height:156px;border-radius:14px;overflow:hidden;background:#061832}.product-card .thumb img{width:100%;height:100%;object-fit:cover}.card h3{font-size:20px;line-height:1.2;margin:0 0 10px;font-weight:900}.ticks{list-style:none;padding:0;margin:0 0 14px}.ticks li{font-size:14px;margin:7px 0;color:#263448}.darkcard .ticks li{color:#dbe7fa}.ticks li:before{content:"✓";color:var(--gold2);font-weight:950;margin-right:8px}.why-grid{display:grid;grid-template-columns:.85fr 1.6fr;gap:38px;align-items:start}.mini-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.mini-card{background:rgba(255,255,255,.045);border:1px solid var(--line);border-radius:18px;padding:24px}.mini-card h3{color:#fff}.mini-card p{color:#c6d3e8}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.service-card{padding:18px}.service-card img{height:155px;width:100%;object-fit:cover;border-radius:15px;margin-bottom:18px}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;align-items:stretch}.price-card{padding:30px;position:relative}.price-card.featured{border:2px solid var(--red);box-shadow:0 0 0 5px rgba(255,48,72,.08),var(--shadow)}.ribbon{position:absolute;top:-15px;left:50%;transform:translateX(-50%);background:var(--red);color:#fff;border-radius:99px;padding:6px 22px;font-weight:900;font-size:12px;letter-spacing:1px}.price{font-size:52px;font-weight:950;color:var(--gold);line-height:1;margin:15px 0}.price small{font-size:15px;color:#c7d4e7}.compare{width:100%;border-collapse:collapse;background:rgba(255,255,255,.04);border-radius:16px;overflow:hidden}.compare th,.compare td{border:1px solid rgba(255,255,255,.1);padding:14px;text-align:center}.compare th:first-child,.compare td:first-child{text-align:left}.cta{background:linear-gradient(135deg,#071a36,#061225);color:#fff;border-radius:20px;padding:30px 38px;display:flex;justify-content:space-between;gap:24px;align-items:center;border:1px solid rgba(255,194,26,.28);box-shadow:var(--shadow)}.cta h2{margin-bottom:6px}.footer{background:#020817;color:#cbd7e8;padding:52px 0 20px}.footer-grid{display:grid;grid-template-columns:1.3fr repeat(3,1fr);gap:30px}.footer h4{color:#fff;margin:0 0 15px}.footer a{display:block;color:#cbd7e8;margin:8px 0}.footer a:hover{color:var(--gold)}.copyright{border-top:1px solid var(--line);margin-top:32px;padding-top:18px;font-size:13px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.page-hero{min-height:330px}.page-hero .hero-grid{min-height:330px;padding:48px 0}.page-title{font-size:clamp(42px,5vw,70px);font-weight:950;line-height:1.02;margin:14px 0}.breadcrumb{color:#e6eefb;font-weight:800}.breadcrumb span{color:var(--gold)}.info-row{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.info-card{padding:24px;background:#fff;border-radius:18px;box-shadow:0 12px 32px rgba(3,20,45,.08);border:1px solid #e6ebf4}.form-card{background:#fff;border-radius:18px;padding:28px;box-shadow:var(--shadow);color:#111827}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.input, input[type=text], textarea, select{width:100%;border:1px solid #d7deeb;border-radius:10px;padding:13px 14px;font:inherit;outline:none;background:#fff}.form-card textarea{min-height:118px;resize:vertical}.form-card .full{grid-column:1/-1}.alert{display:block;margin:10px 0;color:var(--red);font-weight:700}.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.stars{color:var(--gold);letter-spacing:2px}.faq-list{display:grid;gap:12px}.faq-item{background:#fff;border:1px solid #e4eaf3;border-radius:14px;padding:18px}.faq-item strong{display:block;color:#07142b}.download-panel{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center;background:#fff;border-radius:22px;box-shadow:var(--shadow);padding:34px}.top-note{background:rgba(255,194,26,.12);border:1px solid rgba(255,194,26,.35);color:#fff;border-radius:12px;padding:12px 16px;display:inline-block;margin-top:10px}.menu-label{color:#fff;border:1px solid var(--line);padding:10px 14px;border-radius:10px;font-weight:800}.legacy-image{background:#fff;border-radius:22px;box-shadow:var(--shadow);padding:14px}.legacy-image img{border-radius:14px;width:100%;object-fit:cover}.live-demo-form .hero-grid{grid-template-columns:1fr 1fr}.map-placeholder{height:260px;border-radius:16px;background:linear-gradient(135deg,#e8eef6,#fff);display:grid;place-items:center;color:#4c5b70;border:1px solid #dde5ef;position:relative;overflow:hidden}.map-placeholder:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,transparent 48%,#d8e1ec 49%,#d8e1ec 51%,transparent 52%),linear-gradient(-45deg,transparent 48%,#d8e1ec 49%,#d8e1ec 51%,transparent 52%);background-size:70px 70px}.map-pin{position:relative;z-index:2;background:var(--red);color:#fff;border-radius:99px;padding:12px 18px;font-weight:900}.old-page-note{background:#fff4f5;border:1px solid #ffd1d7;color:#680815;padding:12px 16px;border-radius:12px}.wide-card{padding:28px;border-radius:18px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.045)}
@media(max-width:1050px){.menu-label{display:block}.nav{position:absolute;left:17px;right:17px;top:74px;background:#061225;border:1px solid var(--line);border-radius:16px;display:none;flex-direction:column;align-items:stretch;padding:10px}.menu-toggle:checked~.nav{display:flex}.nav a{padding:13px 16px}.login-btn{display:none}.hero-grid,.why-grid,.live-demo-form .hero-grid{grid-template-columns:1fr}.feature-strip{grid-template-columns:1fr 1fr}.cards,.services-grid,.pricing-grid{grid-template-columns:1fr 1fr}.product-card{grid-template-columns:1fr}.product-card .thumb{height:220px}.footer-grid,.info-row{grid-template-columns:1fr 1fr}.hero-device img{height:auto}}@media(max-width:680px){.top-strip .container{justify-content:flex-start}.nav-wrap{height:68px}.brand img{height:42px}.hero-grid{padding:44px 0}.feature-strip,.cards,.services-grid,.pricing-grid,.mini-cards,.footer-grid,.info-row,.review-grid,.form-grid,.download-panel{grid-template-columns:1fr}.cta{flex-direction:column;align-items:flex-start}.section{padding:56px 0}.hero-title{font-size:44px}.page-title{font-size:40px}.copyright{display:block}.product-card .thumb{height:190px}}


/* ===== July 2026 light theme refresh + header/chat/demo fixes ===== */
:root{
  --navy:#ffffff;
  --navy2:#f3f8ff;
  --navy3:#e8f1ff;
  --deep:#f8fbff;
  --gold:#ffc21a;
  --gold2:#ffb400;
  --red:#ff4d5d;
  --green:#16a34a;
  --cyan:#2bb8f2;
  --white:#ffffff;
  --muted:#5d6e85;
  --darktext:#1f2f46;
  --line:rgba(18,42,74,.10);
  --shadow:0 18px 42px rgba(16,43,79,.10);
}
body{background:#f7fbff;color:var(--darktext)}
.top-strip{background:#eef5ff;color:#36506d;border-bottom:1px solid rgba(18,42,74,.08)}
.top-strip b{color:#17304f}
.site-header{background:rgba(255,255,255,.97);border-bottom:1px solid rgba(18,42,74,.10);box-shadow:0 8px 24px rgba(16,43,79,.07)}
.nav-wrap{height:auto;min-height:84px;gap:18px;flex-wrap:nowrap}
.site-header .brand{min-width:auto;flex:0 0 auto;max-width:240px}
.site-header .brand img{height:60px;max-width:100%;width:auto;object-fit:contain}
.site-header .brand-title{display:none}
.nav{flex:1;justify-content:center;flex-wrap:wrap;min-width:0}
.nav a{padding:22px 11px 20px;color:#233a58}
.nav a:hover,.nav a.active{color:#0f69c7}
.nav a.active:after{background:linear-gradient(90deg,#ffb300,#ffd558);bottom:10px}
.nav .login-btn{display:inline-flex;padding:12px 16px;margin:6px 0 4px}
.nav-wrap > .login-btn{flex:0 0 auto}
.login-btn,.btn-primary{background:linear-gradient(180deg,#ffd866,#ffbe1b);color:#182538;box-shadow:0 10px 22px rgba(255,184,0,.18)}
.btn-outline{border:1px solid #cddcf1;color:#20314a;background:#fff}
.btn-dark{background:#133a71;color:#fff}
.hero{background:radial-gradient(circle at 85% 18%,rgba(75,145,255,.17),transparent 33%),linear-gradient(135deg,#f8fbff 0%,#eef5ff 55%,#f8fbff 100%);color:#18324f}
.hero:before{background:linear-gradient(90deg,rgba(14,42,79,.03) 1px,transparent 1px),linear-gradient(0deg,rgba(14,42,79,.03) 1px,transparent 1px);opacity:.55}
.kicker,.section-eyebrow{color:#ff5a68}
.hero-title,.page-title,.section-title{color:#122845}
.hero-sub,.breadcrumb,.quick-checks,.section-head p,.dark .section-head p{color:#566b85}
.breadcrumb{font-weight:700}
.breadcrumb span,.hero-title span,.gold{color:#f2ab00}
.hero-device{background:#fff;border:1px solid #dde7f5;box-shadow:0 28px 62px rgba(18,42,74,.12)}
.hero-device img{background:#fff}
.float-badge{box-shadow:0 12px 24px rgba(18,42,74,.14)}
.feature-strip{background:#fff;border:1px solid #e2ebf6;box-shadow:var(--shadow)}
.strip-item{color:#18304d;border-right:1px solid rgba(18,42,74,.08)}
.strip-item small{color:#667b95}
.icon{background:#fff7db;border:1px solid rgba(255,194,26,.4);color:#dd9800}
.section.dark,.section.light{background:linear-gradient(180deg,#f8fbff 0%,#eef5ff 100%);color:#18304d}
.card.darkcard,.mini-card,.wide-card{background:#ffffff;color:#18304d;border:1px solid #e2ebf6;box-shadow:0 12px 32px rgba(18,42,74,.08)}
.mini-card h3,.darkcard h3{color:#17304f}
.mini-card p,.darkcard p,.darkcard .ticks li{color:#61748d}
.product-card .thumb,.service-card img,.legacy-image{background:#f7fbff}
.price small{color:#6a7d95}
.compare{background:#fff;color:#18304d;border:1px solid #e2ebf6}
.compare th,.compare td{border-color:#e2ebf6}
.cta{background:#fff;border:1px solid #e2ebf6;color:#18304d;box-shadow:var(--shadow)}
.cta p{color:#5f7289}
.info-card,.form-card,.download-panel,.legacy-image,.faq-item{box-shadow:0 12px 32px rgba(18,42,74,.08);border:1px solid #e2ebf6}
.footer{background:#edf4ff;color:#4b617b;border-top:1px solid rgba(18,42,74,.08)}
.footer h4,.footer .brand-title,.footer .brand small{color:#17304f}
.footer a{color:#4b617b}
.footer a:hover{color:#0f69c7}
.copyright{border-top:1px solid rgba(18,42,74,.10);color:#61748d}
/* floating demo button */
.floating-demo-btn{position:fixed;right:22px;bottom:94px;z-index:9998}
.floating-demo-btn a{display:inline-flex;align-items:center;gap:10px;padding:13px 18px;border-radius:999px;background:linear-gradient(180deg,#ffd866,#ffbe1b);color:#122845;font-weight:900;box-shadow:0 12px 26px rgba(255,184,0,.24);border:1px solid rgba(255,184,0,.35)}
.floating-demo-btn a:hover{transform:translateY(-1px);box-shadow:0 16px 30px rgba(255,184,0,.28)}
.floating-demo-btn .demo-icon{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#d88a00;font-size:18px;box-shadow:inset 0 0 0 1px rgba(255,184,0,.25)}
@media(max-width:1050px){
  .nav{background:#fff;border:1px solid #dde7f5;box-shadow:0 18px 40px rgba(18,42,74,.10)}
  .nav a{padding:13px 16px}
  .nav-wrap>.login-btn{display:none}
  .nav .login-btn{display:inline-flex !important;align-self:flex-start}
}
@media(max-width:680px){
  .site-header .brand img{height:48px;max-width:190px}
  .nav-wrap{min-height:72px}
  .floating-demo-btn{right:14px;bottom:86px}
  .floating-demo-btn a{padding:11px 14px;font-size:13px}
  .floating-demo-btn .demo-icon{width:30px;height:30px;font-size:16px}
}


/* Social media links in top strip + external dashboard update */
.top-strip .container{row-gap:8px}
.social-links{margin-left:auto;display:inline-flex !important;align-items:center;gap:13px;white-space:nowrap;font-weight:600}
.social-links a{display:inline-flex;align-items:center;gap:7px;color:#226bc5}
.social-links a:hover{color:#0b4d98;text-decoration:underline}
.social-ico{width:18px;height:18px;border-radius:3px;display:inline-grid;place-items:center;color:#fff;font-size:12px;font-weight:900;line-height:1}
.social-ico.fb{background:#4267B2;font-family:Arial,sans-serif;font-size:15px}
.social-ico.yt{background:#d92525;font-size:10px}
.social-sep{width:1px;height:20px;background:rgba(18,42,74,.18);display:inline-block}
@media(max-width:900px){.top-strip .container{justify-content:flex-start}.social-links{width:100%;margin-left:0;flex-wrap:wrap}.social-sep{display:none}}


/* ===== July 2026 light theme refresh + header/chat/demo fixes ===== */
:root{
  --navy:#ffffff;
  --navy2:#f3f8ff;
  --navy3:#e8f1ff;
  --deep:#f8fbff;
  --gold:#ffc21a;
  --gold2:#ffb400;
  --red:#ff4d5d;
  --green:#16a34a;
  --cyan:#2bb8f2;
  --white:#ffffff;
  --muted:#5d6e85;
  --darktext:#1f2f46;
  --line:rgba(18,42,74,.10);
  --shadow:0 18px 42px rgba(16,43,79,.10);
}
body{background:#f7fbff;color:var(--darktext)}
.top-strip{background:#eef5ff;color:#36506d;border-bottom:1px solid rgba(18,42,74,.08)}
.top-strip b{color:#17304f}
.site-header{background:rgba(255,255,255,.97);border-bottom:1px solid rgba(18,42,74,.10);box-shadow:0 8px 24px rgba(16,43,79,.07)}
.nav-wrap{height:auto;min-height:84px;gap:18px;flex-wrap:nowrap}
.site-header .brand{min-width:auto;flex:0 0 auto;max-width:240px}
.site-header .brand img{height:60px;max-width:100%;width:auto;object-fit:contain}
.site-header .brand-title{display:none}
.nav{flex:1;justify-content:center;flex-wrap:wrap;min-width:0}
.nav a{padding:22px 11px 20px;color:#233a58}
.nav a:hover,.nav a.active{color:#0f69c7}
.nav a.active:after{background:linear-gradient(90deg,#ffb300,#ffd558);bottom:10px}
.nav .login-btn{display:inline-flex;padding:12px 16px;margin:6px 0 4px}
.nav-wrap > .login-btn{flex:0 0 auto}
.login-btn,.btn-primary{background:linear-gradient(180deg,#ffd866,#ffbe1b);color:#182538;box-shadow:0 10px 22px rgba(255,184,0,.18)}
.btn-outline{border:1px solid #cddcf1;color:#20314a;background:#fff}
.btn-dark{background:#133a71;color:#fff}
.hero{background:radial-gradient(circle at 85% 18%,rgba(75,145,255,.17),transparent 33%),linear-gradient(135deg,#f8fbff 0%,#eef5ff 55%,#f8fbff 100%);color:#18324f}
.hero:before{background:linear-gradient(90deg,rgba(14,42,79,.03) 1px,transparent 1px),linear-gradient(0deg,rgba(14,42,79,.03) 1px,transparent 1px);opacity:.55}
.kicker,.section-eyebrow{color:#ff5a68}
.hero-title,.page-title,.section-title{color:#122845}
.hero-sub,.breadcrumb,.quick-checks,.section-head p,.dark .section-head p{color:#566b85}
.breadcrumb{font-weight:700}
.breadcrumb span,.hero-title span,.gold{color:#f2ab00}
.hero-device{background:#fff;border:1px solid #dde7f5;box-shadow:0 28px 62px rgba(18,42,74,.12)}
.hero-device img{background:#fff}
.float-badge{box-shadow:0 12px 24px rgba(18,42,74,.14)}
.feature-strip{background:#fff;border:1px solid #e2ebf6;box-shadow:var(--shadow)}
.strip-item{color:#18304d;border-right:1px solid rgba(18,42,74,.08)}
.strip-item small{color:#667b95}
.icon{background:#fff7db;border:1px solid rgba(255,194,26,.4);color:#dd9800}
.section.dark,.section.light{background:linear-gradient(180deg,#f8fbff 0%,#eef5ff 100%);color:#18304d}
.card.darkcard,.mini-card,.wide-card{background:#ffffff;color:#18304d;border:1px solid #e2ebf6;box-shadow:0 12px 32px rgba(18,42,74,.08)}
.mini-card h3,.darkcard h3{color:#17304f}
.mini-card p,.darkcard p,.darkcard .ticks li{color:#61748d}
.product-card .thumb,.service-card img,.legacy-image{background:#f7fbff}
.pricing-grid{grid-template-columns:repeat(4,1fr)}
.price small{color:#6a7d95}
.price-card p{min-height:22px}
.compare{background:#fff;color:#18304d;border:1px solid #e2ebf6}
.compare th,.compare td{border-color:#e2ebf6;vertical-align:top}
.cta{background:#fff;border:1px solid #e2ebf6;color:#18304d;box-shadow:var(--shadow)}
.cta p{color:#5f7289}
.info-card,.form-card,.download-panel,.legacy-image,.faq-item{box-shadow:0 12px 32px rgba(18,42,74,.08);border:1px solid #e2ebf6}
.footer{background:#edf4ff;color:#4b617b;border-top:1px solid rgba(18,42,74,.08)}
.footer h4,.footer .brand-title,.footer .brand small{color:#17304f}
.footer a{color:#4b617b}
.footer a:hover{color:#0f69c7}
.copyright{border-top:1px solid rgba(18,42,74,.10);color:#61748d}
.plan-note{font-size:13px;color:#6a7d95;margin-top:8px}.plan-tag{display:inline-block;background:#e9f7ef;color:#157347;border:1px solid #b6e1c3;padding:4px 10px;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;margin-bottom:10px}.featured .plan-tag{background:#fff4db;color:#ba7c00;border-color:#f4d48b}
/* floating demo button */
.floating-demo-btn{position:fixed;left:22px;bottom:94px;z-index:9998}
.floating-demo-btn a{display:inline-flex;align-items:center;gap:10px;padding:13px 18px;border-radius:999px;background:linear-gradient(180deg,#ffd866,#ffbe1b);color:#122845;font-weight:900;box-shadow:0 12px 26px rgba(255,184,0,.24);border:1px solid rgba(255,184,0,.35)}
.floating-demo-btn a:hover{transform:translateY(-1px);box-shadow:0 16px 30px rgba(255,184,0,.28)}
.floating-demo-btn .demo-icon{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#d88a00;font-size:18px;box-shadow:inset 0 0 0 1px rgba(255,184,0,.25)}
/* Social media links in top strip + external dashboard update */
.top-strip .container{row-gap:8px;justify-content:flex-start}
.social-links{margin-left:auto;display:inline-flex !important;align-items:center;gap:13px;white-space:nowrap;font-weight:600}
.social-links a{display:inline-flex;align-items:center;gap:7px;color:#226bc5}
.social-links a:hover{color:#0b4d98;text-decoration:underline}
.social-ico{width:18px;height:18px;border-radius:3px;display:inline-grid;place-items:center;color:#fff;font-size:12px;font-weight:900;line-height:1}
.social-ico.fb{background:#4267B2;font-family:Arial,sans-serif;font-size:15px}
.social-ico.yt{background:#d92525;font-size:10px}
.social-sep{width:1px;height:20px;background:rgba(18,42,74,.18);display:inline-block}
@media(max-width:1050px){
  .nav{background:#fff;border:1px solid #dde7f5;box-shadow:0 18px 40px rgba(18,42,74,.10)}
  .nav a{padding:13px 16px}
  .nav-wrap>.login-btn{display:none}
  .nav .login-btn{display:inline-flex !important;align-self:flex-start}
  .cards,.services-grid,.pricing-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:900px){.top-strip .container{justify-content:flex-start}.social-links{width:100%;margin-left:0;flex-wrap:wrap}.social-sep{display:none}}
@media(max-width:680px){
  .site-header .brand img{height:48px;max-width:190px}
  .nav-wrap{min-height:72px}
  .floating-demo-btn{left:14px;bottom:86px}
  .floating-demo-btn a{padding:11px 14px;font-size:13px}
  .floating-demo-btn .demo-icon{width:30px;height:30px;font-size:16px}
  .feature-strip,.cards,.services-grid,.pricing-grid,.mini-cards,.footer-grid,.info-row,.review-grid,.form-grid,.download-panel{grid-template-columns:1fr}
}


/* ===== Final clean layout fixes: no mojibake icons, pricing ribbon, GST strip ===== */
.top-strip .container{justify-content:flex-start;gap:22px}
.contact-chip{display:inline-flex;align-items:center;gap:6px;color:#36506d}
.contact-chip b{color:#17304f}
.gst-strip{background:#fff7de;border-bottom:1px solid #f2d99a;color:#142b46;font-size:14px;font-weight:800}
.gst-strip .container{min-height:34px;display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap}
.social-ico.yt{font-size:10px;letter-spacing:0}
.quick-checks i{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#e9f7ef;color:#159447;font-weight:900;font-size:13px;line-height:1}
.ticks li:before{content:"\2713";color:var(--gold2);font-weight:950;margin-right:8px}
.icon{font-size:14px;font-weight:950;letter-spacing:.02em}
.price-card{overflow:visible;padding-top:38px}
.pricing-grid{margin-top:24px}
.ribbon{top:-18px;z-index:5;min-width:170px;text-align:center;white-space:nowrap;line-height:1.2}
.price{font-size:clamp(34px,3.2vw,52px)}
@media(max-width:900px){.top-strip .container{justify-content:flex-start}.gst-strip .container{justify-content:flex-start}.social-links{width:100%;margin-left:0;flex-wrap:wrap}.social-sep{display:none}}


/* ===== Final menu + review page improvements ===== */
:root{--container:1500px}
.container{width:min(var(--container),calc(100% - 28px))}
.nav-wrap{min-height:76px;gap:12px}
.site-header .brand{max-width:265px}
.site-header .brand img{height:58px;max-width:265px}
.nav{flex-wrap:nowrap;gap:1px}
.nav a{font-size:14px;padding:18px 8px 17px;white-space:nowrap}
.nav .login-btn{padding:11px 14px;margin:0 0 0 4px}
.nav-wrap>.login-btn{padding:13px 20px;min-width:190px}
.nav a.active:after{bottom:8px}
@media(max-width:1220px){.site-header .brand img{height:52px;max-width:225px}.nav a{font-size:13px;padding-left:6px;padding-right:6px}.nav-wrap>.login-btn{min-width:170px;padding-left:14px;padding-right:14px}}
@media(max-width:1100px){.menu-label{display:block}.nav{position:absolute;left:17px;right:17px;top:76px;background:#fff;border:1px solid #dde7f5;border-radius:16px;display:none;flex-direction:column;align-items:stretch;padding:10px;box-shadow:0 18px 40px rgba(18,42,74,.10)}.menu-toggle:checked~.nav{display:flex}.nav a{padding:13px 16px}.nav-wrap>.login-btn{display:none}.nav .login-btn{display:inline-flex!important;align-self:flex-start}}
.review-summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:-28px;position:relative;z-index:4}
.review-stat{background:#fff;border:1px solid #e2ebf6;border-radius:18px;padding:22px;text-align:center;box-shadow:0 12px 32px rgba(18,42,74,.08)}
.review-stat strong{display:block;color:#f2ab00;font-size:34px;line-height:1}.review-stat span{color:#526780;font-weight:800}
.review-card{padding:22px}.review-card .stars{color:#f2ab00;font-size:18px;margin-bottom:10px}.review-card h3{margin-bottom:8px}.review-card ul{margin:12px 0 0;padding-left:18px;color:#526780}.review-card li{margin:5px 0}.review-source{display:inline-flex;align-items:center;gap:8px;margin-top:20px;color:#0f69c7;font-weight:800}.review-source:before{content:"\2197";font-weight:900}
@media(max-width:900px){.review-summary-grid{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.site-header .brand img{height:48px;max-width:190px}.nav-wrap{min-height:72px}.review-summary-grid{grid-template-columns:1fr}}


/* ===== July 2026 layout width refinement ===== */
html,body{overflow-x:hidden}
:root{--container:1160px}
.container{width:min(var(--container),calc(100% - 48px));margin-inline:auto}
.top-strip .container{gap:18px}
.nav-wrap{gap:20px}
.nav{gap:2px}
.nav a{padding-left:10px;padding-right:10px}
.hero-grid{grid-template-columns:minmax(0,1fr) minmax(380px,.92fr);gap:54px;min-height:500px;padding:58px 0 52px}
.page-hero .hero-grid{min-height:420px;padding:52px 0}
.hero-visual{display:flex;justify-content:flex-end}
.hero-device{width:100%;max-width:720px;margin-left:auto}
.hero-device img{height:360px}
.feature-strip{width:min(var(--container),calc(100% - 48px));margin:-26px auto 0}
.section{padding:72px 0}
.section-head{margin-bottom:32px}
.cards,.services-grid,.pricing-grid,.review-grid{gap:20px}
.why-grid{grid-template-columns:minmax(0,.95fr) minmax(0,1.45fr);gap:30px}
.mini-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.card,.mini-card,.info-card,.faq-item,.download-panel,.wide-card,.feature-strip,.cta,.form-card{border-radius:20px}
@media (min-width:1400px){
  :root{--container:1200px}
}
@media (max-width:1200px){
  .container,.feature-strip{width:min(var(--container),calc(100% - 36px))}
  .hero-grid{grid-template-columns:minmax(0,1fr) minmax(340px,.9fr);gap:38px}
}
@media (max-width:1050px){
  .hero-grid,.why-grid,.live-demo-form .hero-grid{grid-template-columns:1fr;gap:28px}
  .hero-visual{justify-content:center}
  .hero-device{max-width:760px;margin:0 auto}
  .page-hero .hero-grid,.hero-grid{min-height:auto;padding:44px 0}
}
@media (max-width:680px){
  .container,.feature-strip{width:calc(100% - 26px)}
  .hero-device img{height:auto}
  .section{padding:54px 0}
}


/* ===== Customer review media / hosted content section ===== */
.review-source{display:inline-flex;align-items:center;gap:8px;font-weight:900;color:#0f69c7;margin-top:14px}
.review-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.review-stat{background:#fff;border:1px solid #e2ebf6;border-radius:18px;padding:28px;text-align:center;box-shadow:0 12px 32px rgba(18,42,74,.08)}
.review-stat strong{display:block;color:#f2ab00;font-size:36px;line-height:1;font-weight:950}.review-stat span{display:block;color:#38506e;font-weight:800;margin-top:8px}
.review-card{padding:22px}.review-card ul{margin:12px 0 0;padding-left:18px;color:#516b88}.review-card li{margin:6px 0}.stars{color:#f2ab00;font-size:18px;letter-spacing:2px;margin-bottom:12px}
.review-media-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.review-video-card{background:#fff;border:1px solid #e2ebf6;border-radius:18px;padding:14px;box-shadow:0 12px 32px rgba(18,42,74,.08)}.review-video-card h3{font-size:18px;margin:14px 4px 6px}.review-video{position:relative;width:100%;padding-top:56.25%;overflow:hidden;border-radius:14px;background:#061832}.review-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.review-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.review-gallery a{display:block;background:#fff;border:1px solid #e2ebf6;border-radius:18px;padding:12px;box-shadow:0 12px 32px rgba(18,42,74,.08);transition:.2s}.review-gallery a:hover{transform:translateY(-3px);box-shadow:0 18px 38px rgba(18,42,74,.12)}.review-gallery img{width:100%;height:210px;object-fit:contain;border-radius:12px;background:#f7fbff}.review-gallery span{display:block;font-weight:800;color:#17304f;text-align:center;margin-top:10px}
.review-date-pill{display:inline-block;background:#eef7ff;border:1px solid #cfe3ff;color:#0f69c7;border-radius:999px;padding:5px 10px;font-weight:800;font-size:12px;margin-bottom:10px}
@media(max-width:1050px){.review-media-grid,.review-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.review-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.review-media-grid,.review-gallery,.review-summary-grid{grid-template-columns:1fr}.review-gallery img{height:auto}}

/* ===== Live Trading Session redesign ===== */
.live-session-note{background:#fff;border:1px solid #e2ebf6;border-radius:18px;padding:20px;box-shadow:0 12px 32px rgba(18,42,74,.08)}
.review-video-card p{color:#516b88;margin:0 4px 8px}


/* ===== Global hero image fit fix + remove buy/sell badges ===== */
.float-badge{display:none !important;}
.hero-visual{position:relative;display:flex;align-items:center;justify-content:center;min-width:0;overflow:hidden;}
.hero-device{width:100%;max-width:660px;aspect-ratio:16/9;border-radius:24px;overflow:hidden;background:#eef5ff;border:1px solid #dbe7f5;box-shadow:0 24px 60px rgba(18,42,74,.14);transform:none !important;}
.hero-device img{width:100%;height:100% !important;object-fit:contain !important;object-position:center center;background:#eef5ff;border-radius:0;}
.page-hero .hero-device{max-width:620px;}
.live-demo-form .hero-grid{grid-template-columns:minmax(0,1fr) minmax(360px,.95fr);}
.hero-grid{grid-template-columns:minmax(0,1fr) minmax(380px,.92fr);gap:44px;align-items:center;}
.product-card .thumb img,.service-card img,.legacy-image img,.review-media img{object-fit:contain !important;background:#eef5ff;}
@media(max-width:1050px){
  .hero-grid,.live-demo-form .hero-grid{grid-template-columns:1fr;}
  .hero-device{max-width:760px;}
}
@media(max-width:680px){
  .hero-device{aspect-ratio:auto;}
  .hero-device img{height:auto !important;}
}

/* ===== Final hero/image height fit correction =====
   Removes forced 16:9 box height so wide banner images do not leave empty top/bottom space. */
.hero-device,
.page-hero .hero-device,
.live-demo-form .hero-device{
  aspect-ratio:auto !important;
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  padding:0 !important;
  display:block !important;
  overflow:hidden !important;
  background:#eef5ff !important;
}
.hero-device img,
.page-hero .hero-device img,
.live-demo-form .hero-device img{
  width:100% !important;
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  object-fit:contain !important;
  object-position:center center !important;
  display:block !important;
  background:#eef5ff !important;
}
.hero-visual{align-items:center !important;overflow:visible !important;}
.legacy-image img{height:auto !important;object-fit:contain !important;}


/* ===== Undo height-fit: restore fixed 16:9 hero image box and fill image ===== */
.hero-device,
.page-hero .hero-device,
.live-demo-form .hero-device{
  width:100% !important;
  max-width:660px !important;
  aspect-ratio:16 / 9 !important;
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  padding:0 !important;
  display:block !important;
  overflow:hidden !important;
  border-radius:24px !important;
  background:#eef5ff !important;
}
.page-hero .hero-device{max-width:620px !important;}
.hero-device img,
.page-hero .hero-device img,
.live-demo-form .hero-device img{
  width:100% !important;
  height:100% !important;
  min-height:100% !important;
  max-height:none !important;
  object-fit:cover !important;
  object-position:center center !important;
  display:block !important;
  background:#eef5ff !important;
}
.hero-visual{align-items:center !important;overflow:hidden !important;}
.float-badge{display:none !important;}
@media(max-width:680px){
  .hero-device,.page-hero .hero-device,.live-demo-form .hero-device{aspect-ratio:16 / 9 !important;}
  .hero-device img,.page-hero .hero-device img,.live-demo-form .hero-device img{height:100% !important;}
}