/* Public reading surfaces: measured against the OpenAI article and policy reference.
   Vocalis keeps its own fonts, wordmark, navigation and document content. */
:root{font-synthesis:none;text-rendering:optimizeLegibility;color-scheme:light;--reading-width:596px;--ink:#000;--muted:#666;--line:#e0e0e0;--surface:#f5f5f5;--underline:#00000070;--article-grid-gap:24px;--article-title-size:clamp(32px,calc(32px + 32 * ((100vw - 375px)/1065)),64px);--article-title-line:clamp(36.48px,calc(36.48px + 27.52 * ((100vw - 375px)/1065)),64px);--article-heading-size:clamp(24px,calc(24px + 6 * ((100vw - 375px)/1065)),30px);--article-heading-line:clamp(31.68px,calc(31.68px + 7.92 * ((100vw - 375px)/1065)),39.6px)}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:96px}
body{margin:0;background:#fff;color:var(--ink);font:400 17px/28px Inter,Arial,sans-serif;letter-spacing:-.01em;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
button,input,summary{font:inherit}
button,summary{cursor:pointer}
a,button,summary{transition:background-color .15s,color .15s}
a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid #000;outline-offset:4px}
img{max-width:100%;-webkit-user-drag:none}
[hidden]{display:none!important}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.doc-skip{position:fixed;top:8px;left:12px;z-index:10001;background:#000;color:#fff;padding:8px 16px;transform:translateY(-160%)}
.doc-skip:focus{transform:none}

/* Titles and text mirror the reference's hierarchy and column measure. */
.kb-article-page{--reading-width:calc((100% - var(--article-grid-gap))/2);max-width:1440px;margin:0 auto;padding:92px 32px 120px}
.kb-article-header{max-width:calc((100% + var(--article-grid-gap))*2/3 - var(--article-grid-gap));margin:0 auto;text-align:center}
.kb-article-dateline{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:16px;font-size:14px;line-height:19.6px;font-weight:500;letter-spacing:0;margin-bottom:32px}
.kb-article-dateline a{color:var(--muted);font-weight:400}
.kb-article-dateline a:hover{color:var(--ink)}
.kb-article-page h1,.kb-category-page h1,.kb-hero h1,.legal-title h1{font:600 clamp(40px,4.625vw,64px)/1.08 "Plus Jakarta Sans",Inter,sans-serif;letter-spacing:-.03em;text-wrap:balance;margin:0}
.doc-deck{max-width:640px;font-size:20px;line-height:30px;letter-spacing:-.02em;margin:28px auto 0;text-wrap:pretty}
.kb-article-meta{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:24px;margin-top:32px;font-size:14px;line-height:20px;letter-spacing:0}
.kb-article-meta a{text-decoration:underline;text-underline-offset:4px;text-decoration-color:#b3b3b3}
.kb-article-meta a:hover{text-decoration-color:#000}
.kb-status{color:#666}
.kb-reading-layout{position:relative;margin-top:120px}
.kb-article-prose{max-width:var(--reading-width);margin:0 auto}
.kb-article-prose section{scroll-margin-top:0}
.kb-article-prose h2,.legal-prose h2{font:600 clamp(26px,2.273vw,32px)/1.32 "Plus Jakarta Sans",Inter,sans-serif;letter-spacing:-.01em;margin:64px 0 24px;text-wrap:pretty}
.kb-article-prose section:first-child h2{margin-top:0}
.kb-article-prose p,.legal-prose p{margin:0 0 24px}
.kb-article-prose ul,.legal-prose ul,.legal-prose ol{padding-left:24px;margin:0 0 24px}
.kb-article-prose li,.legal-prose li{margin:0 0 12px;padding-left:3px}
.kb-article-prose a,.legal-prose a{text-decoration:underline;text-decoration-color:var(--underline);text-decoration-thickness:1px;text-underline-offset:4px;overflow-wrap:anywhere}
.kb-article-prose a:hover,.legal-prose a:hover{color:var(--muted)}
.kb-article-prose strong,.legal-prose strong{font-weight:600}
.kb-contents{position:absolute;left:0;top:0;bottom:0;width:calc((100% - var(--reading-width))/2 - 56px);max-width:220px}
.kb-contents nav{position:sticky;top:104px;max-height:calc(100dvh - 136px);overflow:auto;font-size:12px;line-height:15px;letter-spacing:0}
.kb-contents p{margin:0 0 20px;font-weight:500}
.kb-contents a{display:block;padding:8px 0;color:var(--muted)}
.kb-contents a:hover,.kb-contents a[aria-current]{color:var(--ink)}
.kb-article-contact{border-top:1px solid var(--line);margin-top:64px;padding-top:28px;font-size:14px;line-height:23px}
.kb-article-contact p{margin-bottom:12px}
.kb-related{max-width:1120px;margin:104px auto 0}
.kb-related>h2{font-size:26px;line-height:34px;font-weight:500;letter-spacing:-.02em;margin:0 0 24px}
.kb-related .kb-results{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.ai-info-page .kb-article-prose{margin-top:80px}
.doc-eyebrow{font-size:14px;line-height:20px;font-weight:500;letter-spacing:0;margin:0 0 32px}

/* Policies keep every clause in an uninterrupted reading column. */
.legal-page{max-width:644px;margin:0 auto;padding:88px 24px 120px}
.legal-policy-nav{display:flex;align-items:center;gap:24px;min-height:40px;border-bottom:1px solid var(--line);font-size:14px;line-height:20px}
.legal-policy-nav a:hover{text-decoration:underline;text-underline-offset:4px}
.legal-title{text-align:center;margin-top:64px}
.legal-date{font-size:14px;line-height:20px;letter-spacing:0;font-weight:500;margin:0 0 32px}
.legal-prose{margin:64px auto 0}
.legal-prose h3,.legal-prose h4{font-size:21px;line-height:29px;font-weight:500;margin:32px 0 20px}
.legal-prose code{font-size:14px;overflow-wrap:anywhere}
.doc-table-scroll{overflow-x:auto;max-width:100%;margin-block:24px}
.legal-prose table{border-collapse:collapse;width:100%;font-size:15px;line-height:24px;min-width:580px}
.legal-prose td,.legal-prose th{border-bottom:1px solid var(--line);padding:14px;text-align:left;vertical-align:top}
.legal-prose th{background:var(--surface);font-weight:500}

/* Index and category pages use the same monochrome editorial family. */
.kb-home{max-width:1184px;margin:auto;padding:88px 32px 120px}
.kb-hero{text-align:center;margin-bottom:64px}
.kb-hero h1{margin-bottom:28px}
.kb-hero>p:not(.doc-eyebrow){font-size:20px;line-height:30px;margin:0}
.kb-search{display:flex;gap:16px;align-items:center;text-align:left;max-width:596px;margin:40px auto 0;border:1px solid var(--line);border-radius:8px;background:#fff;padding:17px 20px}
.kb-search:focus-within{outline:2px solid #000;outline-offset:3px}
.kb-search svg{flex-shrink:0;color:#666}
.kb-search input{width:100%;min-width:0;outline:none;border:0;background:none;font-size:16px;color:#000}
.kb-search input::placeholder{color:#666}
.kb-search kbd{font:12px Inter;color:#666;border:1px solid #ddd;border-radius:4px;width:23px;text-align:center}
.kb-category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.kb-category-grid>a{display:flex;flex-direction:column;border-top:1px solid #d9d9d9;padding:24px 0;min-height:232px}
.kb-category-grid>a:hover h2{text-decoration:underline;text-underline-offset:4px}
.kb-category-number{font-size:13px;line-height:20px;color:#666;margin-bottom:28px}
.kb-category-grid h2{font-size:20px;line-height:27px;font-weight:500;margin:0 0 12px;letter-spacing:-.02em}
.kb-category-grid p{font-size:14px;line-height:22px;color:#666;margin:0 0 24px}
.kb-category-count{font-size:13px;line-height:20px;margin-top:auto;display:flex;justify-content:space-between}
.kb-browse{margin-top:72px;scroll-margin-top:96px}
.kb-browse-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}
.kb-browse-heading h2{font-size:28px;line-height:37px;font-weight:500;letter-spacing:-.02em;margin:0}
.kb-browse-heading p{font-size:14px;color:#666}
.kb-filter-list{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0}
.kb-filter-list button{background:transparent;color:#666;border:0;border-radius:999px;padding:9px 16px;font-size:14px;line-height:20px}
.kb-filter-list button:hover{background:var(--surface);color:#000}
.kb-filter-list button[aria-pressed=true]{color:#fff;background:#000}
.kb-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:48px}
.kb-result{display:flex;justify-content:space-between;gap:16px;padding:28px 0;border-bottom:1px solid var(--line);min-width:0}
.kb-result>span:last-child{color:#666;font-size:18px;padding-top:24px}
.kb-result-category{font-size:13px;color:#666}
.kb-result h3{font-size:21px;line-height:29px;font-weight:500;letter-spacing:-.02em;margin:8px 0 12px}
.kb-result:hover h3{text-decoration:underline;text-underline-offset:4px}
.kb-result p{font-size:15px;line-height:24px;margin:0;color:#666}
.kb-help{margin-top:80px;border-top:1px solid var(--line);padding-top:40px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.kb-help h2{font-size:28px;line-height:37px;font-weight:500;margin:0 0 12px;letter-spacing:-.02em}
.kb-help p{font-size:16px;color:#666;margin:0}
.kb-help>a{background:#000;color:#fff;padding:12px 20px;border-radius:999px;font-size:14px;white-space:nowrap}
.kb-help>a:hover{background:#333}
.kb-help>a>span{margin-left:8px}
#kb-empty{border-top:1px solid var(--line);text-align:center;padding:48px 24px}
#kb-empty h3{font-size:24px;font-weight:500;margin:0 0 16px}
#kb-empty p{color:#666;font-size:15px}
#kb-empty a{text-decoration:underline}
#kb-empty button{background:#000;color:#fff;border:0;border-radius:999px;padding:9px 18px;font-size:14px}
.kb-category-page{max-width:1120px;margin:auto;padding:64px 32px 120px}
.doc-back{font-size:14px;color:#666;display:inline-block;margin-bottom:48px}
.doc-back:hover{text-decoration:underline}
.kb-category-page .doc-deck{margin-left:0;margin-bottom:48px}

@media(max-width:767px){.kb-contents{position:static;width:auto;max-width:var(--reading-width);margin:0 auto 48px}.kb-contents nav{position:static;max-height:none;display:flex;gap:8px 24px;flex-wrap:wrap}.kb-contents p{width:100%;margin:0}.kb-contents a{padding:4px 0}.kb-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){
 .kb-article-page{padding:56px 24px 80px}.kb-article-page h1,.kb-category-page h1,.kb-hero h1,.legal-title h1{font-size:40px;line-height:1.08}.kb-article-dateline{font-size:13px;gap:8px 16px;margin-bottom:24px}.doc-deck{font-size:18px;line-height:28px;margin-top:24px}.kb-article-meta{gap:16px;margin-top:24px}.kb-reading-layout{margin-top:56px}.kb-contents{margin-bottom:40px}.kb-article-prose h2,.legal-prose h2{font-size:26px;line-height:34px;margin-top:48px}.kb-related{margin-top:72px}.kb-related .kb-results{grid-template-columns:1fr;gap:0}.ai-info-page .kb-article-prose{margin-top:56px}
 .legal-page{padding:56px 24px 80px}.legal-title{margin-top:48px}.legal-date{font-size:13px;line-height:21px;margin-bottom:24px}.legal-prose{margin-top:48px}
 .kb-home{padding:56px 24px 80px}.kb-hero{margin-bottom:48px}.kb-hero>p:not(.doc-eyebrow){font-size:18px;line-height:28px}.desktop-break{display:none}.kb-search{padding:14px 16px;gap:12px;margin-top:32px}.kb-search input{font-size:16px}.kb-search kbd{display:none}.kb-category-grid{gap:16px}.kb-category-grid>a{min-height:220px}.kb-category-grid h2{font-size:18px;line-height:25px}.kb-category-grid p{font-size:13px;line-height:21px}.kb-category-number{margin-bottom:20px}.kb-results{grid-template-columns:1fr}.kb-browse{margin-top:48px}.kb-browse-heading h2{font-size:24px;line-height:32px;max-width:230px}.kb-browse-heading p{font-size:13px;white-space:nowrap}.kb-filter-list{gap:4px}.kb-filter-list button{font-size:13px;padding:9px 13px}.kb-help{align-items:flex-start;flex-direction:column;margin-top:56px}.kb-help h2{font-size:24px;line-height:32px}.kb-category-page{padding:40px 24px 80px}.doc-eyebrow{font-size:13px;margin-bottom:24px}.doc-back{margin-bottom:40px}
}
@media(max-width:359px){.kb-category-grid{grid-template-columns:1fr}.kb-category-grid>a{min-height:0}.kb-article-page h1,.kb-hero h1,.legal-title h1{font-size:36px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}a,button,summary{transition:none}}

/* OpenAI article dark-mode tokens, with the business site's font families. */
.editorial-site h1,.editorial-site main h2,.editorial-site main h3{font-family:'Plus Jakarta Sans',Inter,sans-serif}
#public-header{font:400 16px/1.5 'Plus Jakarta Sans',sans-serif;letter-spacing:normal;color:#202020;color-scheme:light}
body:has(dialog[open]){overflow:hidden}
.is-dark{--ink:#fff;--muted:#999;--line:#333;--surface:#1f1f1f;--underline:#ffffff70;background:#000;color:var(--ink)}
.is-dark main{color-scheme:dark}
.is-dark main a:focus-visible,.is-dark main button:focus-visible,.is-dark main input:focus-visible{outline-color:#fff}
.is-dark .kb-status,.is-dark .kb-contents a,.is-dark .kb-search svg,.is-dark .kb-search input::placeholder,.is-dark .kb-search kbd,.is-dark .kb-category-number,.is-dark .kb-category-grid p,.is-dark .kb-browse-heading p,.is-dark .kb-filter-list button,.is-dark .kb-result>span:last-child,.is-dark .kb-result-category,.is-dark .kb-result p,.is-dark .kb-help p,.is-dark #kb-empty p,.is-dark .doc-back{color:var(--muted)}
.is-dark .kb-search{background:var(--surface);border-color:var(--line)}
.is-dark .kb-search:focus-within{outline-color:#fff}
.is-dark .kb-search input{color:var(--ink)}
.is-dark .kb-search kbd,.is-dark .kb-category-grid>a{border-color:var(--line)}
.is-dark .kb-filter-list button:hover,.is-dark .kb-contents a:hover{color:#fff}
.is-dark .kb-filter-list button[aria-pressed=true],.is-dark .kb-help>a,.is-dark #kb-empty button{background:#fff;color:#000}
.is-dark .kb-help>a:hover{background:#d9d9d9}
.is-dark .kb-contents a[aria-current]{color:#fff}
/* Legal documents keep their approved copy and light reading surface. */
.lg-wrap{width:100%;max-width:644px;margin:0 auto;padding:88px 24px 128px;font:400 17px/28px Inter,Arial,sans-serif;letter-spacing:-.01em}
.lg-policy-nav{display:flex;gap:24px;min-height:40px;margin-bottom:64px;border-bottom:1px solid var(--line);font-size:14px;line-height:20px;letter-spacing:0}
.lg-policy-nav a{display:inline-flex;align-items:center;min-height:40px;margin-bottom:-1px;border-bottom:1px solid transparent;color:var(--muted)}
.lg-policy-nav a[aria-current=page]{border-bottom-color:#202020;color:#202020}
.lg-title{margin-bottom:64px;text-align:center}
.lg-meta,.lg-kicker{margin:0 0 32px;font-size:14px;font-weight:500;line-height:20px;letter-spacing:0}
.lg-title h1{margin:0;font-size:59.2px;font-weight:600;line-height:1.08;letter-spacing:-.03em;text-wrap:balance}
.lg-lede,.lg-sec{margin:0 0 48px}
.lg-sec:last-child{margin-bottom:0}
.lg-sec h2{margin:0 0 24px;font-size:29.1px;font-weight:600;line-height:38.4px;letter-spacing:-.02em;text-wrap:pretty}
.lg-sec h3{margin:32px 0 20px;font-size:22px;font-weight:600;line-height:30px}
.lg-sec p{margin:0 0 24px}.lg-sec p:last-child,.lg-sec ul:last-child{margin-bottom:0}
.lg-sec ul{margin:0 0 24px;padding-left:24px}.lg-sec li{margin:0 0 12px;padding-left:2px}
.lg-wrap strong{font-weight:600}.lg-sec a,.lg-lede a,.lg-wrap .note a,.lg-wrap .consent a{text-decoration:underline;text-decoration-thickness:1px;text-decoration-color:var(--underline);text-underline-offset:4px;overflow-wrap:anywhere}
.lg-table-wrap{overflow-x:auto;margin:0 0 24px}.lg-scopes{width:100%;border-collapse:collapse;font-size:14px;line-height:22px;letter-spacing:0}
.lg-scopes th,.lg-scopes td{padding:14px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.lg-scopes th{font-weight:600}
.lg-wrap code{font-size:.82em;overflow-wrap:anywhere}
.lg-wrap .note,.lg-wrap .form-card{margin:24px 0;padding:24px;background:#f5f5f5;border:1px solid #e5e5e5;border-radius:8px}
.lg-wrap .form-card h2{font-size:24px;line-height:32px;margin:0 0 12px}.lg-wrap .sub,.lg-wrap .disabled-hint{font-size:14px;color:#666}
.lg-wrap .field{margin:20px 0}.lg-wrap .field label{display:block;margin-bottom:8px}.lg-wrap .field input{width:100%;padding:12px;background:white;border:1px solid #ddd;border-radius:6px}
.lg-wrap .consent{display:flex;align-items:flex-start;gap:12px;font-size:14px;line-height:23px}.lg-wrap .consent input{flex:none;margin-top:5px}
.lg-wrap .submit{margin-top:24px;padding:12px 20px;border:0;border-radius:6px;background:#202020;color:white;opacity:.6}
@media(max-width:820px){.lg-wrap{padding-top:56px;padding-bottom:88px}.lg-policy-nav,.lg-title{margin-bottom:48px}.lg-title h1{font-size:48px}}
@media(max-width:560px){.lg-title h1{font-size:40px;line-height:44px}.lg-meta{max-width:280px;margin:0 auto 24px;line-height:22px}.lg-sec h2{font-size:27px;line-height:35px}.lg-scopes{min-width:560px}.lg-wrap .note,.lg-wrap .form-card{padding:20px}}

.kb-category-context{max-width:760px;color:var(--muted);font-size:17px;line-height:28px;margin-bottom:48px}.kb-category-context p{margin:0 0 24px}

.site-footer{letter-spacing:normal}

/* Reference article: centered hero, sharing control, then the reading grid. */
.kb-article-page h1{font-size:var(--article-title-size);line-height:var(--article-title-line);font-weight:500}
.kb-article-prose h2{font-size:var(--article-heading-size);line-height:var(--article-heading-line);font-weight:500}
.kb-article-prose h2.sr-only{margin:-1px;padding:0}
.kb-article-actions{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;margin-top:32px;font:500 14px/14px Inter,sans-serif;letter-spacing:0}
.kb-article-actions a{display:inline-flex;align-items:center;justify-content:center;gap:4.2px;min-height:40px;border-radius:40px}
.kb-article-actions a:hover{color:var(--muted)}
.kb-article-actions .kb-primary-action{padding:0 20px;background:var(--ink);color:#fff}
.is-dark .kb-article-actions .kb-primary-action{color:#000}
.kb-article-actions .kb-primary-action:hover{background:#ccc;color:#000}
.kb-article-tools{width:var(--reading-width);display:flex;align-items:center;justify-content:flex-end;gap:16px;margin:48px auto 0;padding-top:12px;border-top:1px solid var(--surface);font:500 14px/14px Inter,sans-serif;letter-spacing:0}
.kb-article-tools button,.kb-article-tools a{display:inline-flex;align-items:center;gap:12px;height:40px;border:0;padding:0;background:transparent;color:var(--ink);font:inherit;white-space:nowrap;letter-spacing:0}
.kb-article-tools button[data-share]{gap:4.2px;border-radius:4px}
.kb-article-tools button:hover,.kb-article-tools a:hover{color:var(--muted)}
@media(max-width:1023px) and (min-width:768px){.kb-article-page{--article-grid-gap:16px;--reading-width:calc((100% - 16px)*2/3)}.kb-article-header{max-width:100%}.kb-contents{width:calc((100% - 16px)/6 - 16px)}}
@media(max-width:767px){
 .kb-article-page{--reading-width:100%;padding-top:34px;padding-bottom:80px}.kb-article-header{max-width:100%}.kb-article-dateline{font-size:14px;line-height:19.6px;margin-bottom:32px}.kb-article-actions{margin-top:32px}.kb-article-tools{margin-top:48px}.kb-reading-layout{margin-top:80px}.kb-contents{margin-bottom:40px}.kb-contents nav{font-size:12px;line-height:15px}.kb-article-prose h2{margin-top:48px}.kb-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:359px){.kb-article-tools{gap:8px;font-size:12px}.kb-article-tools button{gap:8px}.kb-category-grid{grid-template-columns:1fr}}
@media(max-width:1100px) and (min-width:768px){.kb-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

.kb-mobile-contents{display:none}
@media(max-width:767px){
 html{scroll-padding-top:112px}
 .kb-contents{position:static;width:100%;max-width:none;height:0;margin:0;z-index:100;visibility:hidden}.kb-contents[data-visible=true]{visibility:visible}.kb-contents>nav{display:none}.kb-mobile-contents{display:block;position:fixed;top:60px;left:0;width:100%;z-index:100;background:#000;border-bottom:1px solid var(--surface);color:var(--ink);font:400 12px/15px Inter,sans-serif;letter-spacing:0}.kb-mobile-contents summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:44px;padding:12px 24px;list-style:none}.kb-mobile-contents summary::-webkit-details-marker{display:none}.kb-mobile-contents summary span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kb-mobile-contents summary svg{flex:none;transform:rotate(90deg)}.kb-mobile-contents[open] summary svg{transform:rotate(-90deg)}.kb-mobile-contents nav{display:block;max-height:calc(100dvh - 104px);overflow:auto;padding:0 24px 12px}.kb-mobile-contents nav a{padding:12px 0}
}

@font-face{font-family:'Plus Jakarta Sans';src:url('/assets/PlusJakartaSans.latin.woff2') format('woff2');font-style:normal;font-weight:200 800;font-display:swap}
@font-face{font-family:Inter;src:url('/assets/Inter.latin.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
@font-face{font-family:Fredoka;src:url('/assets/Fredoka.latin.woff2') format('woff2');font-style:normal;font-weight:300 700;font-display:swap}
/* `position: sticky` looked correct in layout (getBoundingClientRect always reported top:0)
   but WebKit/Safari can fail to recomposite a sticky element on scroll when it contains a
   `backdrop-filter` child (.vnav-backdrop below) — the header visually "detaches" and scrolls
   away with the page even though its computed position never changed. `position: fixed` always
   gets its own compositor layer, which sidesteps that repaint bug entirely and is otherwise
   equivalent here since the header already spanned the full viewport width. Fixed removes the
   header from normal flow, so .vnav-spacer (rendered as its first sibling, see Header.jsx)
   reserves the same 60px so page content doesn't jump underneath it. */
.vnav-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 10000;
  width: 100%;
  font-family: Inter, sans-serif;
}
.vnav-spacer { height: 60px; }

.vnav-header *, .vnav-popover *, .vnav-mobile-dialog *, .vnav-pricing-dialog * { box-sizing: border-box; }
.vnav-header button, .vnav-mobile-dialog button, .vnav-pricing-dialog button { font-family: inherit; }
.vnav-header a, .vnav-popover a, .vnav-mobile-dialog a, .vnav-pricing-dialog a { text-decoration: none; }
.vnav-backdrop { position: absolute; inset: 0; background: #ffffffe6; backdrop-filter: blur(6px); }
.vnav-header.has-menu .vnav-backdrop { background: #fff; }
.vnav-container { position: relative; display: flex; gap: 52px; justify-content: space-between; align-items: center; max-width: 1120px; margin: 0 auto; padding: 14px 20px; }
.vnav-left { display: flex; gap: 20px; align-items: center; }
.vnav-brand { display: flex; flex: 0 0 100px; gap: 4px; align-items: center; width: 100px; height: 30px; color: #202020; }
.vnav-brand img { display: block; flex: none; width: 26px; height: 26px; object-fit: contain; }
.vnav-brand span { font: 700 22px/1 'Plus Jakarta Sans', sans-serif; letter-spacing: -1px; }
.vnav-links { display: flex; gap: 8px; align-items: center; }
.vnav-product-hover { position: relative; display: flex; }
/* Invisible hit-area extending past the trigger's bottom edge to the popover's top (fixed at
   60px = the header's own height) so a pointer moving straight down never leaves hover territory. */
.vnav-product-hover::after { content: ''; position: absolute; top: 100%; right: 0; left: 0; height: 24px; }
.vnav-dropdown-trigger { display: flex; gap: 4px; align-items: center; height: 32px; padding: 4px 10px; border: 0; border-radius: 8px; background: transparent; color: #646464; font: 500 14px/20px Inter, sans-serif; letter-spacing: -.15px; white-space: nowrap; cursor: pointer; transition: background-color .2s ease; }
.vnav-dropdown-trigger img { display: block; width: 14px; height: 14px; }
.vnav-dropdown-trigger:hover { background: #0000000a; }
.vnav-dropdown-trigger.is-active { background: #0000000f; }
.vnav-text-button { display: flex; gap: 4px; align-items: center; height: 32px; padding: 8px 10px; border: 0; border-radius: 8px; background: transparent; color: #646464; font: 500 14px/20px Inter, sans-serif; letter-spacing: -.15px; white-space: nowrap; cursor: pointer; transition: background-color .2s ease; }
.vnav-text-button:hover { background: #f0f0f0; }
.vnav-actions { display: flex; gap: 10px; align-items: center; }
.vnav-cta { display: flex; gap: 4px; justify-content: center; align-items: center; height: 32px; padding: 8px 12px; border: 0; border-radius: 8px; box-shadow: none; font: 600 14px/16px Inter, sans-serif; letter-spacing: -.15px; white-space: nowrap; cursor: pointer; transition: background-color .2s ease; }
.vnav-login { background: #f0f0f0; color: #000; }
.vnav-login:hover { background: #dedede; }
.vnav-start { background: #202020; color: #fff; }
.vnav-start:hover { background: #202020cc; }
.vnav-hamburger { display: none; flex-direction: column; justify-content: space-between; width: 32px; height: 32px; padding: 8px; border: 0; background: none; cursor: pointer; }
.vnav-hamburger span { width: 100%; height: 2px; border-radius: 1px; background: #646464; }
.vnav-header :focus-visible, .vnav-popover :focus-visible, .vnav-mobile-dialog :focus-visible, .vnav-pricing-dialog :focus-visible { outline: 2px solid #986eb2; outline-offset: 3px; }

/* A menu of one group is a small panel, not a full-width bar: it sizes to its content and hangs
   off the Product trigger's left edge (--vnav-product-left, measured in Header.jsx). */
.vnav-popover { position: fixed; top: 60px; right: auto; bottom: auto; left: var(--vnav-product-left, 140px); width: max-content; min-width: 260px; max-width: 320px; max-height: calc(100dvh - 60px); margin: 0; padding: 20px 24px; overflow: auto; border: 1px solid #e8e8e8; border-radius: 12px; background: #fff; color: #202020; box-shadow: 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a; font-family: Inter, sans-serif; }
.vnav-popover::backdrop { background: transparent; }
.vnav-menu-grid { display: grid; grid-template-columns: 1fr; align-items: start; width: 100%; }
.vnav-menu-column { display: flex; flex: 1; flex-direction: column; gap: 12px; min-width: 0; min-height: 0; padding: 16px 20px; }
.vnav-popover .vnav-menu-column { gap: 8px; padding: 0; }
.vnav-menu-column h2 { margin: 0; padding: 0 6px; color: #838383; font: 500 12px/18px Inter, sans-serif; letter-spacing: .5px; text-transform: uppercase; }
.vnav-menu-links { display: flex; flex-direction: column; gap: 4px; }
.vnav-feature-link { display: flex; gap: 10px; align-items: center; width: 100%; min-height: 44px; padding: 4px 6px; border-radius: 6px; color: #202020; font: 500 14px/20px Inter, sans-serif; letter-spacing: -.15px; transition: background-color .2s ease; }
.vnav-feature-link:hover { background: #0000000a; }
.vnav-feature-icon { display: block; flex: none; width: 34px; height: 34px; overflow: visible; pointer-events: none; }

.vnav-mobile-dialog { position: fixed; inset: 0; width: 100%; max-width: none; height: 100dvh; max-height: none; margin: 0; padding: 0; overflow: hidden; border: 0; background: #fff; color: #202020; font-family: Inter, sans-serif; }
.vnav-mobile-dialog[open] { display: flex; flex-direction: column; }
.vnav-mobile-dialog::backdrop { background: #00000080; }
.vnav-mobile-header { display: flex; flex: none; justify-content: space-between; align-items: center; padding: 14px 20px; background: #ffffffe6; border-bottom: 1px solid #e8e8e8; }
.vnav-close { display: flex; flex: none; justify-content: center; align-items: center; width: 32px; height: 32px; padding: 8px; border: 0; border-radius: 8px; background: transparent; color: #202020; cursor: pointer; }
.vnav-close:hover { background: #0000000a; }
.vnav-mobile-content { display: flex; flex: 1; flex-direction: column; justify-content: space-between; min-height: 0; overflow: hidden; }
.vnav-mobile-items { display: flex; flex: 1; flex-direction: column; gap: 6px; overflow-y: auto; padding: 12px; }
.vnav-mobile-item { display: flex; justify-content: space-between; align-items: center; width: 100%; padding: 10px; border: 0; border-radius: 6px; background: transparent; color: #202020; text-align: left; font: 650 26px/1.25 'Plus Jakarta Sans', sans-serif !important; letter-spacing: -.91px; cursor: pointer; }
.vnav-mobile-item:hover { background: #0000000a; }
.vnav-mobile-arrow { flex: none; color: #202020; transition: transform .2s ease; }
.vnav-mobile-arrow.is-expanded { transform: rotate(90deg); }
.vnav-mobile-dialog .vnav-menu-grid { display: flex; padding-top: 0; flex-direction: column; padding-bottom: 10px; }
.vnav-mobile-dialog .vnav-menu-column { width: 100%; min-height: 0; padding: 14px; }
.vnav-mobile-dialog .vnav-feature-link { gap: 10px; min-height: 44px; font-size: 16px; }
.vnav-mobile-footer { display: flex; flex: none; flex-direction: column; gap: 10px; padding: 22px 22px max(22px, env(safe-area-inset-bottom)); border-top: 1px solid #e8e8e8; }
.vnav-mobile-cta { display: flex; justify-content: center; align-items: center; width: 100%; padding: 14px 20px; border: 0; border-radius: 8px; font: 650 18px/24px Inter, sans-serif; letter-spacing: -.36px; }

.vnav-pricing-dialog { position: fixed; width: min(420px, calc(100vw - 40px)); max-width: none; margin: auto; padding: 40px 32px 32px; border: 1px solid #e8e8e8; border-radius: 16px; background: #fff; color: #202020; box-shadow: 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a; font-family: Inter, sans-serif; }
.vnav-pricing-dialog::backdrop { background: #00000050; }
.vnav-pricing-close { position: absolute; top: 12px; right: 12px; }
.vnav-pricing-dialog h2 { margin: 0 0 12px; font: 700 30px/1.2 'Plus Jakarta Sans', sans-serif; letter-spacing: -.04em; text-wrap: balance; }
.vnav-pricing-dialog p { margin: 0 0 24px; color: #646464; font: 400 16px/1.5 Inter, sans-serif; text-wrap: pretty; }
.vnav-pricing-cta { display: inline-flex; align-items: center; padding: 12px 20px; border-radius: 12px; background: #202020; color: #fff; font: 600 16px/1.25 Inter, sans-serif; letter-spacing: -.02em; }
.vnav-pricing-cta:hover { background: #2a2a2a; }

@media (max-width: 1100px) {
  .vnav-container { gap: 16px; }
}
@media (max-width: 820px) {
  /* Opaque, unblurred: a phone's URL bar is tinted from the page behind a translucent header,
     so the bar changed colour as coloured sections passed under it. Desktop keeps the blur. */
  .vnav-backdrop { background: #fff; backdrop-filter: none; }
  .vnav-product-hover, .vnav-desktop-link { display: none; }
  .vnav-header .vnav-login, .vnav-mobile-header .vnav-login, .vnav-mobile-footer .vnav-start { display: none; }
  .vnav-hamburger { display: flex; }
  .vnav-popover { display: none; }
  /* A 44px minimum touch target, for the whole band where this is the touch header — the hamburger
     appears at 820px, not 768px, so the targets have to grow with it. The header's own height does
     not move: it is the tallest child plus the container's padding, so the padding gives back what
     the buttons take (44 + 8 + 8 = 60px, the height .vnav-spacer reserves). */
  .vnav-container { padding-top: 8px; padding-bottom: 8px; }
  .vnav-cta { min-height: 44px; }
  /* The wordmark is hidden here, so the home link was only as tall as the 26px mark. landing.css
     centres the mark inside it from this same 820px breakpoint, so growing the link to 44px leaves
     the mark exactly where it was. Scoped to .vnav-header — landing.css sets .vnav-brand's height
     unconditionally and loads later, so a bare .vnav-brand here would lose to it. */
  .vnav-header .vnav-brand { height: 44px; }
  /* 32px of icon box grows to a 44px target without the bars moving: the padding absorbs the extra
     16px (8 + 16 + 8 = 32 of content stays 16px of bars), and the -6px inline margins hand back the
     12px of width the button gained, so its margin box is still 32px wide and the CTA beside it does
     not shift. Height matches the CTA, so the 60px header is unchanged. */
  .vnav-hamburger { width: 44px; height: 44px; padding: 14px; margin-inline: -6px; }
  /* The open menu paints its own header row over the fixed one. It must land pixel-for-pixel on
     top of it: same padding, same 44px brand and CTA boxes, same close-button box as the hamburger
     it replaces, and opaque white (the 90% white row read as a highlight over the real header).
     Otherwise the mark hops a pixel and the whole row appears to flash when the menu opens. */
  .vnav-mobile-header { padding: 8px 20px; background: #fff; }
  .vnav-mobile-header .vnav-brand { height: 44px; }
  .vnav-mobile-header .vnav-cta { min-height: 44px; }
  .vnav-close { width: 44px; height: 44px; padding: 14px; margin-inline: -6px; }
  .vnav-brand, .vnav-hamburger, .vnav-close { -webkit-tap-highlight-color: transparent; }
}
@media (max-width: 370px) {
  .vnav-container, .vnav-mobile-header { padding-right: 14px; padding-left: 14px; }
  .vnav-actions { gap: 6px; }
  .vnav-cta { padding-right: 9px; padding-left: 9px; }
}
@media (prefers-reduced-motion: reduce) {
  .vnav-header *, .vnav-popover *, .vnav-mobile-dialog *, .vnav-pricing-dialog * { transition: none; }
}

.vnav-text-button[aria-current="page"]{color:#81559e;background:#f4edf9}

/* Same navigation on the dark reading surfaces, with black-tinted glass. */
.is-dark .vnav-backdrop{background:#000000b3;backdrop-filter:blur(6px)}
.is-dark .vnav-header.has-menu .vnav-backdrop{background:#000}
.is-dark .vnav-header .vnav-brand,.is-dark .vnav-mobile-header .vnav-brand{color:#fff}
.is-dark .vnav-brand img{filter:grayscale(1) contrast(12) invert(1)}
.is-dark .vnav-dropdown-trigger,.is-dark .vnav-text-button{color:#ffffff99}
.is-dark .vnav-dropdown-trigger img,.is-dark .vnav-mobile-arrow{filter:invert(1)}
.is-dark .vnav-dropdown-trigger:hover,.is-dark .vnav-dropdown-trigger.is-active,.is-dark .vnav-text-button:hover{background:#ffffff1f;color:#fff}
.is-dark .vnav-login{background:#ffffff1f;color:#fff}
.is-dark .vnav-login:hover{background:#fff3}
.is-dark .vnav-start{background:#fff;color:#000}
.is-dark .vnav-start:hover{background:#fffc}
.is-dark .vnav-hamburger span{background:#ffffff99}
.is-dark .vnav-popover,.is-dark .vnav-mobile-dialog{background:#000;color:#fff;border-color:#333;color-scheme:dark}
.is-dark .vnav-mobile-header{background:#000;border-color:#333}
.is-dark .vnav-mobile-footer{border-color:#333}
.is-dark .vnav-menu-column h2{color:#999}
.is-dark .vnav-feature-link,.is-dark .vnav-mobile-item,.is-dark .vnav-close{color:#fff}
.is-dark .vnav-feature-link:hover,.is-dark .vnav-mobile-item:hover,.is-dark .vnav-close:hover{background:#ffffff1f}
.is-dark .vnav-header :focus-visible,.is-dark .vnav-popover :focus-visible,.is-dark .vnav-mobile-dialog :focus-visible{outline-color:#fff}
@media(max-width:820px){.is-dark .vnav-backdrop{background:#000;backdrop-filter:none}}

@font-face{font-family:'Brightter Clash Display';src:url('/assets/brightter/673b7b3b6026463e2f056ff4_ClashDisplay-Variable.ttf') format('truetype');font-weight:200 700;font-style:normal;font-display:swap}
@font-face{font-family:'Brightter Clash Grotesk';src:url('/assets/brightter/673b90093b00e006bba42f29_ClashGrotesk-Variable.ttf') format('truetype');font-weight:200 700;font-style:normal;font-display:swap}
@font-face{font-family:'Brightter Outfit';src:url('/assets/brightter/672d169456909ac28a85e14d_Outfit-Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
/* Retain the source typography and layout for the simplified Vocalis enquiry. */
.enquiry-dialog{width:min(1200px,calc(100vw - 48px));max-width:none;max-height:calc(100dvh - 48px);margin:auto;padding:0;border:0;border-radius:12px;background:#fff;color:#080c06;overflow:auto;overscroll-behavior:contain;scroll-padding-block:90px 24px;font:400 16px/1.3 'Brightter Outfit',sans-serif;box-shadow:0 20px 80px #0002}
.enquiry-dialog::backdrop{background:rgb(20 20 20 / .45);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}
.enquiry-dialog::-webkit-scrollbar{width:5px}
.enquiry-dialog::-webkit-scrollbar-thumb{background:#d7d7d7;border-radius:3px}
.enquiry-topbar{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:flex-end;padding:16px 28px;height:72px;background:#fff}
.enquiry-close{display:grid;place-items:center;width:40px;height:40px;padding:0;border:0;border-radius:50%;background:#f4f4f4}
.enquiry-close:hover{background:#eaeaea}
.enquiry-layout{display:flex;justify-content:space-between;align-items:flex-start;gap:80px;width:calc(100% - 112px);max-width:1044px;margin:40px auto 0;padding-bottom:104px}
.enquiry-intro,.enquiry-right{width:100%;min-width:0;flex:1}
.enquiry-intro{display:flex;flex-direction:column;gap:24px;max-width:600px}
.enquiry-right{max-width:632px}
.enquiry-title-wrap{padding-bottom:8px;margin-bottom:12px}
.enquiry-intro h2{max-width:500px;margin:0;padding:0;color:#080c06;text-transform:capitalize;font:500 56px/1.18 'Brightter Clash Display',Arial,sans-serif;letter-spacing:-1px}
.enquiry-intro p{margin:0;font:400 16px/24px 'Brightter Clash Grotesk',Arial,sans-serif;color:#000}
.enquiry-intro strong{font-weight:700}
.enquiry-form{display:flex;flex-direction:column;gap:16px;margin:0 0 15px}
.enquiry-form[hidden]{display:none}
.enquiry-pair{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.enquiry-field{min-width:0}
.enquiry-label{display:block;margin-bottom:8px;text-transform:capitalize;font:500 16px/24px 'Brightter Clash Grotesk',Arial,sans-serif;letter-spacing:normal}
.enquiry-control-wrap{position:relative}
.enquiry-form input:not([type=checkbox]){box-sizing:border-box;display:block;width:100%;height:44px;margin:0;padding:8px 12px;border:1px solid #e8ebe6;border-radius:4px;box-shadow:none;background:#fff;color:#333;font:400 14px/20px 'Brightter Outfit',sans-serif;letter-spacing:normal}
.enquiry-form input::placeholder{color:#999;opacity:1}
.enquiry-form input:focus{border-color:#3898ec;outline:0}
.enquiry-privacy{display:block;width:100%;padding-left:20px;margin:16px 0 5px;color:#656664;font:400 16px/24px 'Brightter Clash Grotesk',Arial,sans-serif}
.enquiry-privacy input{float:left;width:13px;height:13px;margin:4px 0 0 -20px;padding:0;accent-color:#080c06}
.enquiry-privacy a{color:#080c06;text-decoration:underline;font-weight:400}
.enquiry-submit{display:inline-flex;align-items:center;justify-content:center;align-self:flex-start;width:154px;max-width:100%;height:44px;margin:0;padding:9px 15px;border:0;border-radius:22px;box-shadow:none;background:#080c06;color:#fff;text-transform:capitalize;font:500 16px/24px 'Brightter Clash Grotesk',Arial,sans-serif;transition:background-color .4s}
.enquiry-submit:hover{background:#080c06a3}
.enquiry-submit[disabled]{background:#080c0666;cursor:default}
/* Server-side validation: the message sits under the field it belongs to, the send failure above
   the button that caused it. Flat text in the danger colour, no boxes. */
.enquiry-field-error,.enquiry-send-error{margin:8px 0 0;color:#b42318;font:400 14px/20px 'Brightter Clash Grotesk',Arial,sans-serif}
.enquiry-send-error{margin:0}
.enquiry-send-error a{color:inherit;text-decoration:underline}
.enquiry-form input:not([type=checkbox])[aria-invalid=true]{border-color:#b42318}
.enquiry-honeypot{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;border:0!important;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.enquiry-review{font:400 16px/24px 'Brightter Clash Grotesk',Arial,sans-serif}
.enquiry-review h3{margin:0 0 20px;font:500 32px/1.2 'Brightter Clash Display',Arial,sans-serif}
.enquiry-review p{margin:0 0 24px}
@media(max-width:991px){.enquiry-layout{flex-direction:column;gap:32px;width:75%;padding-bottom:75px}.enquiry-intro,.enquiry-right{max-width:100%;flex:auto}.enquiry-intro h2{font-size:44px}}
@media(max-width:767px){.enquiry-dialog{width:100vw;height:100dvh;max-height:100dvh;margin:0;border-radius:0}.enquiry-topbar{height:64px;padding:12px 20px}.enquiry-layout{width:calc(100% - 40px);margin-top:40px;padding-bottom:50px}.enquiry-intro h2{font-size:36px}.enquiry-label{font-size:14px;line-height:21px}.enquiry-privacy{font-size:12px}}
@media(max-width:479px){.enquiry-pair{grid-template-columns:1fr}.enquiry-intro h2{line-height:1.16}}
@media(max-width:767px){html:has(.enquiry-dialog[open]){scrollbar-gutter:auto}}

.enquiry-selected-plan{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:0 0 28px;padding:16px 20px;background:#f6f1fa;border:1px solid #e4d6ed;border-radius:12px;color:#41334a;font:400 15px/1.5 Inter,sans-serif}.enquiry-selected-plan strong{font-weight:600}.enquiry-selected-plan span{font-size:13px;color:#807086}

.site-footer{padding:0;background:#000;color:#fff;font:400 14px/1.5 Inter,Arial,sans-serif}
.site-footer-inner{padding:64px 56px 28px;background:#000}
.site-footer-grid{display:grid;grid-template-columns:1fr 1.6fr;gap:48px 64px;max-width:1120px;margin-inline:auto}
.site-wordmark{display:inline-flex;gap:9px;align-items:center;color:#171717;text-decoration:none}
.site-wordmark img{display:block;filter:grayscale(1) contrast(12)}
.site-wordmark span{font:500 33px/1 Fredoka,Arial,sans-serif;letter-spacing:-.035em}
.site-footer .site-wordmark{color:#fff}
.site-footer .site-wordmark img{filter:grayscale(1) contrast(12) invert(1)}
.site-footer-brand-column>p{font-size:13.5px;line-height:1.5;color:#a5a6a8;margin:18px 0 0}
.site-footer-columns{display:grid;grid-template-columns:repeat(2,max-content);justify-content:end;gap:28px 64px}
.site-footer nav h2{margin:0 0 14px;color:#fff;font:500 14px/1.5 Inter,Arial,sans-serif}
.site-footer ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.site-footer a{color:#cfd0d2;text-decoration:none}
.site-footer a:hover{color:#e1c7f5}
.site-footer a:focus-visible{outline:2px solid #e1c7f5;outline-offset:5px;border-radius:2px}
.site-footer-copyright{display:block;margin-top:16px;font-size:11px;line-height:1.5;color:#8a8b8f}
@media(max-width:767px){.site-footer-inner{padding:40px 24px 24px}.site-footer-grid{grid-template-columns:1fr;gap:32px}.site-footer-columns{grid-template-columns:repeat(2,minmax(0,1fr));justify-content:start;gap:24px}.site-footer-brand-column>p{margin-top:14px}}

.next-steps{background:#000;color:#fff;padding:88px 32px;font:400 16px/1.5 Inter,Arial,sans-serif;letter-spacing:normal;scroll-margin-top:76px}
.next-steps-inner{max-width:1164px;margin-inline:auto}
.next-steps h2{max-width:960px;margin:0 0 16px;font:500 44px/1.2 'Plus Jakarta Sans',sans-serif;letter-spacing:-.035em;text-wrap:balance}
.next-steps-description{max-width:720px;margin:0 0 48px;color:#929092;font:400 18px/1.6 Inter,Arial,sans-serif;text-wrap:pretty}
.next-steps-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.next-steps-card{display:flex;flex-direction:column;justify-content:space-between;min-width:0;border-radius:12px;background:#111;border:1px solid #1d1b1c;overflow:hidden;transition:background-color 160ms,border-color 160ms;text-decoration:none}
.next-steps-card:hover{background:#191617;border-color:#796678}
.next-steps-art{padding:24px 26px 16px;aspect-ratio:1.2;display:grid;place-items:center}
.next-steps-art svg{display:block;width:100%;height:100%;max-height:244px;overflow:visible}
.next-steps-card-bottom{display:flex;align-items:flex-end;gap:16px;padding:20px 30px 32px}
.next-steps-card h3{margin:0;flex:1;font:500 22px/1.42 'Plus Jakarta Sans',sans-serif;letter-spacing:-.025em}
.next-steps-card h3>span{color:#999499;font-weight:400}
.next-steps-arrow{display:grid;place-items:center;flex:0 0 32px;height:32px;border-radius:50%;background:#2c292b;color:#ded7de}
.next-steps-card:hover .next-steps-arrow{color:#151115;background:#e2c5f5}
.next-steps-ai{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:48px}
.next-steps-ai h3{margin:0 0 8px;font:500 22px/1.4 'Plus Jakarta Sans',sans-serif;letter-spacing:-.025em}
.next-steps-ai p{margin:0;font-size:15px;color:#a9a5aa}
.next-steps-providers{display:flex;gap:16px;flex-shrink:0}
.next-steps-providers a{box-sizing:border-box;display:grid;place-items:center;flex:none;width:64px;height:64px;border:1px solid #333;border-radius:10px;padding:16px;color:#d5cfd7;transition:border-color 160ms,background-color 160ms}
.next-steps-providers a:hover{border-color:#c7a8df;background:#1d1720}
.next-steps-providers img{display:block;filter:none;opacity:1}
.next-steps a:focus-visible{outline:2px solid #e4c5ff;outline-offset:5px}
@media(max-width:1000px){.next-steps-card-bottom{padding:12px 20px 24px}.next-steps-card h3{font-size:19px}.next-steps-art{padding:16px}}
@media(max-width:767px){.next-steps{padding:56px 24px}.next-steps h2{font-size:32px}.next-steps-description{font-size:16px;margin-bottom:32px}.next-steps-cards{grid-template-columns:1fr;gap:16px}.next-steps-card{flex-direction:row;align-items:center;min-height:160px}.next-steps-art{width:42%;flex-shrink:0;padding:12px 4px 12px 12px;aspect-ratio:1}.next-steps-card-bottom{flex:1;align-items:flex-start;flex-direction:column;gap:12px;padding:20px 16px}.next-steps-card h3{font-size:17px}.next-steps-arrow{flex-basis:28px;width:28px;height:28px}.next-steps-ai{align-items:flex-start;flex-direction:column;margin-top:32px;padding-inline:0;gap:24px}.next-steps-ai h3{font-size:21px}.next-steps-ai p{font-size:14px;line-height:1.6}.next-steps-providers{width:auto}}
@media(prefers-reduced-motion:reduce){.next-steps *{transition:none!important}}

.vnav-brand{position:relative;top:-5px;flex-basis:108px;width:108px;height:32px;gap:7px;align-items:baseline;color:#202020}
.vnav-brand img{position:relative;top:8px;width:26px;height:26px;filter:grayscale(1) contrast(12)}
.vnav-brand span{display:block;font-family:Fredoka,sans-serif;font-size:22px;font-weight:500;line-height:26px;letter-spacing:-.03em;text-rendering:geometricPrecision}

@media(max-width:820px){
  .vnav-brand{top:0;flex-basis:26px;width:26px;gap:0;align-items:center}
  .vnav-brand span{display:none}
  .vnav-brand img{top:0}
}