*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;color:#172033;background:#f7f9fc}a{text-decoration:none;color:inherit}.nav{position:sticky;top:0;z-index:20;background:#ffffffeb;backdrop-filter:blur(14px);border-bottom:1px solid #e7ebf2}.navin{max-width:1180px;margin:auto;padding:14px 22px;display:flex;align-items:center;justify-content:space-between}.brand{font-weight:900;font-size:22px}.brand b{color:#2463eb}.lang{display:flex;gap:6px}.lang button{border:1px solid #d7deea;background:white;border-radius:10px;padding:8px 11px;font-weight:800;cursor:pointer}.lang button.on{background:#172033;color:#fff}.main-visual{max-width:1440px;margin:0 auto;padding:28px 22px 12px;position:relative}.main-visual img{display:block;width:100%;height:auto;border-radius:22px;box-shadow:0 30px 70px #20345a2b}.main-visual-action{display:flex;justify-content:center;margin-top:22px}.hero{max-width:1180px;margin:auto;padding:72px 22px 62px;display:grid;grid-template-columns:.82fr 1.18fr;gap:46px;align-items:center}.tag{display:inline-block;padding:7px 11px;border-radius:999px;background:#eaf1ff;color:#2458bd;font-weight:800;font-size:13px}.hero h1{font-size:54px;line-height:1.03;margin:16px 0}.hero p{font-size:19px;line-height:1.6;color:#596579}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-block;padding:15px 22px;border-radius:13px;font-weight:900}.primary{background:#2463eb;color:white}.screen.real{background:#111827;border-radius:22px;padding:10px;box-shadow:0 30px 70px #20345a2b}.screen.real img{display:block;width:100%;height:auto;border-radius:13px}.section{max-width:1180px;margin:auto;padding:64px 22px}.section h2{text-align:center;font-size:36px;margin:0 0 10px}.lead{text-align:center;color:#667085;margin:0 auto 42px;max-width:760px;line-height:1.6}.showcase{display:grid;grid-template-columns:1.45fr .55fr;gap:42px;align-items:center;margin:0 0 72px}.showcase.reverse{grid-template-columns:.55fr 1.45fr}.showcase.reverse .shot{order:2}.showcase.reverse .copy{order:1}.shot{background:#fff;padding:9px;border:1px solid #e2e8f0;border-radius:18px;box-shadow:0 18px 45px #20345a16}.shot img{display:block;width:100%;height:auto;border-radius:11px}.copy .num{font-size:13px;font-weight:900;color:#2463eb;letter-spacing:.12em}.copy h3{font-size:30px;margin:9px 0 12px}.copy p{font-size:17px;line-height:1.65;color:#667085;margin:0}.admin-head{padding-top:12px}.gallery{display:grid;grid-template-columns:1fr 1fr;gap:20px}.gallery figure{margin:0;background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:9px;box-shadow:0 14px 36px #20345a10}.gallery img{display:block;width:100%;height:auto;border-radius:11px}.gallery figcaption{padding:14px 8px 8px;font-weight:800;color:#344054}.mini-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:20px}.mini-cards article{background:#fff;border:1px solid #e7ebf2;border-radius:16px;padding:20px}.mini-cards strong{display:block;margin-bottom:7px}.mini-cards span{color:#667085;line-height:1.5}.trial{background:#172033;color:#fff;border-radius:24px;padding:38px;display:flex;align-items:center;justify-content:space-between;gap:20px}.trial p{color:#cbd5e1}.foot{text-align:center;padding:38px 20px;color:#7a8495}.downloadbox{max-width:760px;margin:80px auto;padding:0 22px}.downloadcard{background:white;border:1px solid #e1e7f0;border-radius:22px;padding:34px;box-shadow:0 18px 50px #20345a12}.version{font-size:14px;color:#667085}.disabled{background:#aeb8c7;color:#fff;cursor:not-allowed}.note{background:#fff7df;border-radius:12px;padding:14px;color:#7a5b00;margin-top:20px;line-height:1.5}@media(max-width:900px){.hero{grid-template-columns:1fr;padding-top:52px}.hero h1{font-size:44px}.showcase,.showcase.reverse{grid-template-columns:1fr;gap:22px;margin-bottom:52px}.showcase.reverse .shot,.showcase.reverse .copy{order:initial}.gallery,.mini-cards{grid-template-columns:1fr}.trial{display:block}.hero p{font-size:17px}}@media(max-width:520px){.hero h1{font-size:38px}.section h2{font-size:30px}.copy h3{font-size:25px}.hero,.section{padding-left:16px;padding-right:16px}}
.nav-actions{display:flex;align-items:center;gap:12px}.nav-download{background:#1677e8;color:#fff;padding:9px 15px;border-radius:10px;font-weight:900;font-size:14px}.text-features{padding-top:54px}.feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.feature-grid article{background:#fff;border:1px solid #e3e8f0;border-radius:16px;padding:22px 24px;box-shadow:0 10px 28px #20345a0b}.feature-grid h3{margin:0 0 9px;font-size:20px}.feature-grid p{margin:0;color:#667085;line-height:1.6}.main-visual{padding-top:24px}.main-visual img{border-radius:18px}@media(max-width:700px){.navin{padding:11px 14px}.nav-actions{gap:7px}.nav-download{padding:8px 10px;font-size:12px}.brand{font-size:19px}.lang button{padding:7px 8px}.feature-grid{grid-template-columns:1fr}.main-visual{padding:14px 10px 4px}.text-features{padding-top:38px}}

/* v6 layout: full-width hero and compact descriptive feature cards */
.main-visual{width:100%;max-width:none;margin:0;padding:0;background:#0b1220;overflow:hidden}
.main-visual img{display:block;width:100%;height:auto;max-width:none;border-radius:0;box-shadow:none}
.text-features{max-width:1440px;padding-top:48px;padding-bottom:42px}
.text-features .lead{margin-bottom:28px}
.feature-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.feature-grid article{min-height:164px;padding:20px 18px}
.feature-grid h3{font-size:18px;line-height:1.25}
.feature-grid p{font-size:14px;line-height:1.55}
@media(max-width:1180px){.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:820px){.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.main-visual img{min-height:280px;object-fit:cover;object-position:center}}
@media(max-width:520px){.feature-grid{grid-template-columns:1fr}.main-visual img{min-height:235px;object-fit:cover;object-position:center}.text-features{padding-top:32px}.feature-grid article{min-height:0}}

/* v7: crisp vector icons for the 10 main feature cards */
.feature-grid article{display:flex;align-items:flex-start;gap:16px}
.feature-icon{flex:0 0 52px;width:52px;height:52px;display:grid;place-items:center;color:#087cf0}
.feature-icon svg{display:block;width:48px;height:48px;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;overflow:visible}
.feature-copy{min-width:0;flex:1}
.feature-copy h3{margin:4px 0 9px}
@media(max-width:1180px){.feature-icon{flex-basis:48px;width:48px;height:48px}.feature-icon svg{width:44px;height:44px}}
@media(max-width:520px){.feature-grid article{gap:14px}.feature-icon{flex-basis:44px;width:44px;height:44px}.feature-icon svg{width:40px;height:40px}}