/* Tokens measured in public/sitio.html and public/api.html. Review with Claude pending. */
:root{--brand:#723988;--brand-700:#4E2760;--brand-600:#8A4BA4;--brand-50:#F3EFF7;--acc:#C6168D;--acc-50:#FCE9F5;--ink:#241B2E;--mut:#6B6478;--line:#E0E3EB;--soft:#F7F7FA;--paper:#fff;--r:16px;--entrust-blue:var(--brand);--entrust-blue-dark:var(--brand-700);--entrust-blue-soft:var(--brand-50);--text-strong:var(--ink);--text-muted:var(--mut);--radius-card:16px;--radius-pill:11px;--font-body:Figtree,system-ui,sans-serif;--font-display:Figtree,system-ui,sans-serif}
body{font-family:var(--font-body);color:var(--ink);line-height:1.6}.brand-dot{color:var(--acc)}.product-name{font-size:23px;font-weight:700}.site-header{background:#ffffffed;backdrop-filter:blur(10px)}.hero{color:var(--ink);background:radial-gradient(ellipse at 90% 0%,#fce9f5 0%,transparent 58%),linear-gradient(145deg,#f5f9fd,#fff 70%);padding-block:76px}.hero h1{font-size:clamp(40px,4.6vw,64px);font-weight:700;letter-spacing:-.035em;line-height:1.1}.hero .hero-lede{color:var(--mut);font-size:19px;line-height:1.65}.hero .eyebrow,.eyebrow{color:var(--brand);font-weight:700;letter-spacing:.1em}.hero .text-link{color:var(--brand)}.hero .button-primary,.button-nav{background:var(--brand);color:#fff;border-color:var(--brand)}.hero-proof{border-color:var(--line);color:var(--mut)}.hero-proof span::before{background:var(--acc)}.button{border-radius:11px;font-weight:600}.button:hover{box-shadow:0 4px 12px #241b2e14}.journey{position:relative;color:var(--ink);border-radius:18px;border-color:var(--line);box-shadow:0 24px 60px #0b2b4a24;transform:rotate(-1deg);padding:28px 32px}.document-label{display:flex;align-items:center;gap:12px;color:var(--mut);font-size:13px;border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:20px}.document-icon{color:var(--brand);font-size:22px}.journey-top{font-weight:600}.journey-step{padding:17px 0}.step-number,.status-mark{color:var(--brand)}.journey-end span{background:var(--brand-50);border-color:transparent;color:var(--brand)}.section h2{font-weight:700;letter-spacing:-.025em;font-size:clamp(28px,3vw,40px);line-height:1.2}.section h3{font-weight:600}.capability-card{border-radius:16px;box-shadow:0 12px 28px #0b2b4a0c;border-color:var(--line)}.workspaces{background:var(--soft)}.workspace-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.workspace-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:28px;display:flex;flex-direction:column;box-shadow:0 2px 4px #0b2b4a08}.workspace-card h3{font-size:23px;margin:14px 0 8px}.workspace-card p{color:var(--mut);margin:0 0 22px}.workspace-card a{margin-top:auto;min-height:44px;display:flex;align-items:center;white-space:normal}.foundation{background:var(--brand-700)}.foundation h2,.foundation .eyebrow,.resources .eyebrow{color:#fff}.api-preview{background:#31163e;border-color:#ffffff33}.resources{background:var(--brand-700)}.resource-card{border-radius:16px}.article a{color:var(--brand)}.article .button-primary{background:var(--brand);color:white}.article pre{background:var(--brand-50)}.language-switch a[aria-current=page]{color:var(--brand)}.article h1{font-weight:700;letter-spacing:-.025em}.article h2{font-weight:600}.article .eyebrow{color:var(--brand)}a:focus-visible,button:focus-visible{outline-color:var(--brand)}.site-footer{background:var(--soft)}
@media(max-width:900px){.workspace-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.journey{transform:none}.hero{padding-block:50px}}
@media(max-width:600px){.workspace-grid{grid-template-columns:1fr}.journey{padding:22px}.hero{padding-block:38px}.hero .hero-lede{font-size:17px}.workspace-card{padding:24px}.section{padding-block:48px}}
html[lang=ar] .hero h1{letter-spacing:0;line-height:1.6}html[lang=ar] .workspace-card{line-height:1.9}html[lang=ar] .section h2{letter-spacing:0;line-height:1.7}
@media print{.article{color:#000}.article a{color:#000}}
.hero-proof span{color:var(--mut)}

/* AA text pairs: see docs/_external/product-tour/verification.md. These override inherited light labels. */
:root{--soft:#F2F2F5;--text-on-dark:#fff;--tour-secondary:#6B6478;--tour-label:#723988}
body{color:var(--ink);background:var(--paper)}
.hero{background:var(--paper)}
.eyebrow,.card-kicker,.resource-type,.mini-label,.card-kicker,.band-label,.step-number,.resource-type{font-size:14px;font-weight:600;letter-spacing:0;text-transform:none;opacity:1;color:var(--tour-label)}
.card-kicker,.resource-type{display:block}
.journey-step,.journey-top,.workspace-card h3,.capability-card h3{color:var(--ink)}
.journey,.workspace-card,.capability-card{background:var(--paper)}
.journey-end span{background:var(--brand-50);color:var(--brand)}
.section-heading p,.hero .hero-lede,.workspace-card p,.capability-card p,.hero-proof span{color:var(--mut);opacity:1}
.foundation,.resources{background:var(--brand-700);color:var(--text-on-dark)}
.foundation h2,.foundation h3,.foundation p,.foundation .eyebrow,.resources h2,.resources p,.resources .eyebrow,.resources .resource-type{color:var(--text-on-dark);opacity:1}
.resource-card{background:var(--brand-700);border:1px solid var(--text-on-dark);color:var(--text-on-dark)}
.resource-card h3,.resource-card p,.resource-card a,.resource-card .resource-type{color:var(--text-on-dark);opacity:1}
.api-preview{background:var(--brand-700);color:var(--text-on-dark)}
.api-preview p,.api-preview a,.api-preview code{color:var(--text-on-dark);opacity:1}
.foundation .button-white{background:var(--paper);color:var(--brand)}
.section .text-link{color:var(--brand)}
.resources .text-link,.foundation .text-link{color:var(--text-on-dark)}
.article{color:var(--ink)}.article pre{color:var(--ink);background:var(--brand-50)}
.tour-language-note{font-size:14px;color:var(--mut);padding-block:14px;margin-block:0}
.resource-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:700px){.resource-grid{grid-template-columns:1fr}}
html[lang=ar] .eyebrow,html[lang=ar] .card-kicker,html[lang=ar] .resource-type{letter-spacing:0;text-transform:none}
.foundation .foundation-copy > p,.resources .resources-head > p{color:var(--text-on-dark);opacity:1}
.brand .product-name{display:inline;font-size:22px}