.datvisual-product .page-hero{padding-bottom:65px}
.datvisual-product .hero-grid{grid-template-columns:1.25fr .75fr;gap:60px}
.datvisual-product .hero-panel{padding:30px;background:#fff}
.datvisual-product .hero-panel h3{font-size:19px;color:#163b67;margin:0 0 20px}
.datvisual-product .hero-panel .checklist{font-size:14px;line-height:1.8}
.datvisual-product .hero-panel li+li{margin-top:13px}
.product-window{margin:45px auto 0;padding:0;overflow:hidden;border:1px solid #7ba2cc;border-radius:12px;background:#fff;box-shadow:0 32px 70px #00142d55}
.product-window-bar{display:flex;gap:22px;align-items:center;padding:13px 19px;border-bottom:1px solid #dce6ef;background:#eaf2fc;color:#173c66;font-size:12px;font-weight:700}
.product-window-bar>span:last-child{margin-left:auto;font-size:11px;font-weight:500;color:#496682}
.product-window-dots{display:flex;gap:5px}.product-window-dots i{display:block;width:6px;height:6px;border-radius:50%;background:#809ebd}
.product-screen-link{display:block;background:#fff}
.product-screen-link img{display:block;width:100%;height:auto;object-fit:contain}
.product-window figcaption{display:flex;gap:20px;justify-content:space-between;padding:16px 20px;border-top:1px solid #dce6ef;color:#4b6480;font-size:12px;line-height:1.7}
.product-window figcaption a{white-space:nowrap;color:#145aa2;font-weight:700}
.datvisual-product #capabilities{background:#f5f9fe}
.product-modules{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:38px}
.product-module{position:relative;border:1px solid #ccdaeb;border-radius:12px;background:#fff;padding:26px;box-shadow:0 5px 0 #d9e7f6;min-width:0}
.product-module-icon{display:flex;align-items:center;justify-content:center;width:46px;height:46px;background:#edf5ff;border-radius:10px;color:#175caa}
.product-module-icon svg{width:26px;height:26px}
.product-module-index{position:absolute;top:32px;right:25px;font-size:11px;font-weight:700;letter-spacing:.08em;color:#6c88a5}
.product-module h3{font-family:Manrope,Arial,sans-serif;font-size:18px;line-height:1.5;letter-spacing:-.025em;margin:21px 0 13px;color:#183d67}
.product-module p{font-size:14px;line-height:1.85;color:#4a627e;margin:0}
.product-module--ai{grid-column:1/-1;display:grid;grid-template-columns:46px .7fr 1.3fr;gap:24px;align-items:center;background:#0d2e58;border-color:#1d5287;box-shadow:0 5px 0 #83b9e8}
.product-module--ai h3{margin:0;color:#fff;font-size:24px}.product-module--ai p{color:#c9ddf3;padding-right:25px}.product-module--ai .product-module-index{color:#95c9f4;top:17px;right:17px}
.product-window a:focus-visible,.product-module a:focus-visible{outline:3px solid #1688d1;outline-offset:-3px}
@media(max-width:1000px){.datvisual-product .hero-grid{gap:28px;grid-template-columns:1fr 1fr}.product-modules{grid-template-columns:repeat(2,minmax(0,1fr))}.datvisual-product .hero-panel{padding:24px}.product-window-bar>span:last-child{max-width:50%;text-align:right}}
@media(max-width:700px){.datvisual-product .hero-grid{grid-template-columns:1fr;gap:30px}.datvisual-product .page-hero{padding-bottom:40px}.product-window{margin-top:32px}.product-window figcaption{flex-direction:column;gap:9px;font-size:11px}.product-window-bar{gap:12px;padding:11px 13px}.product-window-bar>span:last-child{font-size:10px}.product-modules{grid-template-columns:1fr;gap:18px}.product-module{padding:24px}.product-module--ai{display:block}.product-module--ai h3{margin:21px 0 13px}.product-module--ai p{padding-right:0}.product-module h3{font-size:18px}}