:root{--navy:#06152b;--navy2:#0a2344;--panel:#0c2a4e;--line:#254365;--yellow:#ffc928;--yellow2:#ffdb61;--white:#f7faff;--muted:#a9bad0;--ink:#10223b;--paper:#eef3f9;--green:#51df9b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--navy);color:var(--white);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}button,select{font:inherit}.topbar{height:auto;min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:12px clamp(18px,4vw,64px);border-bottom:1px solid #203b5b;background:rgba(4,17,36,.96);position:relative;z-index:5}.logo{display:flex;align-items:center;gap:10px;min-width:max-content;font-size:16px;font-weight:850;letter-spacing:.04em}.logo img{width:44px;height:44px;object-fit:contain}.logo small{display:block;font-size:9px;font-weight:500;letter-spacing:0;color:#9fb2c9}.nav{display:flex;align-items:center;gap:clamp(12px,2vw,28px);font-size:13px;color:#e4edf7}.nav>a:not(.nav-cta):hover{color:var(--yellow)}.nav-cta{background:var(--yellow);color:#08182f;padding:11px 16px;border-radius:9px;font-weight:800}.language{display:flex;align-items:center;gap:5px;border:1px solid #2b4667;padding:6px 8px;border-radius:8px}.language select{background:transparent;color:white;border:0;outline:0;max-width:105px}.language option{color:#10223b}.menu-toggle{display:none;background:transparent;color:white;border:1px solid var(--line);border-radius:8px;padding:7px 10px}.hero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.02fr);gap:clamp(28px,5vw,80px);padding:76px clamp(20px,5vw,78px) 66px;align-items:center;background:radial-gradient(ellipse at 72% 25%,#103d68 0,transparent 48%),linear-gradient(125deg,#07172d,#06152b 55%,#0a2545)}.hero:after{content:"";position:absolute;inset:auto -10% -210px 40%;height:340px;border:1px solid #284d72;border-radius:50%;transform:rotate(-9deg);pointer-events:none}.hero-glow{position:absolute;width:450px;height:450px;border-radius:50%;background:#ffcb2810;filter:blur(12px);top:-190px;left:28%}.hero-copy,.hero-art{position:relative;z-index:1}.pill,.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--yellow);font-weight:800;font-size:11px;letter-spacing:.13em;text-transform:uppercase}.pill{border:1px solid #806719;background:#ffc92818;border-radius:30px;padding:8px 13px;letter-spacing:.06em}h1{font-size:clamp(40px,5vw,68px);line-height:1.03;letter-spacing:-.045em;margin:22px 0 18px;max-width:690px}h2{line-height:1.15;letter-spacing:-.025em}.hero-lead{font-size:clamp(18px,2vw,24px);line-height:1.42;font-weight:650;max-width:630px;margin:0 0 12px}.muted,.section-head p,.page-hero p{color:var(--muted);max-width:660px}.platform-pills{display:flex;flex-wrap:wrap;gap:9px;margin:23px 0}.platform-pills span{border:1px solid #294a6b;background:#0d2b4d;border-radius:8px;padding:8px 11px;color:#dce8f5;font-size:12px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:9px;padding:12px 17px;font-size:13px;font-weight:850;transition:transform .18s,background .18s;border:1px solid transparent}.btn:hover{transform:translateY(-2px)}.btn-yellow{background:var(--yellow);color:#07172e;box-shadow:0 8px 24px #ffc92818}.btn-outline{border-color:#56708c;color:#f3f7fd;background:#ffffff04}.micro{font-size:11px;color:#8ea4be;margin-top:15px}.hero-art{border:1px solid #2a4a6a;background:linear-gradient(150deg,#102c4d,#06152a 70%);border-radius:20px;padding:22px;box-shadow:0 28px 70px #0005;transform:perspective(1100px) rotateY(-2deg)}.art-top,.chart-foot,.art-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:10px;letter-spacing:.08em;color:#a9c0d8}.live-dot{color:var(--green)}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:22px 0 12px}.metric{border:1px solid #254566;border-radius:10px;background:#0a2240;padding:12px;min-width:0}.metric span{display:block;color:var(--yellow);width:24px;height:24px;margin-bottom:10px}.metric svg,.feature-icon svg{width:100%;height:100%}.metric small{display:block;color:#9db2cb;font-size:10px}.metric strong{display:block;font-size:12px;margin-top:3px}.chart-card{border:1px solid #254566;border-radius:12px;background:#091e38;padding:17px}.chart-card small{display:block;color:#91a9c4;font-size:10px}.bars{height:125px;display:flex;align-items:end;gap:12px;padding:15px 5px 0;border-bottom:1px solid #34506e;margin-top:7px}.bars i{display:block;flex:1;border-radius:5px 5px 0 0;background:linear-gradient(var(--yellow2),#eaa500);box-shadow:0 0 18px #ffc92815}.chart-foot{padding-top:9px;font-size:10px}.art-bottom{margin-top:15px;padding-top:14px;border-top:1px solid #254566;color:#d7e3f1}.trust-strip{display:flex;justify-content:space-around;gap:18px;flex-wrap:wrap;padding:20px clamp(20px,5vw,78px);background:#edf2f8;color:#1a2b44;font-size:12px;font-weight:750}.trust-strip span:before{content:"✓";color:#b78600;font-weight:900;margin-right:8px}.section{padding:80px clamp(20px,5vw,78px)}.section-head{text-align:center;max-width:820px;margin:0 auto 38px}.section-head h2,.platform-section h2,.price-banner h2{font-size:clamp(28px,3.5vw,42px);margin:12px 0}.section-head p{margin:0 auto}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.feature-card{border:1px solid #1d3a5b;background:linear-gradient(145deg,#0d294a,#081c35);border-radius:14px;padding:23px;min-width:0}.feature-card h3,.feature-card h2{font-size:17px;margin:15px 0 8px}.feature-card p{font-size:13px;color:#a8bad0;margin:0}.feature-icon{width:44px;height:44px;display:grid;place-items:center;padding:10px;border-radius:12px;color:var(--yellow);background:#ffc92818;border:1px solid #7a641d}.center{text-align:center;margin-top:28px}.platform-section{display:grid;grid-template-columns:.7fr 1.3fr;gap:45px;padding:70px clamp(20px,5vw,78px);background:#0a203b;border-top:1px solid #1e3a5a;border-bottom:1px solid #1e3a5a}.platform-section h2{margin-top:10px}.platform-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.platform-grid article{padding:20px;border:1px solid #2b4969;border-radius:13px;background:#0b294a}.platform-icon{font-size:25px;color:var(--yellow)}.platform-grid h3{font-size:15px}.platform-grid p{font-size:12px;color:var(--muted)}.price-banner{display:grid;grid-template-columns:1.4fr .6fr;align-items:center;gap:40px;margin:60px clamp(20px,5vw,78px);padding:36px;border:1px solid #725d1d;border-radius:18px;background:radial-gradient(ellipse at 100% 0,#ffc92818,transparent 45%),#0a203a}.price-banner p{color:#b4c5d9;max-width:740px}.price-amount{display:flex;flex-direction:column;gap:8px;padding:22px;border:1px solid #4e4b35;border-radius:13px;background:#07172d}.price-amount strong{font-size:42px;color:var(--yellow)}.price-amount strong span{font-size:13px;color:#c2cddd}.price-amount small{color:#9fb2c9}.download-band{margin:0 clamp(20px,5vw,78px) 70px;padding:28px 32px;border-radius:14px;background:var(--yellow);color:#07172d;display:flex;align-items:center;justify-content:space-between;gap:20px}.download-band h2{margin:0 0 7px}.download-band p{margin:0;color:#3c3b30;font-size:13px}.download-band .btn{background:#07172d;color:#fff}.page-hero{padding:70px clamp(20px,6vw,90px) 48px;background:radial-gradient(ellipse at 80% 0,#12395d,transparent 55%),#07172e;border-bottom:1px solid #1c3a5a}.page-hero h1{font-size:clamp(36px,4.5vw,56px);margin:15px 0}.page-hero p{font-size:16px}.feature-grid-all{padding:48px clamp(20px,5vw,78px) 30px}.notice{margin:0 clamp(20px,5vw,78px) 60px;padding:16px;border-left:3px solid var(--yellow);background:#102a48;color:#c3d2e3;font-size:13px}.pricing-wrap{display:grid;grid-template-columns:repeat(2,minmax(0,440px));justify-content:center;gap:22px;padding:55px 20px}.pricing-card{padding:30px;border:1px solid #284768;background:#0a2341;border-radius:16px}.pricing-highlight{border-color:#a88418;box-shadow:0 0 35px #ffc9280b}.plan-label{font-size:11px;color:var(--yellow);font-weight:850;letter-spacing:.1em}.pricing-card h2{font-size:23px}.big-price{font-size:44px;color:var(--yellow);font-weight:900}.big-price small{font-size:13px;color:#b6c6d9;font-weight:500}.pricing-card ul{padding-left:19px;color:#c6d5e5;font-size:14px;line-height:2}.pricing-card li::marker{color:var(--green)}.pricing-card .btn{width:100%;margin-top:12px}.faq-wrap{max-width:900px;margin:45px auto 80px;padding:0 20px}.faq-item{border:1px solid #254463;border-radius:10px;background:#0b2340;margin:10px 0;padding:18px 20px}.faq-item summary{font-weight:750;cursor:pointer}.faq-item p{color:#b1c2d5;font-size:14px}.download-list{max-width:920px;margin:40px auto 80px;padding:0 20px}.empty-download{border:1px dashed #536d88;border-radius:16px;text-align:center;padding:45px 20px;background:#0b2340}.empty-download .feature-icon{margin:0 auto}.empty-download p{color:var(--muted)}.download-item{display:flex;align-items:center;gap:16px;padding:18px;border:1px solid #294866;background:#0a2341;border-radius:12px;margin:12px 0}.file-icon{width:42px;height:42px;display:grid;place-items:center;background:#ffc92818;color:var(--yellow);border-radius:10px;font-size:24px}.file-info{flex:1;min-width:0}.file-info h2{font-size:15px;overflow-wrap:anywhere}.file-info p{color:var(--muted);font-size:12px}.footer{padding:45px clamp(20px,5vw,78px) 20px;border-top:1px solid #1f3b5b;background:#041226}.footer-main{display:grid;grid-template-columns:2fr 1fr 1.2fr;gap:35px;padding-bottom:30px}.footer-main p{max-width:350px;color:#91a7c0;font-size:13px}.footer-main h3{font-size:13px;color:var(--yellow)}.footer-main>div>a:not(.logo){display:block;color:#afc0d3;font-size:13px;margin:8px 0}.footer-bottom{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;padding-top:17px;border-top:1px solid #1c3450;color:#839ab4;font-size:11px}.footer-logo img{width:39px;height:39px}
@media(max-width:1000px){.topbar{flex-wrap:wrap}.menu-toggle{display:block}.nav{display:none;flex-basis:100%;flex-wrap:wrap;padding:12px 0}.nav.open{display:flex}.hero{grid-template-columns:1fr;padding-top:55px}.hero-art{max-width:720px;width:100%;margin:auto}.platform-section{grid-template-columns:1fr}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.platform-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:640px){.logo{font-size:13px}.logo img{width:37px;height:37px}.hero{padding:42px 18px}.hero h1{font-size:42px}.hero-art{padding:13px;transform:none}.metric-grid{grid-template-columns:repeat(2,1fr)}.trust-strip{justify-content:flex-start}.section{padding:55px 18px}.feature-grid,.platform-grid,.pricing-wrap{grid-template-columns:1fr}.platform-section{padding:50px 18px}.price-banner{grid-template-columns:1fr;margin:30px 18px;padding:22px}.download-band{margin:0 18px 45px;align-items:flex-start;flex-direction:column;padding:23px}.page-hero{padding:48px 20px 30px}.feature-grid-all{padding:30px 18px}.notice{margin:0 18px 35px}.footer-main{grid-template-columns:1fr;gap:15px}.download-item{align-items:flex-start;flex-wrap:wrap}.download-item .btn{width:100%}.art-bottom{font-size:8px}.chart-foot{font-size:9px}}

/* v2.0.1: approved Metrosoft product-microsite two-tier header */
.site-header{position:relative;z-index:20;background:#fff;color:#201b2e;border-bottom:1px solid #e8e2ef}
.company-bar{min-height:70px;display:flex;align-items:center;gap:28px;padding:8px clamp(20px,5vw,78px);background:#fff;border-bottom:1px solid #eee8f4}
.company-logo{display:flex;align-items:center;flex:0 0 auto;width:170px;height:52px;background:#fff}
.company-logo img,.footer-logo img{display:block;width:100%;height:100%;object-fit:contain;object-position:left center;background:#fff}
.company-bar p{margin:0;color:#766b87;font-size:12px;flex:1}
.company-contact{font-size:12px;font-weight:800;color:#4e168c;white-space:nowrap}
.company-contact span{padding-left:8px}
.product-bar{min-height:66px;display:flex;align-items:center;justify-content:space-between;gap:22px;padding:8px clamp(20px,5vw,78px);background:#fff;color:#282238}
.product-brand{display:flex;align-items:center;gap:10px;min-width:220px;font-weight:800;font-size:14px;color:#251d35}
.product-brand-icon{width:36px;height:36px;display:grid;place-items:center;background:#f3eafa;color:#6816a5;border-radius:11px;padding:7px;flex:none}
.product-brand-icon svg{width:100%;height:100%}
.product-bar .nav{display:flex;align-items:center;gap:clamp(10px,1.7vw,24px);font-size:12px;color:#665d75}
.product-bar .nav>a:not(.nav-cta):hover{color:#6816a5}
.product-bar .nav-cta{background:#6d16a8;color:#fff;padding:11px 15px;border-radius:9px}
.product-bar .language{border-color:#e2d8ed;color:#4d4260}
.product-bar .language select{color:#4d4260}
.product-bar .language option{color:#10223b}
.menu-toggle{color:#322443;border-color:#ded3e8}
.footer-logo{display:flex;width:170px;height:58px;background:#fff;border-radius:5px;padding:3px}
.footer{border-top:1px solid #263c58}
@media(max-width:1050px){.company-bar{gap:18px}.product-brand{min-width:0}.product-bar .nav{gap:10px}}
@media(max-width:820px){.company-bar{min-height:64px;padding:7px 18px;gap:12px}.company-logo{width:145px;height:46px}.company-bar p{display:none}.company-contact{margin-left:auto;font-size:11px}.product-bar{padding:10px 18px;flex-wrap:wrap}.product-brand{font-size:12px;max-width:calc(100% - 55px)}.product-bar .nav{display:none;flex-basis:100%;flex-direction:column;align-items:stretch;gap:0;padding:8px 0 4px}.product-bar .nav.open{display:flex}.product-bar .nav>a:not(.nav-cta){padding:10px 4px;border-bottom:1px solid #eee8f4}.product-bar .nav .language{align-self:flex-start;margin:10px 0}.product-bar .nav-cta{align-self:flex-start;margin-top:8px}.menu-toggle{display:block}}