:root { color-scheme: light; --dx-ink:#202b32; --dx-muted:#5c6870; --dx-teal:#007e96; --dx-line:#dce3e6; }
* { box-sizing:border-box; letter-spacing:0; }
html { scroll-behavior:smooth; scroll-padding-top:90px; }
body { margin:0; background:#fff; color:var(--dx-ink); font:16px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif; }
button,input,select,textarea { font:inherit; }
button,a { -webkit-tap-highlight-color:transparent; }
button { cursor:pointer; }
a { color:inherit; text-underline-offset:4px; }
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible { outline:3px solid #1599b6; outline-offset:4px; }
h1,h2,h3,p { margin:0; }
h1,h2,h3 { line-height:1.14; }
h2 { font-size:40px; font-weight:650; }
h3 { font-size:22px; }
img { display:block; max-width:100%; }
.dx-container { width:min(1180px,calc(100% - 64px)); margin-inline:auto; }
.dx-header { position:sticky; top:0; z-index:10; display:flex; align-items:center; justify-content:space-between; gap:20px; min-height:76px; padding:12px 32px; background:#fffffff5; border-bottom:1px solid var(--dx-line); }
.dx-ibl { display:flex; align-items:center; gap:12px; text-decoration:none; font-size:14px; font-weight:600; }
.dx-ibl img { object-fit:contain; }
.dx-header nav,.dx-actions,.dx-footer nav { display:flex; align-items:center; flex-wrap:wrap; gap:28px; }
.dx-header nav>a { text-decoration:none; font-size:14px; }
.dx-header nav>.dx-login { padding:10px 14px; border:1px solid var(--dx-line); border-radius:6px; font-weight:650; color:var(--dx-teal); white-space:nowrap; }
.dx-header nav>.dx-login:hover { background:#eef6f7; border-color:var(--dx-teal); }
.dx-button { border:1px solid var(--dx-teal); border-radius:6px; padding:12px 20px; color:#fff; background:var(--dx-teal); font-weight:650; display:inline-flex; align-items:center; justify-content:center; gap:24px; text-decoration:none; }
.dx-button:hover { background:#00677b; }
.dx-button:disabled { opacity:.6; cursor:wait; }
.dx-hero { position:relative; height:calc(100svh - 150px); min-height:640px; max-height:900px; overflow:hidden; background:#f4f6f7; }
.dx-hero-screen { position:absolute; inset:auto 0 0; width:100%; height:62%; object-fit:cover; object-position:50% 37%; }
.dx-hero-copy { position:relative; width:100%; padding:40px 0 30px; background:#fff; }
.dx-hero h1 { font-size:64px; margin:12px 0; font-weight:750; }
.dx-hero-copy>div>p:not(.dx-kicker) { font-size:23px; line-height:1.35; color:var(--dx-muted); }
.dx-kicker { color:var(--dx-teal); font-size:13px; font-weight:700; }
.dx-actions { margin-top:22px; font-size:14px; }
.dx-actions>a { text-decoration:none; font-weight:600; }
.dx-proof { display:flex; justify-content:space-between; flex-wrap:wrap; gap:24px; padding-block:28px; border-bottom:1px solid var(--dx-line); font-size:14px; color:var(--dx-muted); }
.dx-proof b { color:var(--dx-ink); margin-right:6px; }
.dx-section { padding-block:88px; }
.dx-section-heading { max-width:770px; margin-bottom:36px; }
.dx-section-heading h2 { margin:12px 0 20px; }
.dx-section-heading>p:last-child { color:var(--dx-muted); font-size:17px; }
.dx-tabs { display:flex; overflow-x:auto; border-bottom:1px solid var(--dx-line); gap:28px; }
.dx-tabs button { flex:0 0 auto; border:0; border-bottom:3px solid transparent; background:none; padding:14px 0; color:var(--dx-muted); font-weight:600; }
.dx-tabs button[aria-selected="true"] { border-bottom-color:var(--dx-teal); color:var(--dx-teal); }
.dx-screen-button { display:block; position:relative; border:0; background:#f4f6f7; padding:0; width:100%; margin-top:24px; }
.dx-screen-button>img { width:100%; height:auto; aspect-ratio:8/5; object-fit:contain; }
.dx-screen-button>span { position:absolute; bottom:12px; right:12px; background:#fff; border:1px solid var(--dx-line); border-radius:4px; padding:6px 12px; color:var(--dx-ink); font-size:12px; }
.dx-screen-caption { display:grid; grid-template-columns:1fr 1fr; gap:30px; padding-top:24px; }
.dx-screen-caption p { color:var(--dx-muted); }
.dx-feature-band { background:#f3f6f6; padding-block:72px; }
.dx-features { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:40px 36px; }
.dx-features article { border-top:1px solid #cdd8dc; padding-top:20px; }
.dx-number { display:block; font-size:13px; color:var(--dx-teal); margin-bottom:16px; font-weight:700; }
.dx-features h3 { font-size:20px; line-height:1.3; margin-bottom:12px; }
.dx-features p { color:var(--dx-muted); font-size:15px; }
.dx-prices { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
.dx-price { padding:32px; border:1px solid var(--dx-line); border-radius:8px; }
.dx-price-year { border-color:var(--dx-teal); background:#f6fbfb; }
.dx-price>p,.dx-price-label { font-size:17px; font-weight:600; }
.dx-price-label { display:flex; justify-content:space-between; flex-wrap:wrap; gap:8px; }
.dx-price-label span { font-size:12px; color:#267750; background:#e7f2e9; padding:3px 8px; }
.dx-price h3 { font-size:52px; margin-top:24px; }
.dx-price h3 small { font-size:16px; color:var(--dx-muted); display:block; margin-top:8px; font-weight:400; }
.dx-price ul { padding:20px 0; list-style:none; min-height:178px; }
.dx-price li { padding:5px 0; font-size:15px; }
.dx-price li::before { content:'✓'; color:var(--dx-teal); padding-right:12px; }
.dx-price .dx-button { width:100%; }
.dx-price-note { font-size:12px; color:var(--dx-muted); margin-top:20px; max-width:880px; }
.dx-faq { padding-bottom:72px; }
.dx-faq h2 { font-size:30px; margin-bottom:24px; }
.dx-faq details { border-bottom:1px solid var(--dx-line); padding:20px 0; }
.dx-faq summary { cursor:pointer; font-weight:600; }
.dx-faq details p { margin-top:14px; color:var(--dx-muted); max-width:900px; }
.dx-closing { padding:60px 0; background:#eef4f5; }
.dx-closing img { width:210px; height:auto; margin-bottom:16px; }
.dx-closing h2 { font-size:32px; margin-bottom:24px; }
.dx-footer { display:flex; justify-content:space-between; flex-wrap:wrap; gap:20px; padding-block:30px; font-size:13px; color:var(--dx-muted); }
dialog { border:1px solid var(--dx-line); border-radius:8px; width:min(620px,calc(100% - 24px)); max-height:calc(100svh - 32px); padding:28px; color:var(--dx-ink); }
dialog::backdrop { background:#13212d80; backdrop-filter:blur(3px); }
dialog header { display:flex; justify-content:space-between; align-items:flex-start; gap:20px; margin-bottom:24px; }
dialog h2 { font-size:26px; margin-top:6px; }
.dx-icon { flex:0 0 36px; width:36px; height:36px; border:1px solid var(--dx-line); border-radius:4px; background:#fff; font-size:25px; line-height:1; }
#dx-request-form { display:grid; gap:16px; }
#dx-request-form>.dx-button { position:sticky; bottom:0; }
#dx-request-form label { display:grid; gap:6px; font-size:13px; font-weight:600; }
#dx-request-form input,#dx-request-form select,#dx-request-form textarea { border:1px solid #bdc9ce; padding:10px 12px; border-radius:4px; width:100%; min-width:0; background:#fff; color:var(--dx-ink); font-size:15px; }
.dx-form-grid { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
#dx-request-form .dx-consent { display:flex; align-items:flex-start; gap:10px; font-weight:400; }
#dx-request-form .dx-consent input { width:18px; height:18px; flex:0 0 18px; margin:3px 0 0; }
#dx-request-form .dx-honeypot { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
#dx-request-form .dx-price-note { margin:0; }
#dx-form-status { font-size:14px; }
#dx-form-status[data-error="true"] { color:#b52c2c; }
#dx-image-dialog { width:calc(100% - 24px); max-width:1800px; padding:48px 8px 8px; }
#dx-image-dialog .dx-icon { position:absolute; right:8px; top:8px; }
#dx-image-dialog img { max-height:calc(100svh - 100px); object-fit:contain; margin:auto; }
@media (max-width:700px) {
 .dx-container { width:calc(100% - 36px); }
 .dx-header { padding:10px 18px; gap:10px; min-height:66px; }
 .dx-ibl span,.dx-header nav>.dx-section-link { display:none; }
 .dx-header nav { gap:8px; }
 .dx-header nav>.dx-login { padding:9px 10px; font-size:13px; }
 .dx-header .dx-button { padding:9px 12px; font-size:13px; }
 .dx-hero { height:calc(100svh - 125px); min-height:570px; max-height:780px; }
 .dx-hero-copy { padding:30px 0 26px; }
 .dx-hero h1 { font-size:48px; }
 .dx-hero-copy>div>p:not(.dx-kicker) { font-size:20px; }
 .dx-hero-screen { height:48%; object-position:27% 35%; }
 .dx-actions { gap:16px; }
 .dx-proof { gap:12px; padding-block:22px; }
 .dx-proof span { flex-basis:100%; }
 .dx-section { padding-block:54px; }
 h2 { font-size:30px; }
 .dx-section-heading>p:last-child { font-size:16px; }
 .dx-tabs { gap:24px; }
 .dx-screen-caption,.dx-prices,.dx-features { grid-template-columns:1fr; }
 .dx-screen-caption { gap:12px; }
 .dx-features { gap:28px; }
 .dx-feature-band { padding-block:48px; }
 .dx-price { padding:24px; }
 .dx-price h3 { font-size:46px; }
 .dx-price ul { min-height:0; }
 .dx-closing h2 { font-size:27px; }
 .dx-form-grid { grid-template-columns:1fr; }
 dialog { padding:20px; }
 dialog h2 { font-size:23px; }
}
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }