/* Premium futuristic design extension */
:root{--bg:#030d12;--bg2:#091d24;--panel:#0a2025;--line:#25534d;--green:#6ef0a0;--lime:#b5f58f;--nav:rgba(3,12,17,.92);--shadow:0 24px 90px #0008}
:root.light{--bg:#eef7f5;--bg2:#e2f0eb;--panel:#fff;--line:#bed8ce;--green:#128956;--lime:#39884b;--nav:rgba(238,247,245,.94);--shadow:0 16px 50px #15362918}
body{background:radial-gradient(ellipse at 50% -10%,#113b42,transparent 40%),var(--bg);letter-spacing:.005em}
.container{width:min(1390px,calc(100% - 40px))}
.topbar{box-shadow:0 3px 35px #03121077}.nav{min-height:88px;gap:15px}.brand-logo{width:205px;max-width:100%;height:60px;object-fit:contain;object-position:left center}.logo{flex-shrink:0;min-width:195px}.links{gap:14px;flex-wrap:wrap}.links a{font-size:12px}.links a:hover{color:var(--green)}
.section h2{letter-spacing:-.035em}.hero{min-height:650px}.hero::before{background:linear-gradient(90deg,#030f16f7 0%,#04151cea 33%,#0310144d 100%),url('assets/slide-01.jpg') center/cover}.hero h1{font-weight:820}.hero h1 span{background:linear-gradient(120deg,#59f39c,#b6f3dc);color:transparent;background-clip:text}
.card,.architecture,.demo-shell{box-shadow:0 20px 55px #0004;backdrop-filter:blur(9px)}.card:hover{border-color:#4d9880}.btn{box-shadow:0 6px 25px #12dd7624}.nav a:focus-visible,.btn:focus-visible{outline:2px solid #a8f7c4}
.demo-shell{border:1px solid #307e6b;border-radius:26px;background:linear-gradient(145deg,#06161b,#092a30);box-shadow:0 24px 100px #0008,0 0 40px #0f8c5e17}
.demo-corner{left:18px;top:18px;z-index:5;display:flex;align-items:center;gap:15px;padding:6px 12px 6px 7px;background:#030c10d8;border:1px solid #6befab4f;border-radius:12px;max-width:calc(100% - 40px)}.demo-brand{height:39px;width:142px;object-fit:contain}.demo-corner span{font-size:9px;letter-spacing:.12em;max-width:200px}.demo-view-label{bottom:15px}
.bms-solutions{position:relative;background:radial-gradient(circle at 80% 0%,#174c4c50,transparent 35%),var(--bg2)}.bms-keypoints{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin:30px 0}.bms-key{padding:22px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,var(--panel),transparent);min-height:180px}.bms-key span{font-size:11px;color:var(--green);font-weight:850;letter-spacing:.14em}.bms-key strong{display:block;font-size:16px;margin:12px 0 8px}.bms-key p{font-size:13px;color:var(--muted);margin:0}.bms-feature{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:30px;border:1px solid var(--line);background:var(--panel);border-radius:22px;overflow:hidden;padding:20px}.bms-feature>img{width:100%;border-radius:12px;display:block;box-shadow:var(--shadow)}.bms-feature h3{font-size:clamp(21px,3vw,33px);line-height:1.2;margin:8px 0 14px}.bms-feature p{color:var(--muted)}.bms-tags{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.bms-tags span{color:var(--green);font-size:11px;border:1px solid var(--line);padding:5px 10px;border-radius:30px}.bms-pages-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin:42px 0 16px;flex-wrap:wrap}.bms-pages-heading h3{font-size:23px;margin:5px 0}.bms-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.bms-page{padding:0;overflow:hidden;cursor:pointer;text-align:left;color:var(--text);background:var(--panel);border:1px solid var(--line);border-radius:14px}.bms-page img{aspect-ratio:4/3;object-fit:cover;width:100%;transition:transform .3s}.bms-page:hover img{transform:scale(1.04)}.bms-page span{display:block;padding:10px 12px;font-size:12px;font-weight:700}
.demo-tab{background:#081a1e}.demo-head{background:#0d252a}.demo-metric{background:#06161c}.demo-controls button{transition:transform .18s,border-color .18s}.demo-controls button:hover:not(:disabled){transform:translateY(-2px)}
@media(max-width:1180px){.links{gap:10px}.links a{font-size:11px}.brand-logo{width:170px}.logo{min-width:170px}}
@media(max-width:900px){.bms-keypoints,.bms-gallery{grid-template-columns:repeat(2,1fr)}.bms-feature{grid-template-columns:1fr}.brand-logo{width:190px}.links{gap:16px}}
@media(max-width:620px){.bms-keypoints,.bms-gallery{grid-template-columns:1fr 1fr}.bms-key{padding:14px;min-height:170px}.bms-page span{font-size:11px}.demo-corner span{display:none}.demo-brand{width:112px;height:30px}.bms-feature{padding:14px}}
@media(max-width:400px){.bms-keypoints{grid-template-columns:1fr}.bms-key{min-height:auto}}