.marketing-page { background: #fff; }
.marketing { --m-ink:#172033; --m-muted:#64748b; --m-line:#e2e8f0; --m-blue:#2563eb; color:var(--m-ink); background:#fff; font:16px/1.6 "Golos Text Variable",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
.marketing h1,.marketing h2,.marketing h3,.marketing p { margin:0; }
.marketing a { text-decoration:none; }
.marketing button { font:inherit; }
.marketing svg { width:20px; height:20px; flex-shrink:0; }
.marketing :is(a,button,summary):focus-visible { outline:3px solid #93b4ff; outline-offset:4px; }
.m-container { width:min(1200px,calc(100% - 80px)); margin-inline:auto; }
.m-header { border-bottom:1px solid var(--m-line); background:#fff; }
.m-header-inner { max-width:1400px; margin:auto; padding:20px 40px; display:flex; align-items:center; gap:56px; }
.m-header nav { display:flex; gap:30px; font-size:15px; color:#475569; }
.m-header nav a:hover,.m-login:hover,.m-footer a:hover { color:var(--m-blue); }
.m-header-actions { margin-left:auto; display:flex; align-items:center; gap:26px; }
.m-login { font-size:15px; }
.marketing .m-button { display:inline-flex; align-items:center; justify-content:center; gap:18px; min-height:50px; padding:12px 21px; font-size:16px; font-weight:550; line-height:1.5; color:#fff; background:var(--m-blue); border:1px solid var(--m-blue); border-radius:8px; white-space:nowrap; box-shadow:0 2px 3px #2563eb10; }
.marketing .m-button:hover { background:#1d4ed8; }
.marketing .m-button-small { min-height:40px; padding:8px 15px; font-size:15px; }
.m-hero { text-align:center; max-width:1000px; margin:auto; padding:65px 24px 52px; }
.marketing .m-hero h1 { font-size:clamp(40px,4.4vw,60px); font-weight:650; letter-spacing:-2.2px; line-height:1.12; }
.m-hero h1 span { color:var(--m-blue); }
.marketing .m-hero p { font-size:19px; line-height:1.65; color:#526177; margin-top:24px; }
.m-hero-actions { display:flex; justify-content:center; align-items:center; gap:28px; margin-top:28px; }
.m-text-link { display:inline-flex; gap:10px; align-items:center; font-weight:500; }
.m-text-link:hover { color:var(--m-blue); }
.m-product { padding-bottom:64px; scroll-margin-top:25px; }
.m-product-label { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:14px; color:#526177; font-size:14px; }
.m-product-label a { display:inline-flex; align-items:center; gap:8px; color:var(--m-blue); }
.m-product-label svg { width:17px; }
.m-editor-shot { display:block; overflow:hidden; border:1px solid #d9e2ef; border-radius:12px; background:#f8fafc; box-shadow:0 15px 45px -25px #243f693d; cursor:zoom-in; }
.m-editor-shot img { display:block; width:100%; height:auto; }
.m-walkthrough { padding:54px 0 60px; border-top:1px solid var(--m-line); scroll-margin-top:25px; }
.m-walkthrough .m-section-heading { margin-bottom:26px; }
.m-recording { border:1px solid #d9e2ef; border-radius:12px; overflow:hidden; background:#fff; }
.m-recording video { display:block; width:100%; height:auto; background:#f8fafc; }
.m-recording video::cue { color:#fff; background:#172033e6; font-family:"Golos Text Variable",sans-serif; }
.m-chapters { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); border-top:1px solid var(--m-line); }
.m-chapters button { display:flex; align-items:center; gap:10px; padding:16px 20px; border:0; background:#fff; text-align:left; color:#475569; cursor:pointer; font-size:15px; line-height:1.5; }
.m-chapters button+button { border-left:1px solid var(--m-line); }
.m-chapters button:hover { background:#f8fafc; color:#2563eb; }
.m-chapters button[aria-current=step] { color:#1d4ed8; background:#eff6ff; }
.m-chapter-number { font-size:12px; color:#94a3b8; font-variant-numeric:tabular-nums; }
.m-chapter-time { margin-left:auto; color:#64748b; font-size:12px; font-variant-numeric:tabular-nums; }
.m-feature-shots { display:grid; grid-template-columns:minmax(0,2.68fr) minmax(0,1fr); gap:28px; margin-bottom:32px; }
.m-feature-shots article { min-width:0; }
.m-detail-copy { min-height:76px; }
.marketing .m-detail-copy h3 { font-size:21px; font-weight:550; margin-bottom:8px; }
.m-detail-copy p { color:var(--m-muted); font-size:15px; }
.m-detail-shot { display:block; margin-top:22px; overflow:hidden; border:1px solid var(--m-line); border-radius:10px; background:#f8fafc; cursor:zoom-in; }
.m-detail-shot img { display:block; width:100%; height:auto; }
.m-directions { display:grid; grid-template-columns:1fr 1fr; gap:60px; padding:30px 6px 0; }
.m-directions article+article { padding-left:35px; border-left:1px solid var(--m-line); }
.marketing .m-directions h2 { font-size:20px; font-weight:600; margin-bottom:9px; letter-spacing:-.3px; }
.m-directions p { color:var(--m-muted); font-size:15px; max-width:480px; }
.m-features { padding:56px 0 72px; border-top:1px solid var(--m-line); scroll-margin-top:25px; }
.m-section-heading { margin-bottom:36px; }
.marketing h2 { font-size:34px; line-height:1.25; letter-spacing:-1px; font-weight:600; }
.m-section-heading p { color:var(--m-muted); margin-top:12px; font-size:17px; }
.m-feature-list { display:grid; grid-template-columns:1fr 1fr; column-gap:75px; row-gap:32px; }
.m-feature-list article { display:flex; gap:22px; padding-top:24px; border-top:1px solid var(--m-line); }
.marketing .m-feature-list h3 { font-size:19px; font-weight:550; margin-bottom:10px; }
.m-feature-list p { color:var(--m-muted); font-size:16px; line-height:1.65; }
.m-sharing { background:#f8fafc; border-block:1px solid #edf1f7; }
.m-sharing-inner { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:80px; padding-block:64px; }
.m-sharing-copy>p { color:var(--m-muted); margin-top:20px; }
.m-check-list { list-style:none; padding:0; margin:24px 0 0; display:grid; gap:12px; }
.m-check-list li { display:flex; gap:11px; align-items:flex-start; font-size:15px; color:#334155; }
.m-check-list svg { width:17px; height:23px; color:#4c72a9; }
.m-folder-example { border:1px solid #dce4ee; border-radius:10px; background:#fff; overflow:hidden; box-shadow:0 5px 20px #17203304; }
.m-folder-heading { display:flex; gap:12px; align-items:center; padding:20px; border-bottom:1px solid var(--m-line); }
.m-folder-heading>svg { color:#64748b; }
.m-folder-heading strong { font-size:16px; font-weight:550; }
.m-folder-heading>span { margin-left:auto; font-size:13px; color:#64748b; }
.m-folder-columns { display:flex; justify-content:space-between; background:#f8fafc; padding:10px 20px; color:#64748b; font-size:13px; }
.m-folder-row { display:flex; align-items:center; gap:12px; padding:18px 20px; border-bottom:1px solid #edf1f7; font-size:15px; }
.m-folder-row>svg { color:#64748b; width:18px; }
.m-role { margin-left:auto; font-size:13px; color:#526177; }
.m-folder-foot { padding:12px 20px; color:#64748b; font-size:13px; }
.m-deployment { padding-block:72px; scroll-margin-top:25px; }
.m-editions { display:grid; grid-template-columns:1fr 1fr; gap:24px; }
.m-edition { border:1px solid #dbe5f4; border-radius:12px; padding:32px; background:#f5f8ff; display:flex; flex-direction:column; }
.m-edition-premise { background:#f8fafc; border-color:#e2e8f0; }
.m-edition-label { color:#2563eb; font-size:15px; font-weight:650; display:flex; align-items:center; justify-content:space-between; gap:15px; margin-bottom:25px; }
.m-edition-label span { color:#64748b; font-weight:400; font-size:14px; }
.m-edition-premise .m-edition-label { color:#334155; }
.marketing .m-edition h3 { font-size:25px; line-height:1.3; letter-spacing:-.6px; font-weight:600; margin-bottom:16px; }
.m-edition>p { color:#526177; font-size:16px; }
.m-edition .m-check-list { margin-bottom:32px; }
.m-edition-bottom { margin-top:auto; padding-top:20px; border-top:1px solid #dce4ee; }
.marketing .m-edition-status { color:#64748b; font-size:14px; margin-bottom:18px; }
.m-edition .m-button { font-size:15px; }
.m-install-details summary { display:flex; justify-content:space-between; align-items:center; gap:14px; padding-block:12px; font-weight:550; cursor:pointer; font-size:15px; list-style:none; }
.m-install-details summary::-webkit-details-marker { display:none; }
.m-install-details[open] summary>span { transform:rotate(45deg); }
.marketing .m-install-details p { padding:8px 0 0; font-size:14px; line-height:1.75; color:#64748b; }
.m-bottom-cta { display:flex; align-items:center; justify-content:space-between; gap:35px; padding-block:40px; border-top:1px solid var(--m-line); }
.marketing .m-bottom-cta h2 { font-size:28px; }
.m-bottom-cta p { font-size:15px; color:#64748b; margin-top:10px; }
.m-footer { display:flex; align-items:center; gap:28px; padding-block:28px; border-top:1px solid var(--m-line); font-size:14px; color:#64748b; }
.m-footer .portal-brand img { width: auto; height:32px; }
.m-contact { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.1fr); gap:64px; padding-block:64px; border-top:1px solid var(--m-line); scroll-margin-top:24px; }
.m-contact-copy p { margin:20px 0; color:#526177; }
.m-contact-copy>a,.m-contact-note a { color:var(--m-blue); overflow-wrap:anywhere; }
.m-contact-copy>a:hover,.m-contact-note a:hover { text-decoration:underline; }
.m-contact-form { display:grid; gap:18px; min-width:0; }
.m-contact-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.m-contact-form label { display:grid; gap:8px; min-width:0; color:var(--m-ink); font-size:14px; font-weight:500; }
.m-contact-form :is(input,select,textarea) { width:100%; min-width:0; box-sizing:border-box; border:1px solid #cbd5e1; border-radius:8px; padding:12px 14px; color:var(--m-ink); background:#fff; font:400 16px/1.5 "Golos Text Variable",sans-serif; }
.m-contact-form :is(input,textarea)::placeholder { color:#64748b; }
.m-contact-form :is(input,select,textarea):focus-visible { outline:3px solid #93b4ff; outline-offset:2px; border-color:var(--m-blue); }
.m-contact-form textarea { resize:vertical; min-height:140px; }
.m-contact-form .m-contact-note { color:#64748b; font-size:13px; }
.m-contact-form .m-button { justify-self:start; cursor:pointer; }
.m-contact-form .m-button:disabled { opacity:.65; cursor:wait; }
.m-contact-success { color:#166534; overflow-wrap:anywhere; }
.m-contact-error { color:#b91c1c; overflow-wrap:anywhere; }
.m-contact-form :is(.m-contact-success,.m-contact-error):empty { display:none; }
@media(max-width:850px) { .m-contact { grid-template-columns:1fr; gap:28px; padding-block:40px; } }
@media(max-width:600px) { .m-contact-fields { grid-template-columns:1fr; } .m-contact-form .m-button { width:100%; } }
.m-footer>div { display:flex; flex-wrap:wrap; gap:12px 24px; margin-left:auto; }
@media(max-width:1100px) { .m-header-inner { gap:30px; padding-inline:30px; } .m-header nav { gap:20px; font-size:14px; } .m-header-actions { gap:20px; } .m-sharing-inner { gap:40px; } .m-edition { padding:26px; } }
@media(max-width:850px) { .m-container { width:calc(100% - 40px); } .m-header-inner { flex-wrap:wrap; gap:18px; padding:16px 20px; } .m-header nav { order:3; width:100%; justify-content:center; border-top:1px solid #edf1f7; padding-top:14px; } .m-hero { padding:44px 20px 38px; } .m-hero h1 { letter-spacing:-1.7px; } .m-hero p { font-size:17px!important; } .m-sharing-inner { grid-template-columns:1fr; gap:35px; padding-block:45px; } .m-sharing-copy { max-width:600px; } .m-editions { gap:16px; } .m-edition-label { align-items:flex-start; flex-direction:column; gap:3px; } .marketing .m-edition h3 { font-size:22px; } .m-edition .m-button { white-space:normal; } .m-feature-list { gap:28px; } .m-directions { gap:25px; } .m-directions article+article { padding-left:25px; } .m-footer { flex-wrap:wrap; } }
@media(max-width:600px) { .m-header .portal-brand img { width: auto; height:36px; } .m-header-actions { gap:16px; } .m-header .m-button-small { font-size:13px; padding:8px 10px; } .m-header nav { gap:20px; font-size:13px; } .m-header nav a:last-child { white-space:nowrap; } .marketing .m-hero h1 { font-size:38px; letter-spacing:-1.4px; } .marketing .m-hero p { font-size:16px!important; } .m-hero p br { display:none; } .m-hero-actions { flex-direction:column; gap:17px; margin-top:24px; } .m-text-link { font-size:14px; } .m-product-label { font-size:13px; } .m-product-label a { display:none; } .m-directions { grid-template-columns:1fr; gap:25px; padding-top:24px; } .m-directions article+article { padding-left:0; border-left:0; } .m-product { padding-bottom:40px; } .m-features { padding-block:40px; } .marketing h2 { font-size:28px; letter-spacing:-.7px; } .m-section-heading { margin-bottom:28px; } .m-section-heading p { font-size:16px; } .m-feature-list { grid-template-columns:1fr; gap:25px; } .m-feature-list article { gap:18px; padding-top:20px; } .m-feature-list p { font-size:15px; } .m-folder-heading,.m-folder-row { padding-inline:15px; gap:10px; } .m-folder-heading strong { font-size:15px; } .m-folder-heading>span { font-size:12px; } .m-folder-row { font-size:14px; } .m-role { font-size:12px; } .m-folder-columns,.m-folder-foot { padding-inline:15px; } .m-deployment { padding-block:42px; } .m-editions { grid-template-columns:1fr; } .m-edition { padding:25px; } .m-edition-label { flex-direction:row; margin-bottom:22px; } .m-bottom-cta { flex-direction:column; align-items:flex-start; gap:22px; padding-block:32px; } .m-footer { flex-wrap:wrap; gap:20px; } .m-footer>div { flex-basis:100%; margin-left:0; gap:12px 18px; font-size:13px; } }

@media(max-width:850px) { .m-chapters button { padding:14px; gap:8px; font-size:14px; } .m-chapter-number { display:none; } .m-chapter-time { font-size:11px; } .m-feature-shots { grid-template-columns:1fr; gap:30px; } .m-detail-copy { min-height:0; } .m-feature-shots article:nth-child(2) .m-detail-shot { max-width:688px; } .marketing .m-detail-copy h3 { font-size:19px; } }
@media(max-width:600px) { .m-editor-shot,.m-recording { border-radius:8px; } .m-walkthrough { padding:36px 0 40px; } .m-chapters { grid-template-columns:1fr 1fr; } .m-chapters button { padding:12px 14px; } .m-chapters button:nth-child(3) { border-left:0; } .m-chapters button:nth-child(n+3) { border-top:1px solid var(--m-line); } .m-chapter-number { display:inline; } .m-feature-shots { grid-template-columns:1fr; gap:32px; } .m-detail-shot { margin-top:16px; } }