.pro-page { -webkit-font-smoothing:antialiased; }
.pro-header,.pro-page main,.pro-footer { width:min(1184px,calc(100% - 64px)); margin-inline:auto; }
.pro-header { display:flex; justify-content:space-between; align-items:center; min-height:84px; gap:20px; border-bottom:1px solid var(--dx-border); }
.pro-brand { display:inline-flex; gap:10px; align-items:center; font-size:19px; font-weight:750; letter-spacing:.03em; color:var(--dx-text)!important; text-decoration:none; }
.pro-brand img { border-radius:6px; }
.pro-brand span { padding-left:10px; border-left:1px solid var(--dx-border-strong); color:var(--dx-muted); font-size:14px; font-weight:450; letter-spacing:0; }
.pro-header nav { display:flex; gap:24px; align-items:center; }
.pro-header nav>a { color:var(--dx-muted); text-decoration:none; font-size:14px; }
.pro-header nav>a:hover { color:var(--dx-text); }
.pro-hero { display:grid; grid-template-columns:1.05fr 1fr; align-items:center; gap:80px; padding:88px 0 96px; }
.pro-product-title { margin:0; font-size:12px; line-height:1.6; }
.pro-headline { margin:20px 0 24px; font-size:var(--dx-type-display); line-height:1.02; letter-spacing:-.055em; font-weight:650; }
.pro-dot { padding:0 5px; color:var(--dx-accent); }
.pro-tagline { font-size:clamp(19px,2.2vw,25px); line-height:1.45; letter-spacing:-.025em; margin:0 0 22px; color:var(--dx-muted); }
.pro-tagline span { color:var(--dx-text); }
.pro-description { max-width:470px; margin:0 0 28px; color:var(--dx-muted); font-size:15px; line-height:1.8; }
.pro-cta { margin-bottom:12px; }
.pro-cta span { margin-left:16px; }
.pro-preview { border:1px solid var(--dx-border); border-radius:var(--dx-radius-lg); background:var(--dx-surface); overflow:hidden; }
.pro-preview-head { padding:22px 24px; border-bottom:1px solid var(--dx-border); display:flex; gap:12px; flex-wrap:wrap; align-items:center; justify-content:space-between; }
.pro-preview-head .dx-eyebrow { font-size:10px; }
.pro-research-flow { list-style:none; margin:0; padding:12px 24px; }
.pro-research-flow li { display:flex; gap:20px; padding:22px 0; }
.pro-research-flow li+li { border-top:1px solid var(--dx-border); }
.pro-step { flex:none; color:var(--dx-accent); font:500 12px/1.7 var(--dx-mono); padding-top:2px; }
.pro-research-flow strong { font-size:16px; font-weight:600; letter-spacing:-.02em; }
.pro-research-flow p { color:var(--dx-muted); font-size:13px; line-height:1.7; margin:7px 0 12px; }
.pro-flow-label { font-size:11px; color:var(--dx-faint); }
.pro-preview-note { margin:0; border-top:1px solid var(--dx-border); padding:16px 24px; font-size:11px; line-height:1.7; color:var(--dx-faint); }
.pro-capabilities { display:grid; grid-template-columns:280px 1fr; gap:80px; border-top:1px solid var(--dx-border); padding:72px 0; }
.pro-section-intro h2 { font-size:32px; line-height:1.2; font-weight:600; letter-spacing:-.035em; margin:18px 0; }
.pro-section-intro>p:not(.dx-eyebrow) { color:var(--dx-muted); line-height:1.75; font-size:14px; }
.pro-feature-grid { display:grid; grid-template-columns:1fr 1fr; gap:32px; }
.pro-feature-grid article { padding:0 0 24px; border-bottom:1px solid var(--dx-border); }
.pro-feature-index { font-size:11px; color:var(--dx-faint); }
.pro-feature-grid h3 { margin:12px 0 8px; font-weight:600; font-size:17px; line-height:1.4; letter-spacing:-.025em; }
.pro-feature-grid p { margin:0; color:var(--dx-muted); line-height:1.8; font-size:13px; }
.pro-feature-wide { grid-column:1/-1; }
.pro-pricing { padding:48px; display:grid; grid-template-columns:1fr 1fr; gap:64px; background:var(--dx-surface); border:1px solid var(--dx-border); border-radius:var(--dx-radius-lg); margin-bottom:72px; }
.pro-pricing h2 { font-size:32px; line-height:1.2; font-weight:600; letter-spacing:-.03em; margin:12px 0; }
.pro-pricing p { color:var(--dx-muted); font-size:14px; }
.pro-price strong { display:inline-block; margin:0 16px 12px 0; font-size:44px; font-weight:600; letter-spacing:-.05em; line-height:1.2; font-variant-numeric:tabular-nums; }
.pro-price strong span { font-size:16px; color:var(--dx-muted); letter-spacing:0; font-weight:400; }
.pro-price p { font-size:12px; line-height:1.8; margin:0; }
.pro-interest { display:grid; grid-template-columns:1fr 1.2fr; gap:80px; padding:0 0 72px; scroll-margin-top:32px; }
.pro-interest form { display:grid; gap:22px; }
.pro-interest fieldset { margin:0; padding:0; border:0; min-width:0; }
.pro-interest legend { margin-bottom:10px; font-size:14px; font-weight:600; }
.pro-interest legend span { font-weight:400; color:var(--dx-faint); font-size:12px; }
.pro-check-grid { display:grid; grid-template-columns:1fr 1fr; gap:6px 16px; }
.pro-check-grid label { display:flex; align-items:center; gap:8px; min-height:36px; font-size:13px; color:var(--dx-muted); }
.pro-page input[type="checkbox"] { accent-color:var(--dx-accent); width:16px; height:16px; flex:none; }
.pro-consent { display:flex; align-items:flex-start; gap:10px; font-size:13px; }
.pro-consent input { margin-top:4px; }
.pro-consent small { display:block; color:var(--dx-faint); margin-top:5px; font-size:12px; line-height:1.7; }
.pro-error { color:var(--dx-danger); font-size:14px; margin:0; }
.pro-success h3 { font-size:24px; font-weight:600; margin:0 0 12px; }
.pro-success p { color:var(--dx-muted); }
.pro-action,.pro-manage { margin:32px 0; }
.pro-manage h2 { font-size:22px; letter-spacing:-.025em; margin:0; }
.pro-manage p { color:var(--dx-muted); }
.pro-manage-actions { display:flex; gap:8px; flex-wrap:wrap; margin-bottom:12px; }
.pro-admin { padding-bottom:64px; }
.pro-admin-cards { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin:24px 0; }
.pro-admin-cards strong { display:block; font-size:32px; font-weight:550; font-variant-numeric:tabular-nums; }
.pro-admin-cards span { font-size:13px; color:var(--dx-muted); }
.pro-admin-table { overflow:auto; border:1px solid var(--dx-border); border-radius:var(--dx-radius); margin:24px 0; }
.pro-admin table { width:100%; border-collapse:collapse; font-size:13px; text-align:left; }
.pro-admin th,.pro-admin td { padding:12px 16px; border-bottom:1px solid var(--dx-border); white-space:nowrap; }
.pro-admin th { color:var(--dx-muted); font-weight:500; }
.pro-footer { display:flex; flex-wrap:wrap; gap:24px; justify-content:space-between; padding:32px 0 max(32px,env(safe-area-inset-bottom)); border-top:1px solid var(--dx-border); }
.pro-footer p { color:var(--dx-faint); font-size:12px; }
.pro-footer>p { flex-basis:100%; margin:0; }
.pro-footer>div:nth-child(2) { display:flex; align-items:flex-start; gap:22px; flex-wrap:wrap; }
.pro-footer a:not(.pro-brand),.pro-footer button { color:var(--dx-muted); font-size:12px; }
.pro-footer button { background:transparent; border:0; padding:0; line-height:inherit; cursor:pointer; text-decoration:underline; text-underline-offset:4px; }
@media(max-width:1000px) { .pro-hero { gap:40px; padding:64px 0; } .pro-capabilities,.pro-interest { gap:40px; grid-template-columns:1fr 1.8fr; } .pro-capabilities { padding:48px 0; } .pro-pricing { padding:32px; gap:32px; } }
@media(max-width:700px) { .pro-header,.pro-page main,.pro-footer { width:calc(100% - 40px); } .pro-header { min-height:72px; gap:12px; } .pro-header nav { gap:14px; } .pro-header nav>a { font-size:12px; } .pro-header .dx-button { font-size:11px; padding:7px; } .pro-brand { font-size:16px; gap:7px; } .pro-brand img { width:24px; height:24px; } .pro-brand span { font-size:12px; padding-left:7px; } .pro-hero { grid-template-columns:1fr; gap:40px; padding:48px 0; } .pro-headline { font-size:56px; } .pro-capabilities,.pro-interest { grid-template-columns:1fr; gap:28px; } .pro-feature-grid { gap:24px; } .pro-feature-grid h3 { font-size:15px; } .pro-feature-grid p { font-size:13px; } .pro-pricing { padding:24px; grid-template-columns:1fr; gap:24px; margin-bottom:48px; } .pro-price strong { font-size:40px; } .pro-preview-head,.pro-research-flow,.pro-preview-note { padding-inline:20px; } .pro-interest form { padding:20px; } .pro-interest { padding-bottom:48px; } .pro-admin-cards { grid-template-columns:1fr; } .pro-footer>div:nth-child(2) { gap:18px; } }
@media(max-width:360px) { .pro-header nav { gap:8px; } .pro-header nav>a { font-size:11px; } .pro-brand span { display:none; } .pro-feature-grid,.pro-check-grid { grid-template-columns:1fr; } }
