/* Shared navigation and reading surfaces for the bilingual Vertmix site. */
.site-header .nav-wrap{gap:34px;width:min(1440px,calc(100% - 64px))}
.site-header .desktop-nav{gap:23px;min-width:0}
.site-header .desktop-nav>a,.site-header .desktop-nav>button{font-size:12px;white-space:nowrap}
.site-header .nav-actions{gap:18px}
.language-link{display:inline-flex;align-items:center;justify-content:center;min-width:29px;min-height:36px;font-size:11px;font-weight:600;letter-spacing:.035em;text-underline-offset:5px;flex-shrink:0}
.language-link:hover{text-decoration:underline}
.nav-signup{display:inline-flex;align-items:center;justify-content:center;gap:13px;min-height:40px;padding:10px 19px;border:1px solid #242424;border-radius:999px;background:#242424;color:#fafafa;font-size:12px;font-weight:600;line-height:1.4;white-space:nowrap;transition:background .2s}
.nav-signup:hover{background:#484848;border-color:#484848}
#platform-menu{position:absolute;top:81px;left:0;right:0;background:#fafafa;border-top:1px solid #ddd;border-bottom:1px solid #d2d2d2;box-shadow:0 20px 35px #00000016}
.platform-menu-grid{display:grid;grid-template-columns:1.1fr repeat(4,minmax(0,1fr));gap:26px;padding-top:32px;padding-bottom:36px}
.platform-menu-grid>.menu-intro{padding-right:25px}
.platform-menu-grid>a{min-width:0;padding:11px 10px;border-radius:7px;transition:background .2s}
.platform-menu-grid>a:hover{background:#ededed}
.platform-menu-grid>a>span,.platform-menu-grid h3{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;font-size:15px;line-height:1.45;font-weight:500;letter-spacing:-.02em}
.platform-menu-grid>a>p{font-size:12px;line-height:1.8;color:#6b6b6b;margin-top:10px}
.platform-menu-grid .icon{width:15px;height:15px;margin-top:3px}
.mobile-nav{max-height:calc(100vh - 72px);max-height:calc(100dvh - 72px);overflow-y:auto;overscroll-behavior:contain}
.mobile-nav .mobile-group-label{display:block;font-size:10px;color:#858585;letter-spacing:.035em;padding:18px 0 5px}
.mobile-nav a{line-height:1.6}

/* Each page opens with one clear message and a readable measure. */
.page-main{min-height:65vh}
.page-hero{padding:41px 0 76px;background:#f2f2f2;border-bottom:1px solid #dedede}
.breadcrumb{display:flex;align-items:center;gap:13px;flex-wrap:wrap;font-size:11px;line-height:1.75;color:#797979;margin-bottom:51px}
.breadcrumb a{color:#555}
.breadcrumb a:hover{text-decoration:underline;text-underline-offset:4px}
.breadcrumb>span[aria-hidden=true]{color:#b1b1b1}
.breadcrumb span{color:#777}
.page-eyebrow{font-size:12px;font-weight:500;line-height:1.7;letter-spacing:.025em;color:#767676;margin:0 0 19px}
.page-hero h1{max-width:820px;font-size:clamp(45px,4.9vw,64px);line-height:1.08;letter-spacing:-.055em;font-weight:500;text-wrap:balance}
.page-lead{max-width:725px;font-size:18px;line-height:1.85;color:#666;margin-top:27px}
.page-actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap;margin-top:30px}
.page-actions .button{font-size:13px}
.page-hero-dark{background:#202020;color:#f4f4f4;border-bottom-color:#353535}
.page-hero-dark .breadcrumb,.page-hero-dark .breadcrumb span,.page-hero-dark .page-eyebrow{color:#aaa}
.page-hero-dark .breadcrumb a{color:#d0d0d0}
.page-hero-dark .breadcrumb>span[aria-hidden=true]{color:#666}
.page-hero-dark .page-lead{color:#b9b9b9}
.page-intro-line{display:flex;justify-content:space-between;align-items:center;gap:44px;padding:34px 0;border-bottom:1px solid #d0d0d0;font-size:15px;line-height:1.85;color:#686868}
.page-intro-line>h2{max-width:690px;font-size:30px;line-height:1.3;letter-spacing:-.035em;color:#333}
.page-intro-line>p{max-width:365px}
.page-intro-line .text-link,.page-intro-line .button{flex-shrink:0}

/* Platform directory: four deliberate editorial rows. */
.platform-directory{padding:28px 0 81px}
.platform-entry{display:grid;grid-template-columns:90px minmax(0,1fr) auto;gap:32px;align-items:start;border-bottom:1px solid #ccc;padding:39px 0 42px}
.entry-number{font-size:12px;font-weight:500;color:#929292;line-height:1.8;padding-top:8px}
.entry-copy{min-width:0}
.entry-copy h2{font-size:clamp(29px,2.8vw,39px);line-height:1.2;letter-spacing:-.04em;max-width:880px}
.entry-copy p{max-width:775px;font-size:16px;line-height:1.85;color:#6b6b6b;margin-top:16px}
.entry-link{align-self:center;display:inline-flex;align-items:center;justify-content:flex-end;gap:13px;min-height:44px;font-size:12px;font-weight:600;line-height:1.5;white-space:nowrap;color:#444}
.entry-link>.icon{width:18px;height:18px;flex-shrink:0}
a.platform-entry:hover .entry-link{text-decoration:underline;text-underline-offset:5px}
a.platform-entry:hover .entry-copy h2{text-decoration:underline;text-underline-offset:7px;text-decoration-thickness:1px}
.connector-wordmarks{display:flex;align-items:center;flex-wrap:wrap;gap:25px 50px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;padding:27px 0;margin:32px 0 35px}
.connector-wordmarks>*{font-size:25px;font-weight:600;letter-spacing:-.045em;line-height:1.4;color:#343434}
.connector-wordmarks img{max-width:150px;height:30px;object-fit:contain;filter:grayscale(1)}
.platform-home>.connector-wordmarks{margin:39px auto 0}
.platform-home>.connector-wordmarks>span{font-size:12px;font-weight:400;letter-spacing:0;line-height:1.8;color:#6b6b6b;margin-right:auto}
.connector-details{display:block;padding:0;margin:0 0 44px}
.connector-details>div{display:grid;grid-template-columns:140px minmax(0,1fr);gap:25px;padding:23px 0;border-bottom:1px solid #d4d4d4;font-size:14px;font-weight:400;letter-spacing:0;line-height:1.85}
.connector-details>div:last-child{border-bottom:0}
.connector-details strong{font-size:21px;line-height:1.5;font-weight:600;letter-spacing:-.035em}
.connector-details p{font-size:14px;line-height:1.85;color:#666}

/* Product and lesson reading layout. */
.article-layout{display:grid;grid-template-columns:215px minmax(0,1fr);gap:80px;padding-top:71px;padding-bottom:94px;align-items:start}
.article-toc{position:sticky;top:116px;max-height:calc(100vh - 145px);overflow-y:auto;padding:5px 15px 10px 0;font-size:12px;line-height:1.7}
.article-toc>p,.article-toc>strong,.article-toc>h2{display:block;font-size:11px;line-height:1.7;font-weight:600;letter-spacing:.015em;color:#777;margin-bottom:17px}
.article-toc a{display:block;border-left:1px solid #d1d1d1;padding:9px 0 9px 17px;color:#777;line-height:1.65;transition:color .2s,border-color .2s}
.article-toc a:hover,.article-toc a[aria-current=true],.article-toc a[aria-current=location]{color:#222;border-left-color:#222}
.article-main{max-width:820px;min-width:0}
.article-section{padding:0 0 43px;margin:0 0 37px;border-bottom:1px solid #d7d7d7;scroll-margin-top:14px}
.article-section:last-child{margin-bottom:0}
.section-number{display:block;color:#999;font-size:11px;line-height:1.6;letter-spacing:.02em;margin-bottom:16px}
.article-section h2{font-size:34px;line-height:1.23;letter-spacing:-.04em;margin:0 0 21px;max-width:750px}
.article-section h3{font-size:23px;line-height:1.35;letter-spacing:-.025em;margin:28px 0 14px}
.article-section p,.article-main>p{font-size:17px;line-height:1.9;color:#626262;max-width:780px}
.article-section p+p{margin-top:19px}
.article-section a:not(.button):not(.text-link){text-decoration:underline;text-underline-offset:4px}
.article-section ul{list-style:disc;padding-left:23px;margin:23px 0 0;color:#666;font-size:16px;line-height:1.9}
.article-section li+li{margin-top:8px}
.article-section .text-link{margin-top:23px;font-size:13px}
.workflow-example{background:#242424;color:#f1f1f1;padding:39px 41px 21px;margin:17px 0 49px;border-radius:16px;scroll-margin-top:14px}
.workflow-example .section-label,.workflow-example .page-eyebrow,.workflow-example>span:first-child,.workflow-example>p:first-child{display:block;color:#aaa;font-size:11px;line-height:1.7;margin:0 0 19px;letter-spacing:.025em}
.workflow-example h2,.workflow-example h3{font-size:32px;line-height:1.25;letter-spacing:-.04em;max-width:620px;margin-bottom:20px}
.workflow-example>p:not(:first-child){font-size:15px;line-height:1.85;color:#bfbfbf;max-width:650px;margin-top:17px}
.workflow-example ol{list-style:none;display:block;padding:0;margin:27px 0 0}
.workflow-example ol>li{display:grid;grid-template-columns:26px minmax(0,1fr);gap:19px;border-top:1px solid #515151;padding:20px 0;font-size:14px;line-height:1.85;color:#d1d1d1}
.workflow-example ol>li>span{font-size:10px;line-height:1.9;color:#929292;padding-top:3px}
.workflow-example ol>li>p{margin:0;font-size:inherit;line-height:inherit;color:inherit}
.rollout-panel{padding:34px 0 36px;margin:3px 0 42px;border-top:1px solid #aaa;border-bottom:1px solid #ccc;scroll-margin-top:14px}
.rollout-panel h2{font-size:29px;line-height:1.25;letter-spacing:-.035em;margin-bottom:23px}
.rollout-panel ul{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:20px 35px;padding:0;margin:0}
.rollout-panel li{position:relative;padding-left:16px;font-size:14px;line-height:1.85;color:#6d6d6d}
.rollout-panel li::before{content:"";position:absolute;left:0;top:.8em;width:4px;height:4px;border-radius:50%;background:#888}
.rollout-panel>.button,.rollout-panel>.text-link{margin-top:29px;font-size:12px}
.related-links{display:grid;grid-template-columns:1fr 1fr;gap:31px;margin-top:45px}
.related-links>a{display:block;border-top:1px solid #aaa;padding:23px 0 5px}
.related-links>a>span{display:block;font-size:10px;line-height:1.7;color:#888;margin-bottom:13px}
.related-links h3{font-size:21px;line-height:1.35;letter-spacing:-.03em;color:#2d2d2d}
.related-links p{font-size:13px;line-height:1.8;color:#737373;margin-top:12px}
.related-links a:hover h3{text-decoration:underline;text-underline-offset:5px}
.related-links .icon{width:17px;height:17px;margin-top:17px}

/* Learning centre: paths lead into focused, practical lessons. */
.learning-intro{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:65px;padding:61px 0 47px;align-items:center}
.learning-intro h2{font-size:39px;line-height:1.2;letter-spacing:-.04em;max-width:770px}
.learning-intro p{font-size:16px;line-height:1.85;color:#6b6b6b;max-width:735px;margin-top:19px}
.learning-intro .section-label{font-size:11px;line-height:1.7;letter-spacing:.025em;margin:0 0 17px}
.learning-status{border-left:1px solid #bfbfbf;padding-left:34px}
.learning-status strong{display:block;font-size:23px;line-height:1.45;letter-spacing:-.03em;font-weight:500;color:#333;max-width:270px;text-wrap:balance}
.learning-status>p{font-size:12px;line-height:1.85;margin-top:13px}
.learning-status>span{display:block;font-size:12px;color:#686868;line-height:1.7;margin-top:11px}
.learning-status .progress-note{font-size:11px;line-height:1.8;margin-top:12px}
.lesson-progress-bar{display:block;position:relative;width:100%;height:4px;background:#d8d8d8;border:0;border-radius:0;overflow:hidden;margin-top:21px;appearance:none}
.lesson-progress-bar>span,.lesson-progress-bar>div{display:block;background:#393939;height:100%;width:var(--progress,0%);transition:width .25s}
progress.lesson-progress-bar::-webkit-progress-bar{background:#d8d8d8}
progress.lesson-progress-bar::-webkit-progress-value{background:#393939}
progress.lesson-progress-bar::-moz-progress-bar{background:#393939}
.learning-paths{padding-bottom:87px;border-top:1px solid #b7b7b7}
.learning-paths>details{border-bottom:1px solid #c6c6c6}
.learning-paths>details>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:30px;cursor:pointer;padding:28px 0;font-size:24px;font-weight:500;line-height:1.45;letter-spacing:-.03em}
.learning-paths summary::-webkit-details-marker{display:none}
.learning-paths>details>summary>.icon{width:23px;height:23px;flex-shrink:0;color:#777;transition:transform .16s}
.learning-paths>details[open]>summary>.icon{transform:rotate(45deg)}
.learning-paths>details>p{font-size:15px;line-height:1.85;color:#737373;max-width:790px;padding-bottom:25px}
.learning-paths>details>ol{list-style:decimal;padding:0 0 0 22px;margin:0 0 25px;max-width:790px}
.learning-paths>details>ol>li{font-size:13px;line-height:1.7;color:#777;padding:10px 0 10px 9px}
.learning-paths>details>ol>li::marker{font-size:10px;color:#999}
.learning-paths>details>ol a{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;color:#444}
.learning-paths>details>ol a:hover{text-decoration:underline;text-underline-offset:4px}
.learning-paths>details>ol .icon{width:15px;height:15px;flex-shrink:0;margin-top:4px}
.lesson-list{list-style:none;margin:0;padding:0 0 85px}
.lesson-row{display:grid;grid-template-columns:33px minmax(0,1fr) auto;gap:22px;align-items:center;padding:23px 18px;border-top:1px solid #d7d7d7;color:#333;transition:background .2s}
.lesson-row:hover{background:#eee}
.lesson-row>span:first-child,.lesson-row .lesson-number{font-size:11px;color:#929292;line-height:1.7;align-self:start;margin-top:5px}
.lesson-row>div{min-width:0}
.lesson-row-end{display:flex;align-items:center;justify-content:flex-end;gap:21px;padding-left:14px}
.lesson-row-end>span{font-size:10px;line-height:1.7;color:#777;max-width:115px;text-align:right}
.lesson-row-end>.icon{width:17px;height:17px;flex-shrink:0;color:#666}
.lesson-row.is-complete .lesson-row-end>span{color:#333}
.lesson-row h3{font-size:20px;line-height:1.45;letter-spacing:-.025em}
.lesson-row p{font-size:13px;line-height:1.85;color:#777;margin-top:6px;max-width:690px}
.lesson-row>span:last-child:not(:first-child),.lesson-row .lesson-status{font-size:10px;line-height:1.7;font-weight:500;color:#777;max-width:120px;text-align:right;white-space:normal}
.lesson-row.is-complete .lesson-status{color:#333}
.lesson-outcome{background:#eee;border-left:2px solid #555;padding:25px 29px;margin:0 0 35px}
.lesson-outcome>span,.lesson-outcome .page-eyebrow{font-size:11px;font-weight:500;letter-spacing:.02em;color:#777;margin-bottom:12px;display:block}
.lesson-outcome h2,.lesson-outcome h3{font-size:23px;line-height:1.4;letter-spacing:-.025em}
.lesson-outcome p{font-size:15px;line-height:1.85;color:#646464;margin-top:13px}
.lesson-steps article{position:relative;padding:29px 0 32px 50px;border-bottom:1px solid #d1d1d1;scroll-margin-top:14px}
.lesson-steps article:first-child{border-top:1px solid #b7b7b7}
.lesson-steps article>span:first-child,.lesson-steps .step-number{position:absolute;left:0;top:34px;font-size:11px;font-weight:500;line-height:1.7;color:#999}
.lesson-steps h2,.lesson-steps h3{font-size:27px;line-height:1.3;letter-spacing:-.035em;margin-bottom:17px}
.lesson-steps p{font-size:16px;line-height:1.9;color:#646464}
.lesson-steps p+p{margin-top:17px}
.lesson-example{background:#f0f0f0;border:1px solid #d5d5d5;padding:31px 34px;margin:39px 0;scroll-margin-top:14px}
.lesson-example>span,.lesson-example .section-label{display:block;font-size:11px;line-height:1.7;color:#777;margin-bottom:17px}
.lesson-example h2,.lesson-example h3{font-size:25px;line-height:1.35;margin-bottom:17px;letter-spacing:-.03em}
.lesson-example p{font-size:15px;line-height:1.9;color:#666}
.lesson-example ul,.lesson-example ol{list-style:decimal;margin:20px 0 0;padding-left:23px;font-size:14px;line-height:1.85;color:#666}
.lesson-example li+li{margin-top:10px}
.lesson-exercise{padding:31px 0 36px;margin-top:15px;border-top:1px solid #aaa;scroll-margin-top:14px}
.lesson-exercise .section-label{font-size:11px;line-height:1.7;color:#777;margin-bottom:17px}
.lesson-exercise h2,.lesson-exercise h3{font-size:28px;line-height:1.3;margin-bottom:17px;letter-spacing:-.035em}
.lesson-exercise p{font-size:16px;line-height:1.85;color:#646464}
.lesson-exercise ol,.lesson-exercise ul{list-style:decimal;padding-left:23px;margin:21px 0 0;font-size:15px;line-height:1.9;color:#666}
.lesson-checklist{margin:28px 0 0;padding:27px 0 0;border-top:1px solid #ccc;scroll-margin-top:14px}
.lesson-checklist h2{font-size:28px;line-height:1.3;letter-spacing:-.035em;margin-bottom:19px}
.lesson-checklist>ul{list-style:none;margin:0;padding:0}
.lesson-checklist li{display:flex;align-items:flex-start;gap:13px;border-bottom:1px solid #ddd;padding:16px 0;font-size:14px;line-height:1.8;color:#666}
.lesson-checklist input[type=checkbox]{flex-shrink:0;width:18px;height:18px;margin:4px 0 0;accent-color:#303030;cursor:pointer}
.lesson-checklist label{cursor:pointer}
.lesson-checklist input:checked+label{color:#333}
.lesson-controls{display:flex;align-items:center;justify-content:space-between;gap:26px;padding-top:28px;margin-top:23px;border-top:1px solid #bdbdbd}
.lesson-controls>button{display:inline-flex;justify-content:center;align-items:center;gap:15px;padding:13px 21px;min-height:47px;border-radius:999px;border:1px solid #242424;background:#242424;color:#fafafa;font-size:12px;font-weight:600;line-height:1.5;transition:background .2s}
.lesson-controls>button:hover{background:#484848;border-color:#484848}
.lesson-controls>button[aria-pressed=true]{background:#fafafa;color:#333;border-color:#999}
.lesson-controls>a{font-size:13px;line-height:1.6;font-weight:500;max-width:45%;text-align:right}
.lesson-controls>a:hover{text-decoration:underline;text-underline-offset:5px}
.progress-note,.article-main>.progress-note{font-size:12px;line-height:1.85;color:#818181;margin-top:17px;max-width:720px}

/* Resource directory: searchable, filterable, and easy to scan. */
.resource-controls{display:grid;grid-template-columns:minmax(250px,380px) minmax(0,1fr);align-items:center;gap:12px 30px;padding:37px 0 25px}
.resource-search-label{display:block;grid-column:1/-1;font-size:11px;line-height:1.7;color:#666}
.resource-controls input[type=search],.resource-controls input[type=text]{width:100%;max-width:100%;min-height:47px;padding:12px 16px;border:1px solid #aaa;border-radius:8px;background:#fafafa;color:#242424;font:400 14px/1.5 var(--font)}
.resource-controls input::placeholder{color:#888}
.resource-filters{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:7px}
.resource-filters button{min-height:36px;padding:8px 15px;border:1px solid #c0c0c0;border-radius:999px;font-size:11px;font-weight:500;line-height:1.5;color:#686868;transition:background .2s,color .2s,border-color .2s}
.resource-filters button:hover{background:#e9e9e9;color:#222}
.resource-filters button[aria-pressed=true],.resource-filters button.is-active{background:#292929;border-color:#292929;color:#fff}
.resource-meta{display:flex;justify-content:space-between;align-items:center;gap:15px 25px;flex-wrap:wrap;font-size:12px;line-height:1.8;color:#858585;margin:0 0 27px}
.resource-meta .text-link{font-size:12px;color:#444}
.resource-grid{display:grid;grid-template-columns:1fr 1fr;gap:37px 52px;padding-bottom:83px}
.resource-card{min-width:0;border-top:1px solid #aaa;padding:26px 0 0;display:flex;flex-direction:column;align-items:flex-start}
.resource-card>span,.resource-card .resource-type,.resource-card .page-eyebrow{font-size:11px;color:#888;line-height:1.7;letter-spacing:.025em;margin-bottom:15px}
.resource-card h2{font-size:28px;line-height:1.28;letter-spacing:-.035em;max-width:560px}
.resource-card p{font-size:14px;line-height:1.9;color:#707070;margin-top:17px;max-width:530px}
.resource-card>a{display:inline-flex;align-items:center;gap:15px;font-size:12px;font-weight:600;line-height:1.7;margin-top:24px}
.resource-card>a:hover{text-decoration:underline;text-underline-offset:5px}
a.resource-card:hover h2{text-decoration:underline;text-underline-offset:6px}
.resource-card .icon{height:16px;width:16px}
.resource-empty{background:#eee;border-top:1px solid #bbb;padding:32px;margin-bottom:80px;font-size:16px;line-height:1.85;color:#666}
.resource-empty h2{font-size:27px;line-height:1.3;color:#333;margin-bottom:13px}

/* Account entry: readable provider choices and honest service handoffs. */
.account-layout{display:grid;grid-template-columns:1fr 1fr;width:min(1120px,calc(100% - 112px));margin:0 auto;padding:72px 0 92px;align-items:stretch}
.account-story{background:#232323;color:#eee;border-radius:20px 0 0 20px;padding:47px 43px;display:flex;flex-direction:column;justify-content:space-between;gap:44px;min-height:590px;overflow:hidden}
.account-story .page-eyebrow,.account-story>.section-label{color:#aaa;font-size:11px}
.account-story h2,.account-story h1{font-size:48px;line-height:1.13;letter-spacing:-.05em;max-width:420px}
.account-story p{font-size:15px;line-height:1.85;color:#b4b4b4;max-width:380px;margin-top:23px}
.account-story .brand-letter,.account-story .account-brand{font-size:14px;font-weight:600;letter-spacing:-.02em;color:#d7d7d7}
.account-points{list-style:none;padding:0;margin:10px 0 0;border-top:1px solid #545454}
.account-points li,.account-points>p{font-size:12px;line-height:1.8;color:#bcbcbc;padding:15px 0;border-bottom:1px solid #464646;margin:0;max-width:none}
.account-panel{min-width:0;background:#fafafa;border:1px solid #d5d5d5;border-left:0;border-radius:0 20px 20px 0;padding:43px 43px 37px}
.account-panel h1{font-size:36px;line-height:1.2;letter-spacing:-.04em;max-width:460px}
.account-panel>.page-lead,.account-panel>.account-lead{font-size:14px;line-height:1.85;color:#737373;margin-top:18px;max-width:445px}
.auth-methods{display:flex;flex-direction:column;gap:10px;margin-top:29px}
.auth-methods>a,.auth-methods>button{position:relative;display:flex;align-items:center;justify-content:flex-start;gap:13px;width:100%;min-height:51px;padding:14px 19px;border:1px solid #bfbfbf;border-radius:8px;background:#fafafa;color:#333;font-size:13px;font-weight:500;line-height:1.65;text-align:left;transition:background .2s,border-color .2s}
.auth-methods>a>.icon:last-child,.auth-methods>button>.icon:last-child{margin-left:auto}
.auth-methods>a>span:not(.auth-provider-mark),.auth-methods>button>span:not(.auth-provider-mark){min-width:0}
.auth-methods .setup-tag{display:table;font-size:9px;line-height:1.5;margin:5px 0 0;padding:2px 7px}
.auth-methods>a:hover,.auth-methods>button:hover{background:#eeeeee;border-color:#888}
.auth-methods .icon{width:16px;height:16px;flex-shrink:0}
.auth-provider-mark{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:21px;height:21px;font-size:18px;font-weight:700;line-height:1;color:#303030}
.auth-provider-mark>svg,.auth-provider-mark>img{width:19px;height:19px;object-fit:contain}
.auth-provider-mark.provider-windows{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;align-items:stretch;justify-items:stretch;gap:2px;width:17px;height:17px;margin:0 2px}
.provider-windows>i{display:block;background:#555}
.auth-divider{display:flex;align-items:center;gap:15px;font-size:10px;line-height:1.6;color:#8b8b8b;margin:24px 0}
.auth-divider::before,.auth-divider::after{content:"";height:1px;background:#d8d8d8;flex:1}
.account-panel form{display:grid;gap:16px}
.account-panel label{display:block;font-size:12px;font-weight:500;line-height:1.7;color:#555;margin-bottom:7px}
.account-panel input:not([type=checkbox]):not([type=radio]){display:block;width:100%;min-height:47px;padding:12px 14px;border:1px solid #bdbdbd;border-radius:7px;background:#fff;color:#242424;font-size:15px;line-height:1.5}
.account-panel form>.button{width:100%;justify-content:center;margin-top:4px}
.account-panel>.button{width:100%;justify-content:center;font-size:12px}
.account-panel .recovery-link{display:inline-block;font-size:12px;line-height:1.8;margin-top:22px;text-decoration:underline;text-underline-offset:4px;color:#444}
.account-setup-link{padding-top:21px;margin-top:22px;border-top:1px solid #ddd}
.account-setup-link .text-link{font-size:12px;line-height:1.8}
.account-links{display:flex;align-items:center;justify-content:space-between;gap:13px 22px;flex-wrap:wrap;font-size:12px;line-height:1.8;margin-top:24px;color:#686868}
.account-links a{text-decoration:underline;text-underline-offset:4px;color:#333}
.auth-status{background:#ededed;border-left:2px solid #7c7c7c;padding:17px 19px;font-size:13px;line-height:1.85;color:#555;margin-top:22px}
.auth-status strong{color:#333;font-weight:600}
.auth-status a{text-decoration:underline;text-underline-offset:4px}
.account-note{font-size:11px;line-height:1.9;color:#7b7b7b;margin-top:23px;max-width:460px}
.account-note a{text-decoration:underline;text-underline-offset:3px}
.setup-tag{display:inline-flex;align-items:center;line-height:1.6;font-size:10px;font-weight:500;color:#777;border:1px solid #ccc;border-radius:99px;padding:3px 9px;margin:0 0 16px}

/* Two new homepage routes into the platform and training. */
.platform-home{padding:87px 0 90px;background:#f3f3f3}
.platform-home-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px;align-items:start}
.platform-home-layout>div:first-child{position:sticky;top:120px}
.platform-home h2{font-size:clamp(37px,3.8vw,52px);line-height:1.15;letter-spacing:-.045em;max-width:450px}
.platform-home-layout>div:first-child>p:not(.section-label){font-size:16px;line-height:1.85;color:#6d6d6d;max-width:400px;margin-top:24px}
.platform-home-layout>div:first-child>.text-link,.platform-home-layout>div:first-child>.button{margin-top:27px;font-size:13px}
.platform-home-links{border-top:1px solid #aaa}
.platform-home-links>a{position:relative;display:block;min-width:0;padding:26px 40px 26px 0;border-bottom:1px solid #c7c7c7}
.platform-home-links h3{font-size:24px;line-height:1.35;letter-spacing:-.035em}
.platform-home-links p{font-size:14px;line-height:1.85;color:#737373;margin-top:11px;max-width:550px}
.platform-home-links .icon{position:absolute;right:0;top:32px;width:18px;height:18px;color:#777}
.platform-home-links>a:hover h3{text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:1px}
.learning-home{background:#ededed;border-top:1px solid #d3d3d3;border-bottom:1px solid #d3d3d3;padding:57px 0 55px}
.learning-home-inner{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:26px 60px;align-items:center}
.learning-home h2{font-size:clamp(32px,3.3vw,45px);line-height:1.2;letter-spacing:-.04em;max-width:800px}
.learning-home .section-label{margin-bottom:17px}
.learning-home-inner>div>p:not(.section-label){font-size:14px;line-height:1.85;color:#777;margin-top:20px;max-width:650px}
.learning-home-inner>.button,.learning-home-inner>.text-link{font-size:13px;max-width:260px;justify-self:end}
.learning-home-inner>p,.learning-home-inner>ul,.learning-subjects{grid-column:1/-1;font-size:13px;line-height:1.85;color:#777}
.learning-home-inner>ul,.learning-subjects{display:flex;gap:10px 30px;flex-wrap:wrap}

/* Expanded footer. */
.site-footer .footer-main{grid-template-columns:1.35fr repeat(4,minmax(0,1fr));gap:39px}
.site-footer .footer-main>nav{font-size:12px;line-height:1.75}
.site-footer .footer-main>nav>span{font-size:11px;line-height:1.7}
.site-footer .footer-main>div>p{max-width:225px}

/* Give new controls a visible focus without altering the original hero. */
.page-main :is(a,button,input,summary):focus-visible,.platform-home a:focus-visible,.learning-home a:focus-visible,.language-link:focus-visible,.nav-signup:focus-visible{outline:2px solid currentColor;outline-offset:5px}
.page-main input:focus-visible{outline-offset:3px}
.page-main button:disabled{cursor:default;opacity:.5}

@media(max-width:1250px){
  .site-header .nav-wrap{gap:28px;width:calc(100% - 48px)}
  .site-header .desktop-nav{gap:19px}
  .site-header .desktop-nav>a,.site-header .desktop-nav>button{font-size:11px}
  .site-header .nav-actions{gap:15px}
  .platform-menu-grid{gap:18px}
  .platform-menu-grid>a>span,.platform-menu-grid h3{font-size:14px}
  .platform-menu-grid>a>p{font-size:11px}
  .article-layout{grid-template-columns:190px minmax(0,1fr);gap:57px}
  .platform-home-layout{gap:65px}
  .account-layout{width:calc(100% - 80px)}
  .account-story{padding:40px 35px}
  .account-story h2,.account-story h1{font-size:42px}
  .account-panel{padding:38px 35px}
  .site-footer .footer-main{gap:30px}
}
@media(min-width:1101px){
  .site-header .signin{display:inline}
  .site-header .mobile-nav{display:none!important}
}
@media(max-width:1100px){
  .site-header{height:72px}
  .site-header .nav-wrap{width:calc(100% - 40px);gap:24px}
  .site-header .desktop-nav{display:none}
  .site-header .menu-button{display:block}
  .site-header .signin{display:none}
  .site-header .nav-actions{gap:18px}
  .site-header .mobile-nav{top:71px}
  .site-header .solutions-menu,#platform-menu{display:none!important}
  .page-hero{padding-top:34px;padding-bottom:62px}
  .breadcrumb{margin-bottom:41px}
  .page-hero h1{font-size:55px}
  .page-lead{font-size:17px;max-width:690px}
  .platform-entry{grid-template-columns:60px minmax(0,1fr) auto;gap:25px}
  .entry-copy p{font-size:15px}
  .article-layout{gap:43px;grid-template-columns:175px minmax(0,1fr);padding-top:58px}
  .article-section p,.article-main>p{font-size:16px}
  .article-section h2{font-size:31px}
  .workflow-example{padding:33px 31px 17px}
  .workflow-example h2,.workflow-example h3{font-size:29px}
  .learning-intro{grid-template-columns:1fr 250px;gap:43px}
  .learning-intro h2{font-size:35px}
  .resource-controls{gap:12px 22px}
  .resource-grid{gap:33px 39px}
  .resource-card h2{font-size:26px}
  .account-layout{width:calc(100% - 64px)}
  .account-story{padding:35px 29px}
  .account-story h2,.account-story h1{font-size:38px}
  .account-panel{padding:35px 29px}
  .account-panel h1{font-size:32px}
  .platform-home-layout{gap:47px}
  .platform-home h2{font-size:40px}
  .platform-home-links h3{font-size:22px}
  .site-footer .footer-main{grid-template-columns:1.25fr repeat(4,minmax(0,1fr));gap:25px}
  .site-footer .footer-main>nav{font-size:11px}
}
@media(max-width:900px){
  .page-hero h1{font-size:49px;max-width:750px}
  .page-lead{font-size:16px}
  .page-intro-line{gap:30px;font-size:14px}
  .page-intro-line>h2{font-size:27px}
  .article-layout{grid-template-columns:1fr;gap:35px;padding-top:37px;padding-bottom:72px}
  .article-toc{position:relative;top:auto;max-height:none;overflow:visible;padding:0 0 24px;border-bottom:1px solid #ccc}
  .article-toc>p,.article-toc>strong,.article-toc>h2{margin-bottom:9px}
  .article-toc a{display:inline-block;border:0;padding:7px 19px 7px 0;font-size:12px}
  .article-toc a:hover,.article-toc a[aria-current=true],.article-toc a[aria-current=location]{text-decoration:underline;text-underline-offset:4px}
  .article-main{max-width:none}
  .article-section{margin-bottom:29px;padding-bottom:33px}
  .article-section h2{font-size:32px}
  .workflow-example{margin-bottom:38px}
  .learning-intro{grid-template-columns:1fr 210px;gap:33px;padding-top:44px}
  .learning-intro h2{font-size:32px}
  .learning-intro p{font-size:14px}
  .learning-status{padding-left:25px}
  .learning-status strong{font-size:21px}
  .learning-status>p{font-size:12px}
  .learning-paths>details>summary{font-size:22px}
  .lesson-row{gap:17px;padding:21px 9px}
  .lesson-row h3{font-size:19px}
  .lesson-row p{font-size:12px}
  .lesson-row-end{gap:14px;padding-left:3px}
  .resource-controls{grid-template-columns:1fr}
  .resource-filters{justify-content:flex-start;margin-top:7px}
  .resource-grid{gap:32px}
  .resource-card h2{font-size:25px}
  .account-layout{grid-template-columns:1fr;width:min(580px,calc(100% - 64px));padding:55px 0 74px}
  .account-story{display:none}
  .account-panel{border-left:1px solid #d5d5d5;border-radius:18px;padding:39px 39px 35px}
  .account-panel h1{font-size:35px}
  .platform-home{padding:66px 0 68px}
  .platform-home-layout{grid-template-columns:1fr;gap:36px}
  .platform-home-layout>div:first-child{position:static}
  .platform-home h2{font-size:43px;max-width:660px}
  .platform-home-layout>div:first-child>p:not(.section-label){max-width:620px;font-size:15px}
  .platform-home-links>a{padding-top:24px;padding-bottom:24px}
  .learning-home-inner{gap:24px 34px}
  .learning-home h2{font-size:35px}
  .site-footer .footer-main{grid-template-columns:repeat(4,minmax(0,1fr));gap:35px 25px}
  .site-footer .footer-main>div{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:25px}
  .site-footer .footer-main>div>p{text-align:right;margin:0;max-width:260px}
}
@media(max-width:650px){
  .connector-details>div{grid-template-columns:1fr;gap:8px;padding:20px 0}
  .platform-home>.connector-wordmarks>span{width:100%;margin-right:0}
  .site-header .nav-wrap{width:calc(100% - 32px);gap:12px}
  .site-header .nav-actions{gap:12px}
  .language-link{font-size:10px;min-width:25px;min-height:35px}
  .nav-actions .nav-signup{padding:9px 14px;font-size:11px;min-height:37px;gap:10px}
  .nav-signup .icon{display:none}
  .site-header .mobile-nav{padding-left:21px;padding-right:21px}
  .page-hero{padding:28px 0 46px}
  .breadcrumb{font-size:10px;gap:10px;margin-bottom:33px}
  .page-eyebrow{font-size:11px;margin-bottom:18px}
  .page-hero h1{font-size:38px;line-height:1.13;letter-spacing:-.05em;max-width:540px}
  .page-lead{font-size:15px;line-height:1.85;margin-top:23px}
  .page-actions{gap:16px 22px;margin-top:26px}
  .page-actions .button{font-size:12px;min-height:46px;padding:12px 18px}
  .page-actions .text-link{font-size:12px}
  .page-intro-line{display:block;padding:26px 0;font-size:14px;line-height:1.8}
  .page-intro-line>h2{font-size:26px;line-height:1.35}
  .page-intro-line>p{margin-top:17px;max-width:500px}
  .page-intro-line .text-link,.page-intro-line .button{margin-top:18px;font-size:12px}
  .platform-directory{padding-top:10px;padding-bottom:55px}
  .platform-entry{grid-template-columns:25px minmax(0,1fr);gap:13px;padding:28px 0 24px}
  .entry-number{font-size:10px;padding-top:5px}
  .entry-copy h2{font-size:25px;line-height:1.28}
  .entry-copy p{font-size:13px;line-height:1.85;margin-top:12px}
  .entry-link{grid-column:2;justify-self:start;min-height:34px;font-size:11px;align-self:start;gap:10px;margin-top:1px}
  .entry-link>.icon{width:15px;height:15px}
  .connector-wordmarks{gap:18px 25px;padding:23px 0;margin:27px 0}
  .connector-wordmarks>*{font-size:21px}
  .article-layout{padding-top:28px;padding-bottom:58px;gap:28px}
  .article-toc{padding-bottom:19px}
  .article-toc a{font-size:11px;padding-right:17px;line-height:1.65}
  .article-section{padding-bottom:29px;margin-bottom:27px}
  .section-number{font-size:10px;margin-bottom:13px}
  .article-section h2{font-size:28px;line-height:1.28;margin-bottom:19px}
  .article-section h3{font-size:22px}
  .article-section p,.article-main>p{font-size:15px;line-height:1.9}
  .article-section ul{font-size:14px;padding-left:20px}
  .workflow-example{padding:27px 23px 12px;border-radius:12px;margin:9px 0 32px}
  .workflow-example h2,.workflow-example h3{font-size:26px;line-height:1.3}
  .workflow-example>p:not(:first-child){font-size:14px;line-height:1.85}
  .workflow-example ol{margin-top:23px}
  .workflow-example ol>li{font-size:13px;grid-template-columns:21px minmax(0,1fr);gap:13px;padding:18px 0}
  .rollout-panel{padding:28px 0 29px;margin-bottom:31px}
  .rollout-panel h2{font-size:26px;margin-bottom:21px}
  .rollout-panel ul{grid-template-columns:1fr;gap:16px}
  .rollout-panel li{font-size:14px;line-height:1.85}
  .related-links{grid-template-columns:1fr;gap:23px;margin-top:32px}
  .related-links>a{padding-top:20px}
  .related-links h3{font-size:21px}
  .related-links p{font-size:13px;margin-top:10px}
  .learning-intro{grid-template-columns:1fr;gap:29px;padding:36px 0}
  .learning-intro h2{font-size:30px}
  .learning-intro p{font-size:14px;margin-top:17px}
  .learning-status{border-left:0;border-top:1px solid #ccc;padding:23px 0 0;max-width:440px}
  .learning-status strong{font-size:23px;max-width:350px;text-wrap:initial}
  .learning-status>p{font-size:12px;margin-top:11px}
  .learning-status>span{font-size:12px;margin-top:8px}
  .lesson-progress-bar{margin-top:17px}
  .learning-status .progress-note{font-size:11px;margin-top:11px}
  .learning-paths{padding-bottom:58px}
  .learning-paths>details>summary{font-size:21px;line-height:1.5;gap:20px;padding:22px 0}
  .learning-paths>details>summary>.icon{width:21px;height:21px}
  .learning-paths>details>p{font-size:14px;padding-bottom:20px}
  .lesson-row{grid-template-columns:23px minmax(0,1fr);gap:6px 12px;padding:21px 0}
  .lesson-row>span:first-child,.lesson-row .lesson-number{grid-column:1;grid-row:1/3;font-size:10px;margin-top:4px}
  .lesson-row>.entry-copy{grid-column:2;grid-row:1}
  .lesson-row>.lesson-row-end{grid-column:2;grid-row:2;justify-content:space-between;gap:15px;margin-top:9px;padding:0}
  .lesson-row-end>span{text-align:left;max-width:none;font-size:10px}
  .lesson-row-end>.icon{width:15px;height:15px}
  .lesson-row h3{font-size:18px;line-height:1.5}
  .lesson-row p{font-size:12px;line-height:1.8;margin-top:6px}
  .lesson-row>span:last-child:not(:first-child),.lesson-row .lesson-status{grid-column:2;grid-row:2;text-align:left;max-width:none;font-size:10px;margin-top:5px}
  .lesson-list{padding-bottom:57px}
  .lesson-outcome{padding:23px 22px;margin-bottom:28px}
  .lesson-outcome h2,.lesson-outcome h3{font-size:22px}
  .lesson-outcome p{font-size:14px}
  .lesson-steps article{padding:25px 0 28px 35px}
  .lesson-steps article>span:first-child,.lesson-steps .step-number{top:30px;font-size:10px}
  .lesson-steps h2,.lesson-steps h3{font-size:24px;line-height:1.35;margin-bottom:16px}
  .lesson-steps p{font-size:15px;line-height:1.85}
  .lesson-example{padding:25px 23px;margin:31px 0}
  .lesson-example h2,.lesson-example h3{font-size:23px}
  .lesson-example p{font-size:14px}
  .lesson-example ul,.lesson-example ol{font-size:13px;padding-left:20px}
  .lesson-exercise{padding-top:26px;padding-bottom:28px}
  .lesson-exercise h2,.lesson-exercise h3{font-size:25px}
  .lesson-exercise p{font-size:15px}
  .lesson-exercise ol,.lesson-exercise ul{font-size:14px;padding-left:20px}
  .lesson-checklist{margin-top:22px}
  .lesson-checklist h2{font-size:25px;margin-bottom:17px}
  .lesson-checklist li{font-size:13px;line-height:1.8;padding:15px 0}
  .lesson-controls{align-items:flex-start;gap:21px;flex-direction:column;padding-top:25px;margin-top:16px}
  .lesson-controls>button{font-size:12px;padding:12px 18px;min-height:45px}
  .lesson-controls>a{max-width:100%;text-align:left;font-size:13px}
  .progress-note,.article-main>.progress-note{font-size:11px;line-height:1.85;margin-top:15px}
  .resource-controls{display:block;padding:28px 0 21px}
  .resource-search-label{margin-bottom:10px}
  .resource-controls input[type=search],.resource-controls input[type=text]{width:100%;font-size:14px;min-height:46px}
  .resource-filters{margin-top:18px;gap:7px}
  .resource-filters button{font-size:10px;padding:7px 12px;min-height:34px}
  .resource-meta{font-size:11px;margin-bottom:23px}
  .resource-grid{grid-template-columns:1fr;gap:29px;padding-bottom:58px}
  .resource-card{padding-top:23px}
  .resource-card h2{font-size:26px}
  .resource-card p{font-size:14px;margin-top:14px}
  .resource-card>a{font-size:12px;margin-top:20px}
  .resource-empty{font-size:14px;padding:25px;margin-bottom:57px}
  .resource-empty h2{font-size:24px}
  .account-layout{width:calc(100% - 40px);padding:39px 0 59px}
  .account-panel{padding:30px 25px;border-radius:15px}
  .account-panel h1{font-size:31px}
  .account-panel>.page-lead,.account-panel>.account-lead{font-size:14px;margin-top:17px}
  .auth-methods{margin-top:25px;gap:10px}
  .auth-methods>a,.auth-methods>button{font-size:12px;min-height:50px;padding:13px 14px;gap:11px}
  .auth-provider-mark{width:19px;height:19px;font-size:17px}
  .auth-divider{margin:22px 0;font-size:10px}
  .account-links{font-size:11px;gap:12px 17px;margin-top:23px}
  .auth-status{padding:16px 17px;font-size:12px;line-height:1.85}
  .account-note{font-size:10px;margin-top:20px}
  .account-panel input:not([type=checkbox]):not([type=radio]){font-size:16px}
  .platform-home{padding:55px 0 57px}
  .platform-home-layout{gap:29px}
  .platform-home h2{font-size:36px;line-height:1.18}
  .platform-home-layout>div:first-child>p:not(.section-label){font-size:14px;line-height:1.85;margin-top:21px}
  .platform-home-layout>div:first-child>.text-link,.platform-home-layout>div:first-child>.button{font-size:12px;margin-top:23px}
  .platform-home-links>a{padding:22px 33px 23px 0}
  .platform-home-links h3{font-size:22px;line-height:1.35}
  .platform-home-links p{font-size:13px;line-height:1.85;margin-top:10px}
  .platform-home-links .icon{top:27px;width:16px;height:16px}
  .learning-home{padding:43px 0}
  .learning-home-inner{grid-template-columns:1fr;gap:23px}
  .learning-home h2{font-size:32px;line-height:1.22}
  .learning-home-inner>.button,.learning-home-inner>.text-link{justify-self:start;font-size:12px;max-width:100%}
  .learning-home-inner>p,.learning-home-inner>ul,.learning-subjects{font-size:12px;line-height:1.8}
  .learning-home-inner>div>p:not(.section-label){font-size:13px;margin-top:17px}
  .learning-home-inner>ul,.learning-subjects{gap:7px 23px}
  .site-footer .footer-main{grid-template-columns:1fr 1fr;gap:30px 25px}
  .site-footer .footer-main>nav:last-child{grid-column:auto;display:flex;flex-direction:column;gap:12px}
  .site-footer .footer-main>nav:last-child>span{margin-bottom:4px}
  .site-footer .footer-main>div{display:flex;gap:19px;align-items:flex-start}
  .site-footer .footer-main>div>p{font-size:10px;max-width:175px}
}
@media(max-width:380px){
  .site-header .nav-wrap{width:calc(100% - 28px);gap:10px}
  .site-header .nav-actions{gap:9px}
  .site-header .brand{gap:7px}
  .site-header .brand img{width:26px;height:26px}
  .site-header .wordmark{font-size:23px}
  .nav-actions .nav-signup{font-size:10px;padding:9px 12px;min-height:35px}
  .language-link{font-size:10px;min-width:22px}
  .site-header .menu-button{width:25px}
  .page-hero h1{font-size:35px}
  .platform-entry{grid-template-columns:21px minmax(0,1fr);gap:10px}
  .entry-copy h2{font-size:23px}
  .workflow-example{padding-left:20px;padding-right:20px}
  .workflow-example h2,.workflow-example h3{font-size:24px}
  .connector-wordmarks{gap:17px 23px}
  .connector-wordmarks>*{font-size:20px}
  .account-panel{padding:27px 21px}
  .account-panel h1{font-size:29px}
  .auth-methods>a,.auth-methods>button{font-size:11px;padding:13px 10px;gap:9px}
  .platform-home h2{font-size:33px}
  .learning-home h2{font-size:29px}
}
@media(prefers-reduced-motion:reduce){
  .lesson-progress-bar>span,.lesson-progress-bar>div,.platform-menu-grid>a,.entry-link,.lesson-row,.resource-filters button,.auth-methods>a,.auth-methods>button,.nav-signup,.learning-paths>details>summary>.icon{transition:none}
}