:root {
  color-scheme: light;
  --paper:#eef0ea; --surface:#fafbf7; --muted-surface:#e3e6dd;
  --ink:#14171d; --slate:#535d66; --line:#c4c9bd; --signal:#ab390f;
  --accent:#e2531c; --night:#171c22; --on-night:#f4f5ef;
  --font-body:'Satoshi',system-ui,sans-serif; --font-display:'Cabinet Grotesk',system-ui,sans-serif;
  --xs:.78rem; --sm:.9rem; --base:1rem; --lg:1.2rem;
  --heading:clamp(1.7rem,2.8vw,2.7rem); --hero:clamp(2.75rem,5.3vw,4.8rem);
  --s1:.25rem; --s2:.5rem; --s3:.75rem; --s4:1rem; --s5:1.25rem;
  --s6:1.5rem; --s8:2rem; --s10:2.5rem; --s12:3rem; --s16:4rem; --s20:5rem;
}
@media(prefers-color-scheme:dark) {
  :root:not([data-theme="light"]) { color-scheme:dark; --paper:#161b20; --surface:#20272d; --muted-surface:#293137; --ink:#f1f3ec; --slate:#b7c0c5; --line:#455158; --signal:#ff9b72; }
}
[data-theme="dark"] { color-scheme:dark; --paper:#161b20; --surface:#20272d; --muted-surface:#293137; --ink:#f1f3ec; --slate:#b7c0c5; --line:#455158; --signal:#ff9b72; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; scroll-padding-top:7rem; }
body { margin:0; background:var(--paper); color:var(--ink); font:400 var(--base)/1.65 var(--font-body); -webkit-font-smoothing:antialiased; }
[hidden] { display:none!important; }
img { display:block; max-width:100%; }
a { color:inherit; text-underline-offset:.25em; }
button,input { font:inherit; }
button,summary { cursor:pointer; }
button,a,input,summary { -webkit-tap-highlight-color:transparent; }
:focus-visible { outline:3px solid var(--signal); outline-offset:5px; }
h1,h2,h3,p { margin:0; }
h1,h2,h3 { font-family:var(--font-display); line-height:1.13; letter-spacing:-.04em; text-wrap:balance; }
h1 { font-size:var(--hero); max-width:15ch; }
h2 { font-size:var(--heading); max-width:22ch; }
h3 { font-size:var(--lg); letter-spacing:-.02em; line-height:1.35; }
p+p { margin-top:var(--s4); }
.wrap { width:min(1200px,100% - 4rem); margin-inline:auto; }
.skip { position:fixed; top:-100px; left:var(--s4); z-index:100; padding:var(--s3); background:var(--ink); color:var(--paper); }
.skip:focus { top:var(--s4); }
.draft-bar { display:flex; justify-content:center; gap:var(--s4); flex-wrap:wrap; padding:var(--s2) var(--s4); background:var(--night); color:var(--on-night); font-size:var(--xs); letter-spacing:.02em; }
.draft-bar strong { color:#ffac85; font-weight:500; }
.nav { position:sticky; top:0; z-index:30; border-bottom:1px solid var(--line); background:var(--paper); }
.nav-inner { min-height:88px; display:flex; align-items:center; justify-content:space-between; gap:var(--s6); }
.wordmark { display:inline-flex; flex-shrink:0; align-items:center; gap:var(--s3); text-decoration:none; }
.logo-img { width:44px; height:44px; object-fit:contain; background:#eef0ea; padding:var(--s1); border-radius:2px; }
.logo-type { font:700 var(--lg)/1 var(--font-display); letter-spacing:.1em; }
.nav-links { display:flex; gap:var(--s6); align-items:center; font-size:var(--sm); }
.nav-links a { text-decoration:none; padding-block:var(--s3); border-bottom:2px solid transparent; }
.nav-links a:hover,.nav-links a[aria-current=page] { border-color:var(--signal); }
.nav-actions { display:flex; align-items:center; gap:var(--s4); }
.plain-button { background:transparent; color:var(--ink); border:1px solid var(--line); padding:var(--s2) var(--s3); min-height:44px; font-size:var(--xs); border-radius:2px; }
.menu-toggle { display:none; }
.button { display:inline-flex; align-items:center; justify-content:center; gap:var(--s4); padding:var(--s3) var(--s5); min-height:48px; border:1px solid var(--ink); background:var(--ink); color:var(--paper); font-size:var(--sm); font-weight:700; text-decoration:none; border-radius:2px; transition:background .18s,color .18s,transform .18s; }
.button:hover { background:var(--signal); border-color:var(--signal); color:var(--surface); transform:translateY(-1px); }
.button.secondary { color:var(--ink); background:transparent; border-color:var(--line); }
.button.secondary:hover { border-color:var(--ink); background:var(--muted-surface); }
.button:disabled { opacity:.6; cursor:not-allowed; transform:none; }
.button.small { min-height:44px; }
.text-link { font-size:var(--sm); font-weight:700; }
.eyebrow { font-size:var(--xs); letter-spacing:.12em; font-weight:700; color:var(--signal); text-transform:uppercase; margin-bottom:var(--s6); }
.hero { display:grid; grid-template-columns:1.1fr 1fr; align-items:center; gap:var(--s16); padding-block:var(--s20); }
.hero .lede { max-width:48ch; margin-top:var(--s6); color:var(--slate); font-size:var(--lg); }
.hero h1 span { color:var(--signal); }
.actions { display:flex; gap:var(--s4); flex-wrap:wrap; margin-top:var(--s8); }
.micro { font-size:var(--xs); color:var(--slate); margin-top:var(--s4); }
.console { background:var(--night); color:var(--on-night); border:1px solid #46504f; border-radius:4px; box-shadow:0 22px 50px -25px #14171d55; transform:rotate(-1deg); }
.console-top { display:flex; justify-content:space-between; flex-wrap:wrap; gap:var(--s2); padding:var(--s4) var(--s6); font-size:var(--xs); border-bottom:1px solid #404b50; color:#bfc8c9; }
.console-top span:last-child { color:#ffac85; }
.console-content { padding:var(--s8); }
.console-title { font-size:var(--lg); margin-bottom:var(--s6); }
.workflow-event { display:grid; grid-template-columns:28px 1fr; gap:var(--s4); padding-bottom:var(--s6); position:relative; }
.workflow-event:not(:last-child):before { content:''; position:absolute; height:calc(100% - 24px); top:28px; left:13px; border-left:1px solid #46545a; }
.step-dot { display:flex; align-items:center; justify-content:center; width:28px; height:28px; border:1px solid #68767b; font-size:var(--xs); color:#ffac85; }
.workflow-event p { font-size:var(--sm); color:#bfc8c9; margin-top:var(--s1); }
.workflow-event strong { font-weight:500; }
.console-foot { border-top:1px solid #404b50; padding:var(--s4) var(--s6); font-size:var(--xs); color:#bfc8c9; }
.method-strip { border-block:1px solid var(--line); display:flex; justify-content:space-between; gap:var(--s6); padding-block:var(--s6); font-size:var(--sm); }
.method-strip strong { font-weight:700; }
.method-strip span { color:var(--slate); }
.section { padding-block:var(--s20); }
.section + .section { border-top:1px solid var(--line); }
.section-head { display:flex; gap:var(--s8); justify-content:space-between; align-items:end; margin-bottom:var(--s10); }
.section-head p { max-width:40ch; color:var(--slate); }
.service-grid { display:grid; grid-template-columns:repeat(2,1fr); border-top:1px solid var(--line); }
.service-card { display:grid; grid-template-columns:44px 1fr 24px; gap:var(--s4); padding:var(--s8) var(--s6); text-decoration:none; border-bottom:1px solid var(--line); transition:background .18s; }
.service-card:nth-child(odd) { border-right:1px solid var(--line); }
.service-card:hover { background:var(--muted-surface); }
.service-card .num { color:var(--signal); font-size:var(--xs); padding-top:var(--s1); }
.service-card p { font-size:var(--sm); color:var(--slate); margin-top:var(--s2); max-width:44ch; }
.service-card .arrow { color:var(--signal); }
.split { display:grid; grid-template-columns:.8fr 1.2fr; gap:var(--s20); }
.prose { color:var(--slate); max-width:67ch; }
.process-item { display:grid; grid-template-columns:44px 1fr; gap:var(--s4); border-top:1px solid var(--line); padding-block:var(--s6); }
.process-item .num { color:var(--signal); font-size:var(--sm); }
.process-item p { color:var(--slate); margin-top:var(--s2); }
.callout { background:var(--muted-surface); padding:var(--s12); display:grid; grid-template-columns:1.2fr 1fr; gap:var(--s12); align-items:center; border-top:1px solid var(--line); }
.callout p { color:var(--slate); margin-top:var(--s4); max-width:52ch; }
.callout .actions { margin-top:var(--s6); }
.callout-mark { font-family:var(--font-display); font-size:clamp(2rem,3.6vw,3.5rem); letter-spacing:-.045em; line-height:1.2; }
.page-head { padding-top:var(--s16); padding-bottom:var(--s10); }
.page-head h1 { font-size:clamp(2.4rem,4.5vw,3.7rem); max-width:21ch; }
.page-head .lede { max-width:65ch; font-size:var(--lg); color:var(--slate); margin-top:var(--s6); }
.service-promise { border-left:3px solid var(--signal); padding-left:var(--s6); font-family:var(--font-display); font-size:var(--lg); font-weight:700; }
.path-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:var(--s6); }
.path-card { display:flex; flex-direction:column; align-items:start; gap:var(--s5); padding:var(--s8); background:var(--surface); border:1px solid var(--line); text-decoration:none; }
.path-card:hover { border-color:var(--signal); }
.path-card h3 { font-size:var(--heading); max-width:14ch; }
.path-card p { color:var(--slate); }
.path-card .text-link { margin-top:auto; }
.path-number { font-size:var(--sm); color:var(--signal); border-bottom:1px solid var(--line); width:100%; padding-bottom:var(--s6); }
.tool-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:var(--s8); }
.guide-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:var(--s6); }
.guide-card { display:flex; flex-direction:column; align-items:start; gap:var(--s4); padding:var(--s8); text-decoration:none; border-top:2px solid var(--ink); background:var(--muted-surface); }
.guide-card h3 { font-size:var(--heading); max-width:24ch; }
.guide-card .eyebrow { margin:0; }
.guide-card>p:not(.eyebrow) { color:var(--slate); font-size:var(--sm); }
.guide-card>span { font-size:var(--sm); font-weight:700; margin-top:auto; }
.guide-card:hover { background:var(--surface); }
.filter-bar { display:flex; flex-wrap:wrap; gap:var(--s3); }
.filter-bar button { min-height:44px; padding:var(--s3) var(--s4); border:1px solid var(--line); color:var(--ink); background:transparent; font-size:var(--sm); }
.filter-bar button[aria-pressed=true] { color:var(--paper); background:var(--ink); border-color:var(--ink); }
.service-group { margin-top:var(--s16); scroll-margin-top:8rem; }
.industry-brief { display:grid; grid-template-columns:1fr 1fr; gap:var(--s12); }
.industry-brief>div:last-child { padding:var(--s8); background:var(--muted-surface); border-left:3px solid var(--signal); }
.industry-brief h3 { margin-bottom:var(--s3); }
.industry-brief p+h3 { margin-top:var(--s8); }
.industry-brief p { color:var(--slate); }
.option-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:var(--s6); margin-top:var(--s8); }
.option { padding:var(--s6); border:1px solid var(--line); }
.option p { margin-top:var(--s4); color:var(--slate); }
.article-meta { color:var(--slate); font-size:var(--sm); padding-top:var(--s4); border-top:1px solid var(--line); }
.article-layout { display:grid; grid-template-columns:260px 1fr; gap:var(--s20); align-items:start; }
.article-nav { position:sticky; top:8rem; display:grid; gap:var(--s4); font-size:var(--sm); }
.article-nav a { text-decoration:none; color:var(--slate); border-bottom:1px solid var(--line); padding-bottom:var(--s3); }
.article-nav a:hover { color:var(--signal); }
.article-body { max-width:760px; }
.article-section { margin-bottom:var(--s16); scroll-margin-top:8rem; }
.article-section h2 { margin-top:var(--s3); margin-bottom:var(--s6); }
.article-section p,.article-section li { color:var(--slate); }
.article-section ul { padding-left:var(--s6); }
.article-section li { padding-left:var(--s2); margin-block:var(--s3); }
.readiness-fields { border:0; padding:0; margin:var(--s6) 0; }
.readiness-fields legend { font-size:var(--sm); margin-bottom:var(--s4); color:var(--slate); }
.readiness-option { display:flex; align-items:start; gap:var(--s4); padding-block:var(--s5); border-top:1px solid var(--line); cursor:pointer; }
.readiness-option input { width:20px; height:20px; min-height:20px; margin:var(--s1) 0 0; padding:0; flex-shrink:0; accent-color:var(--signal); }
.readiness-option strong { font-size:var(--sm); }
.readiness-option small { display:block; margin-top:var(--s2); font-size:var(--sm); color:var(--slate); }
.executive-hero { display:grid; grid-template-columns:1.15fr 1fr; gap:var(--s16); align-items:center; padding-block:var(--s20); }
.executive-copy h1 { font-size:clamp(3rem,5vw,4.8rem); max-width:18ch; line-height:1.06; letter-spacing:-.055em; }
.executive-copy h1 span { color:var(--signal); }
.executive-copy .lede { font-size:var(--lg); color:var(--slate); max-width:49ch; margin-top:var(--s8); }
.executive-copy .actions { gap:var(--s3); }
.executive-visual { margin:0; background:var(--night); color:var(--on-night); }
.executive-visual img { width:100%; height:360px; object-fit:cover; object-position:64% center; }
.executive-visual figcaption { padding:var(--s8); display:grid; grid-template-columns:1fr 1fr; gap:var(--s4) var(--s6); }
.executive-visual figcaption>span { grid-column:1/-1; font-size:var(--xs); letter-spacing:.12em; color:#ffac85; }
.executive-visual strong { font:500 clamp(1.25rem,1.7vw,1.7rem)/1.2 var(--font-display); letter-spacing:-.02em; }
.executive-visual p { color:#c7cecc; font-size:var(--sm); }
.chapter-nav { display:grid; grid-template-columns:repeat(3,1fr); border-block:1px solid var(--line); }
.chapter-nav a { padding:var(--s5) var(--s3); display:flex; gap:var(--s3); text-decoration:none; font-size:var(--sm); }
.chapter-nav a:hover { background:var(--muted-surface); }
.chapter-nav span { font-size:var(--xs); color:var(--signal); }
.story-section { display:grid; grid-template-columns:1fr 1fr; gap:var(--s20); padding-block:calc(var(--s20) + var(--s6)); }
.story-body { color:var(--slate); }
.story-lead { font-size:var(--lg); color:var(--ink); }
.operating-signals { display:flex; flex-wrap:wrap; gap:var(--s3) var(--s6); margin-top:var(--s8); padding-top:var(--s5); border-top:1px solid var(--line); font-size:var(--sm); }
.proof-section { display:grid; grid-template-columns:.85fr 1.15fr; align-items:center; gap:var(--s20); }
.proof-intro>p:not(.eyebrow) { color:var(--slate); margin-block:var(--s6); }
.brief-preview { padding:var(--s8); border:1px solid var(--line); background:var(--surface); box-shadow:0 18px 50px -38px #14171d65; }
.exhibit-label { display:flex; justify-content:space-between; flex-wrap:wrap; gap:var(--s3); font-size:var(--xs); letter-spacing:.08em; color:var(--signal); margin-bottom:var(--s6); }
.brief-preview h3 { font-size:var(--heading); }
.brief-context,.brief-note { color:var(--slate); font-size:var(--sm); margin-top:var(--s4); }
.brief-preview dl { margin:var(--s6) 0; }
.brief-preview dl>div { display:grid; grid-template-columns:.7fr 1.3fr; gap:var(--s6); padding-block:var(--s4); border-top:1px solid var(--line); font-size:var(--sm); }
.brief-preview dt { font-weight:700; }
.brief-preview dd { margin:0; color:var(--slate); }
.practice-row { display:grid; grid-template-columns:48px 1fr 1.15fr; gap:var(--s8); padding-block:var(--s10); border-top:1px solid var(--line); }
.practice-row:last-child { border-bottom:1px solid var(--line); }
.practice-number { font-size:var(--sm); color:var(--signal); }
.practice-row h3 { font-size:var(--heading); max-width:18ch; }
.practice-row p { color:var(--slate); margin-block:var(--s3) var(--s5); }
.practice-row a { display:block; width:fit-content; padding-block:var(--s2); font-size:var(--sm); text-decoration:none; font-weight:700; }
.practice-row a:hover { color:var(--signal); text-decoration:underline; }
.engagement-band { padding-block:var(--s20); background:var(--night); color:var(--on-night); }
.engagement-band .eyebrow { color:#ffac85; }
.engagement-band .section-head p { color:#c7cecc; }
.engagement-stages { display:grid; grid-template-columns:repeat(4,1fr); gap:var(--s8); list-style:none; padding:0; margin:var(--s12) 0; }
.engagement-stages li { border-top:1px solid #687378; padding-top:var(--s6); }
.engagement-stages span { color:#ffac85; font-size:var(--xs); letter-spacing:.06em; }
.engagement-stages h3 { font-size:var(--lg); margin-block:var(--s6) var(--s4); }
.engagement-stages p { color:#c7cecc; font-size:var(--sm); }
.band-footer { display:flex; gap:var(--s6); flex-wrap:wrap; border-top:1px solid #687378; padding-top:var(--s6); font-size:var(--sm); }
.band-footer p { color:#c7cecc; flex:1 1 330px; }
.decision-tools { display:grid; grid-template-columns:1fr 1fr; gap:var(--s20); }
.decision-tools>div>p:not(.eyebrow) { color:var(--slate); margin-top:var(--s6); max-width:45ch; }
.decision-tools a { display:block; padding-block:var(--s6); border-top:1px solid var(--line); text-decoration:none; }
.decision-tools a:last-child { border-bottom:1px solid var(--line); }
.decision-tools a:hover h3 { color:var(--signal); }
.decision-tools a span { font-size:var(--xs); color:var(--signal); }
.decision-tools h3 { margin-block:var(--s3); font-size:var(--lg); }
.decision-tools a p { font-size:var(--sm); color:var(--slate); }
.executive-close { display:grid; grid-template-columns:1.3fr 1fr; align-items:center; gap:var(--s16); }
.executive-close p:not(.eyebrow) { margin-top:var(--s6); color:var(--slate); }
.closing-actions { display:flex; flex-direction:column; align-items:start; gap:var(--s4); }
.closing-actions .micro { margin:0; }
.intent-note { margin-top:var(--s8); display:grid; grid-template-columns:230px 1fr; gap:var(--s8); border-block:1px solid var(--line); padding-block:var(--s5); color:var(--slate); font-size:var(--sm); }
.intent-note span { color:var(--signal); font-size:var(--xs); letter-spacing:.08em; }
.audit-specimen { padding:var(--s12); background:var(--surface); border:1px solid var(--line); }
.audit-specimen>h3 { font-size:var(--heading); }
.specimen-grid { display:grid; grid-template-columns:1fr 1fr; gap:var(--s12); margin-block:var(--s8); }
.specimen-grid h4 { margin:var(--s6) 0 var(--s3); font-size:var(--base); }
.specimen-grid p,.acceptance-strip li { color:var(--slate); }
.acceptance-strip { border-top:1px solid var(--line); padding-top:var(--s6); }
.acceptance-strip ul { padding-left:var(--s5); margin-bottom:0; display:grid; grid-template-columns:1fr 1fr; gap:var(--s3) var(--s12); }
@media(max-width:1100px) {
  .executive-hero { grid-template-columns:1fr 1fr; gap:var(--s8); }
  .executive-copy h1 { font-size:clamp(2.6rem,4.9vw,3.8rem); }
  .executive-visual img { height:300px; }
  .executive-visual figcaption { grid-template-columns:1fr; }
  .story-section,.proof-section,.decision-tools { gap:var(--s10); }
  .practice-row { grid-template-columns:30px 1fr 1fr; gap:var(--s6); }
  .engagement-stages { grid-template-columns:repeat(2,1fr); }
}
@media(max-width:700px) {
  .executive-hero,.story-section,.proof-section,.decision-tools,.executive-close,.specimen-grid { grid-template-columns:1fr; gap:var(--s8); }
  .executive-hero { padding-block:var(--s10); }
  .executive-copy h1 { font-size:clamp(2.5rem,9.5vw,3.8rem); }
  .executive-copy .lede { font-size:var(--base); margin-top:var(--s6); }
  .executive-visual img { height:250px; }
  .executive-visual figcaption { grid-template-columns:1fr 1fr; padding:var(--s6); }
  .chapter-nav { grid-template-columns:1fr; }
  .chapter-nav a { padding-inline:0; font-size:var(--xs); }
  .story-section { padding-block:var(--s12); }
  .practice-row { grid-template-columns:28px 1fr; gap:var(--s4); padding-block:var(--s8); }
  .practice-row>div:last-child { grid-column:2; }
  .brief-preview,.audit-specimen { padding:var(--s6); }
  .brief-preview dl>div { grid-template-columns:1fr; gap:var(--s2); }
  .engagement-band { padding-block:var(--s12); }
  .engagement-stages { grid-template-columns:1fr; gap:var(--s6); }
  .engagement-stages h3 { margin-top:var(--s3); }
  .intent-note { grid-template-columns:1fr; gap:var(--s3); }
  .acceptance-strip ul { grid-template-columns:1fr; }
}
.breadcrumb { margin-bottom:var(--s8); font-size:var(--xs); color:var(--slate); }
.breadcrumb a { margin-right:var(--s2); }
.scope-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:var(--s8); margin-top:var(--s10); }
.scope-item { border-top:2px solid var(--line); padding-top:var(--s6); }
.scope-item p { color:var(--slate); margin-top:var(--s3); }
.flow { display:grid; grid-template-columns:repeat(4,1fr); padding:0; list-style:none; counter-reset:flow; margin:var(--s10) 0 0; }
.flow li { position:relative; padding:var(--s6); border:1px solid var(--line); border-right:0; font-size:var(--sm); counter-increment:flow; }
.flow li:last-child { border-right:1px solid var(--line); }
.flow li:before { content:'0' counter(flow); display:block; color:var(--signal); margin-bottom:var(--s4); font-size:var(--xs); }
.example { margin-top:var(--s8); padding:var(--s8); background:var(--surface); border:1px solid var(--line); }
.example .eyebrow { margin-bottom:var(--s3); }
.example p { max-width:80ch; color:var(--slate); }
.fit-grid { display:grid; grid-template-columns:1fr 1fr; gap:var(--s12); }
.fit-grid h3 { margin-bottom:var(--s4); }
.fit-grid p { color:var(--slate); }
.faq-list { width:100%; }
details { border-bottom:1px solid var(--line); }
details:first-child { border-top:1px solid var(--line); }
summary { padding:var(--s6) var(--s8) var(--s6) 0; font-weight:700; list-style:none; position:relative; }
summary::-webkit-details-marker { display:none; }
summary:after { content:'+'; position:absolute; right:0; top:var(--s6); color:var(--signal); }
details[open] summary:after { content:'−'; }
details p { padding-bottom:var(--s6); color:var(--slate); max-width:65ch; }
.related { display:flex; flex-wrap:wrap; gap:var(--s4); margin-top:var(--s6); }
.related a { border:1px solid var(--line); padding:var(--s3) var(--s4); font-size:var(--sm); text-decoration:none; }
.related a:hover { border-color:var(--signal); }
.draft-tag { display:inline-block; padding:var(--s1) var(--s3); color:var(--signal); border:1px solid var(--line); font-size:var(--xs); margin-bottom:var(--s4); }
.calculator-layout { display:grid; grid-template-columns:1.1fr 1fr; gap:var(--s12); align-items:start; }
.calculator-form { border:1px solid var(--line); padding:var(--s8); background:var(--surface); }
.fields { display:grid; grid-template-columns:1fr 1fr; gap:var(--s6); }
.field label { display:block; font-size:var(--sm); font-weight:700; margin-bottom:var(--s2); }
.field small { display:block; font-size:var(--xs); color:var(--slate); margin-top:var(--s2); }
input { width:100%; min-width:0; min-height:48px; border:1px solid var(--line); border-radius:2px; background:var(--paper); color:var(--ink); padding:var(--s3); }
.estimate { margin-top:var(--s8); border-top:2px solid var(--signal); padding-top:var(--s6); }
.estimate strong { display:block; font-family:var(--font-display); font-size:var(--heading); letter-spacing:-.04em; }
.estimate p { margin-top:var(--s3); color:var(--slate); }
.error { color:var(--signal); margin-top:var(--s4); }
.formula { border-left:2px solid var(--signal); padding-left:var(--s6); margin-top:var(--s6); color:var(--slate); }
.chat { background:var(--surface); border:1px solid var(--line); padding:var(--s8); max-width:800px; }
.chat-log { max-height:340px; overflow:auto; padding-block:var(--s6); }
.chat-log p { background:var(--muted-surface); padding:var(--s4); font-size:var(--sm); }
.prompts { display:flex; gap:var(--s2); flex-wrap:wrap; margin-block:var(--s4); }
.chat-form { display:flex; gap:var(--s3); margin-top:var(--s2); }
.chat-form input { flex:1; }
.price { font:700 var(--heading)/1.2 var(--font-display); margin-top:var(--s6); }
.price small { display:block; font:400 var(--sm)/1.6 var(--font-body); color:var(--slate); margin-top:var(--s2); }
.footer { margin-top:var(--s16); padding-block:var(--s12) var(--s6); border-top:1px solid var(--line); }
.footer-top { display:grid; grid-template-columns:2fr 1fr 1fr 1fr; gap:var(--s10); }
.footer-top p { color:var(--slate); font-size:var(--sm); max-width:35ch; margin-top:var(--s6); }
.footer h2 { font:700 var(--xs)/1.5 var(--font-body); letter-spacing:.1em; text-transform:uppercase; margin-bottom:var(--s4); }
.footer ul { margin:0; padding:0; list-style:none; font-size:var(--sm); }
.footer li { margin-block:var(--s2); }
.footer a:not(.wordmark) { color:var(--slate); text-decoration:none; }
.footer a:hover { color:var(--signal); }
.footer-bottom { display:flex; justify-content:space-between; flex-wrap:wrap; gap:var(--s4); margin-top:var(--s12); padding-top:var(--s6); border-top:1px solid var(--line); color:var(--slate); font-size:var(--xs); }
@media(max-width:1100px) { .nav-links { gap:var(--s4); } .nav-actions { gap:var(--s2); } .hero { gap:var(--s8); } .nav-inner { gap:var(--s4); } }
@media(max-width:1100px) {
  .nav-inner { min-height:76px; flex-wrap:wrap; padding-block:var(--s3); }
  .menu-toggle { display:inline-flex; align-items:center; }
  .nav-links { display:none; order:3; flex-basis:100%; flex-direction:column; align-items:stretch; gap:0; padding-bottom:var(--s4); }
  .nav-links.is-open { display:flex; }
  .nav-links a { padding:var(--s3); }
  .hero { grid-template-columns:1fr; padding-block:var(--s12); gap:var(--s12); }
  .hero h1 { max-width:17ch; }
  .console { max-width:620px; width:100%; transform:none; }
  .split { grid-template-columns:1fr; gap:var(--s8); }
  .section { padding-block:var(--s12); }
  .section-head { flex-direction:column; align-items:start; }
  .scope-grid { grid-template-columns:1fr; gap:var(--s8); }
  .callout { grid-template-columns:1fr; gap:var(--s8); padding:var(--s8); }
  .footer-top { grid-template-columns:repeat(3,1fr); }
  .footer-brand { grid-column:1/-1; }
  .calculator-layout { grid-template-columns:1fr; }
  .path-grid,.option-grid { grid-template-columns:1fr; }
  .path-card h3 { max-width:none; }
  .industry-brief,.article-layout { grid-template-columns:1fr; gap:var(--s8); }
  .article-nav { position:static; }
  html:not(:has(script)) .nav-links { display:flex; }
}
@media(max-width:600px) {
  .wrap { width:calc(100% - 2rem); }
  .draft-bar { font-size:var(--xs); gap:var(--s2); }
  .draft-bar span { display:none; }
  .logo-img { width:38px; height:38px; }
  .nav-actions .button { display:none; }
  .nav-inner { gap:var(--s2); }
  .hero h1 { font-size:clamp(2.65rem,10vw,3.4rem); }
  .hero .lede,.page-head .lede { font-size:var(--base); }
  .console-content { padding:var(--s6); }
  .console-top,.console-foot { padding:var(--s4); }
  .method-strip { flex-direction:column; gap:var(--s2); }
  .service-grid { grid-template-columns:1fr; }
  .guide-grid,.tool-grid { grid-template-columns:1fr; }
  .service-card { padding:var(--s6) 0; grid-template-columns:30px 1fr 18px; }
  .service-card:nth-child(odd) { border-right:0; }
  .fit-grid { grid-template-columns:1fr; gap:var(--s8); }
  .flow { grid-template-columns:1fr 1fr; }
  .flow li:nth-child(2) { border-right:1px solid var(--line); }
  .flow li:nth-child(n+3) { border-top:0; }
  .example,.calculator-form,.chat,.booking-note { padding:var(--s6); }
  .fields { grid-template-columns:1fr; }
  .footer-top { grid-template-columns:1fr 1fr; gap:var(--s8); }
  .chat-form { flex-wrap:wrap; }
  .chat-form input { flex-basis:100%; }
  .page-head { padding-top:var(--s10); }
}
/* Motion. One language across the site: content is "written in" from the top down, the way a
   record fills in, and hairline rules draw before the content that sits on them. Motion that
   answers an action (opening, navigating, pressing) is quick; nothing loops or moves on its own. */
:root { --ease-out:cubic-bezier(.22,1,.36,1); --ease-in-out:cubic-bezier(.65,0,.35,1); }

/* Page-to-page: the header stays still while the page beneath settles in (supporting browsers only). */
@view-transition { navigation:auto; }
.nav { view-transition-name:site-nav; transition:box-shadow .25s ease; }
::view-transition-old(root) { animation:page-out .16s ease-in both; }
::view-transition-new(root) { animation:page-in .42s var(--ease-out) both; }
@keyframes page-out { to { opacity:0; } }
@keyframes page-in { from { opacity:0; transform:translateY(8px); } }
.nav.is-scrolled { box-shadow:0 10px 24px -20px #14171d66; }

/* Opening headline and image on every page: written in top to bottom. */
@keyframes write-in { from { clip-path:inset(0 0 100% 0); transform:translateY(6px); } }
@keyframes settle-in { from { opacity:0; transform:translateY(10px); } }
.executive-copy h1,.page-head h1,.agent-heading h1,.rx-hero h1,.industry-hero h1 { animation:write-in 1s var(--ease-out) .05s backwards; }
.page-head .lede,.agent-heading .lede,.executive-copy>:not(h1):not(.eyebrow) { animation:settle-in .7s var(--ease-out) .45s backwards; }
.executive-copy>.actions { animation-delay:.6s; }
.executive-copy>.micro { animation-delay:.7s; }
.executive-visual img,.worksheet-visual img,.industry-hero figure img { animation:write-in 1.2s var(--ease-in-out) .25s backwards; }
.executive-visual figcaption { animation:settle-in .7s var(--ease-out) .8s backwards; }

/* The homepage hero image pans slowly as the page scrolls past it (scroll-linked, supporting browsers only). */
@supports (animation-timeline:view()) {
  .executive-visual img { animation:write-in 1.2s var(--ease-in-out) .25s backwards,pan linear both; animation-timeline:auto,view(); animation-range:normal,exit 0% exit 100%; }
  @keyframes pan { from { object-position:64% center; } to { object-position:46% center; } }
  /* Long-form pages: a thin reading-progress line along the bottom of the header. */
  body:has(.agent-page,.article-section) .nav::after { content:''; position:absolute; left:0; right:0; bottom:-1px; height:2px; background:var(--signal); transform-origin:left; animation:read-progress linear both; animation-timeline:scroll(root); }
  @keyframes read-progress { from { transform:scaleX(0); } to { transform:scaleX(1); } }
}

/* Sections below the fold settle in once as they enter view (enabled by site.js). */
.js-motion [data-reveal] { opacity:0; transform:translateY(12px); transition:opacity .55s var(--ease-out),transform .55s var(--ease-out); transition-delay:var(--reveal-delay,0s); }
.js-motion [data-reveal].is-revealed { opacity:1; transform:none; }

/* Homepage sequences. Each rule draws left to right, then the content sitting on it follows,
   one row or card after another: the audit record, the support model, the three practices, the
   four stages and the guides. Static pages (and reduced motion) show the finished state. */
:where(.brief-preview dl>div,.engagement-stages li,.practice-row,.support-model>article,.guide-card,.plan-card) { --rule-w:1px; --rule-c:var(--line); }
.support-model>article { --rule-w:3px; --rule-c:var(--signal); }
.guide-card { --rule-w:2px; --rule-c:var(--ink); }
.engagement-stages li { --rule-c:#687378; }
.plan-card { --rule-w:3px; }
.plan-card.featured { --rule-c:var(--signal); }
.js-motion [data-reveal] :is(.brief-preview dl>div,.engagement-stages li,.practice-row,.support-model>article,.guide-card,.plan-card) { position:relative; border-top-color:transparent; }
.js-motion [data-reveal] :is(.brief-preview dl>div,.engagement-stages li,.practice-row,.support-model>article,.guide-card,.plan-card)::before { content:''; position:absolute; left:0; right:0; top:calc(var(--rule-w) * -1); height:var(--rule-w); background:var(--rule-c); transform:scaleX(0); transform-origin:left; transition:transform .7s var(--ease-in-out) var(--row-delay,0s); }
.js-motion [data-reveal] :is(.brief-preview dl>div,.engagement-stages li,.practice-row,.support-model>article,.guide-card,.plan-card)>* { opacity:0; transform:translateY(6px); transition:opacity .5s var(--ease-out) calc(var(--row-delay,0s) + .3s),transform .6s var(--ease-out) calc(var(--row-delay,0s) + .3s); }
.js-motion [data-reveal].is-revealed :is(.brief-preview dl>div,.engagement-stages li,.practice-row,.support-model>article,.guide-card,.plan-card)::before { transform:scaleX(1); }
.js-motion [data-reveal].is-revealed :is(.brief-preview dl>div,.engagement-stages li,.practice-row,.support-model>article,.guide-card,.plan-card)>* { opacity:1; transform:none; }
:is(.brief-preview dl>div,.engagement-stages li,.practice-row,.support-model>article,.guide-card,.plan-card):nth-child(2) { --row-delay:.16s; }
:is(.brief-preview dl>div,.engagement-stages li,.practice-row,.support-model>article,.guide-card,.plan-card):nth-child(3) { --row-delay:.32s; }
:is(.brief-preview dl>div,.engagement-stages li,.practice-row,.support-model>article,.guide-card,.plan-card):nth-child(4) { --row-delay:.48s; }

/* Section headings are written in as their section arrives. */
.js-motion [data-reveal] h2 { clip-path:inset(-10% -4% 100% -4%); transition:clip-path .9s var(--ease-out) .05s; }
.js-motion [data-reveal].is-revealed h2 { clip-path:inset(-10% -4% -25% -4%); }

/* The three operating signals get an orange marker drawn under them, one after another. */
.operating-signals span { position:relative; }
.operating-signals span::after { content:''; position:absolute; left:0; right:0; bottom:-4px; height:2px; background:var(--signal); transform-origin:left; }
.js-motion [data-reveal] .operating-signals span::after { transform:scaleX(0); transition:transform .6s var(--ease-in-out) var(--row-delay,0s); }
.js-motion [data-reveal].is-revealed .operating-signals span::after { transform:scaleX(1); }
.operating-signals span:nth-child(1) { --row-delay:.5s; }
.operating-signals span:nth-child(2) { --row-delay:.7s; }
.operating-signals span:nth-child(3) { --row-delay:.9s; }

/* Industry cards: each photo is written in, card after card. */
.js-motion [data-reveal] .industry-sign-image img { clip-path:inset(0 0 100% 0); transition:clip-path 1s var(--ease-in-out) var(--card-delay,0s); }
.js-motion [data-reveal].is-revealed .industry-sign-image img { clip-path:inset(0); }
.industry-sign:nth-child(2) { --card-delay:0.07s; }
.industry-sign:nth-child(3) { --card-delay:0.14s; }
.industry-sign:nth-child(4) { --card-delay:0.21s; }
.industry-sign:nth-child(5) { --card-delay:0.28s; }
.industry-sign:nth-child(6) { --card-delay:0.35s; }
.industry-sign:nth-child(7) { --card-delay:0.42s; }
.industry-sign:nth-child(8) { --card-delay:0.49s; }

/* Mouse and trackpad: the hero photo shifts gently against the pointer for depth, and the main
   calls to action lean toward it (both driven by site.js). */
.js-pointer .executive-visual { overflow:hidden; }
.js-pointer .executive-visual img { scale:1.05; }
.js-pointer .executive-visual figcaption { position:relative; }

/* Questions open and close smoothly instead of jumping (supporting browsers only). */
@supports (interpolate-size:allow-keywords) {
  :root { interpolate-size:allow-keywords; }
  details::details-content { block-size:0; overflow:hidden; transition:block-size .38s var(--ease-out),content-visibility .38s allow-discrete; }
  details[open]::details-content { block-size:auto; }
}
summary:after { transition:transform .3s var(--ease-out); }
details[open] summary:after { transform:rotate(180deg); }

/* Feedback on hover and press. */
.button { transition:background .18s,color .18s,border-color .18s,transform .18s var(--ease-out); }
.button:active { transform:translateY(0) scale(.98); }
.button>span,.guide-card>span,.service-card .arrow { transition:transform .2s var(--ease-out); }
.button:hover>span,.path-card:hover .text-link,.guide-card:hover>span { transform:translateX(3px); }
.service-card:hover .arrow { transform:translate(2px,-2px); }
.path-card,.guide-card { transition:transform .25s var(--ease-out),border-color .18s,background .18s,box-shadow .25s; }
.path-card:hover,.guide-card:hover { transform:translateY(-3px); }
@media(max-width:1100px) {
  .nav-links.is-open { animation:settle-in .28s var(--ease-out); }
}

/* Links: an orange rule draws under the link from the left on hover, in the same language as the drawn rules. */
.nav-links a { background:linear-gradient(var(--signal),var(--signal)) left bottom/0 2px no-repeat; background-origin:border-box; transition:background-size .25s var(--ease-out); }
.nav-links a:hover,.nav-links a[aria-current=page] { border-color:transparent; background-size:100% 2px; }
.text-link { text-decoration:none; padding-bottom:2px; background:linear-gradient(var(--signal),var(--signal)) left bottom/0 2px no-repeat,linear-gradient(currentColor,currentColor) left bottom/100% 1px no-repeat; -webkit-box-decoration-break:clone; box-decoration-break:clone; transition:background-size .3s var(--ease-out),transform .2s var(--ease-out); }
.text-link:hover,a:hover .text-link { background-size:100% 2px,100% 1px; }

/* Cursor (mouse and trackpad only). The pointer itself stays the system cursor, so it never lags:
   an ink arrow everywhere, and the VKTIS mark in orange over anything that can be clicked. */
@media(hover:hover) and (pointer:fine) {
  html { cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath d='M3 2v17l4.6-4.3 3 6.6 3-1.4-3-6.4H17z' fill='%2314171d' stroke='%23fff' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E") 3 2,auto; }
  :is(a[href],button,summary,label[for],select,[role=button]),.readiness-option { cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22'%3E%3Cpath d='M3 3h11l5 5v11H8l-5-5z' fill='%23e2531c' stroke='%23fff' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E") 11 11,pointer; }
  input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]),textarea { cursor:text; }
  :is(button,input,select,textarea):disabled { cursor:not-allowed; }
}
/* Four corner marks trail the pointer and snap around whatever it can click (drawn by site.js). */
.cursor-brackets { position:fixed; inset:0; z-index:2147483000; pointer-events:none; opacity:0; transition:opacity .2s ease; }
.cursor-brackets.is-visible { opacity:1; }
.cursor-brackets span { position:absolute; left:0; top:0; width:8px; height:8px; border:0 solid var(--accent); opacity:.6; transition:opacity .2s ease; will-change:transform; }
.cursor-brackets.is-target span { opacity:1; }
.cursor-brackets .cb-tl { border-width:1.5px 0 0 1.5px; }
.cursor-brackets .cb-tr { border-width:1.5px 1.5px 0 0; margin-left:-8px; }
.cursor-brackets .cb-bl { border-width:0 0 1.5px 1.5px; margin-top:-8px; }
.cursor-brackets .cb-br { border-width:0 1.5px 1.5px 0; margin:-8px 0 0 -8px; }
@media print { .cursor-brackets { display:none; } }
@media(prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto; }
  *,*::before,*::after { animation:none!important; transition:none!important; }
  .path-card:hover,.guide-card:hover,.button:active { transform:none; }
  @view-transition { navigation:none; }
}
.page-faq-section { background:var(--muted-surface,var(--surface)); }
.page-faq-layout { display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:var(--s16); align-items:start; }
.page-faq-intro h2 { max-width:23ch; }
.page-faq-intro>p:not(.eyebrow) { color:var(--slate); margin-top:var(--s4); max-width:38ch; }
.page-faq-layout .faq-list { min-width:0; }
.faq-list summary { cursor:pointer; overflow-wrap:anywhere; }
.faq-list summary:focus-visible { outline:2px solid var(--signal); outline-offset:4px; }
.faq-list p { overflow-wrap:anywhere; }
@media(max-width:760px) {
  .page-faq-layout { grid-template-columns:minmax(0,1fr); gap:var(--s8); }
}
@media print {
  .nav,.draft-bar,.footer,.actions,.prompts { display:none; }
  :root { --paper:white; --surface:white; --ink:black; --slate:#333; }
  .wrap { width:100%; }
  .section { padding-block:1rem; }
  details p { display:block; }
}

/* Plan overview with ranges */
.plan-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:var(--s6); margin:var(--s8) 0 var(--s6); align-items:stretch; }
.plan-card { display:flex; flex-direction:column; gap:var(--s3); padding:var(--s8); background:var(--surface); border:1px solid var(--line); border-top:3px solid var(--line); }
.plan-card.featured { border-top-color:var(--signal); }
.plan-card p+p { margin-top:0; }
.plan-label { color:var(--slate); font-weight:500; }
.plan-price { font-family:var(--font-display); font-size:clamp(1.3rem,1.8vw,1.6rem); letter-spacing:-.03em; font-weight:700; margin-top:var(--s2); }
.plan-subhead { margin-top:var(--s4)!important; font-size:var(--xs); font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:var(--slate); }
.plan-features { list-style:none; margin:0; padding:var(--s3) 0 0; border-top:1px solid var(--line); display:grid; gap:var(--s2); align-content:start; }
.plan-features li { position:relative; padding-left:var(--s6); font-size:var(--sm); }
.plan-features li::before { content:''; position:absolute; left:0; top:.6em; width:.7rem; height:2px; background:var(--signal); }
.plan-excluded li::before { background:var(--line); }
.plan-note { font-size:var(--sm); color:var(--slate); border-top:1px solid var(--line); padding-top:var(--s3); }
@media(max-width:900px) { .plan-grid { grid-template-columns:1fr; } .plan-card { padding:var(--s6); } }

/* Landing page: service and industry links, and brief plans. */
.service-index { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.5fr) auto; gap:var(--s8); align-items:start; margin-top:var(--s10); padding-top:var(--s6); border-top:1px solid var(--line); }
.service-index .eyebrow { margin:0; }
.service-index ul { list-style:none; display:flex; flex-wrap:wrap; gap:var(--s2); padding:0; margin:var(--s4) 0 0; }
.service-index li a { display:inline-flex; align-items:center; min-height:40px; padding:var(--s2) var(--s4); border:1px solid var(--line); border-radius:2px; background:var(--surface); font-size:var(--sm); text-decoration:none; transition:border-color .18s,color .18s; }
.service-index li a:hover { border-color:var(--signal); color:var(--signal); }
.service-index>.text-link { align-self:end; white-space:nowrap; }
.plan-grid-brief { margin-bottom:var(--s8); }
.plan-grid-brief .plan-card { gap:var(--s2); }
.plan-grid-brief .plan-price { font-size:clamp(1.7rem,2.6vw,2.4rem); line-height:1.05; margin-top:var(--s5); }
.plan-price small { display:block; margin-bottom:var(--s2); font:500 var(--sm)/1.2 var(--font-body); letter-spacing:0; color:var(--slate); }
.plan-grid-brief .plan-card>p:last-child { margin-top:var(--s4); color:var(--slate); font-size:var(--sm); }
@media(max-width:900px) {
  .service-index { grid-template-columns:minmax(0,1fr); gap:var(--s6); }
}

/* Footer social profiles: official logos in the footer text colour, taking each brand's colour on hover. */
.footer .footer-social { display:flex; flex-wrap:wrap; gap:var(--s2); margin-top:var(--s6); }
.footer .footer-social li { margin:0; }
.footer .footer-social a { display:inline-flex; align-items:center; justify-content:center; width:44px; height:44px; border:1px solid var(--line); border-radius:2px; color:var(--slate); transition:color .18s,border-color .18s; }
.footer .footer-social a:hover,.footer .footer-social a:focus-visible { color:var(--brand); border-color:currentColor; }
.footer-social svg { display:block; width:20px; height:20px; fill:currentColor; }
/* Blog */
.blog-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--s6); }
.blog-card { display:flex; flex-direction:column; text-decoration:none; background:var(--muted-surface); border-top:2px solid var(--ink); }
.blog-card img { width:100%; height:auto; aspect-ratio:16/9; object-fit:cover; display:block; }
.blog-card > div { display:flex; flex-direction:column; gap:var(--s4); padding:var(--s8); flex:1; }
.blog-card .eyebrow { margin:0; }
.blog-card h3 { font-size:var(--heading); max-width:28ch; }
.blog-card p:not(.eyebrow) { color:var(--slate); font-size:var(--sm); }
.blog-card > div > span { font-size:var(--sm); font-weight:700; margin-top:auto; }
.blog-card:hover { background:var(--surface); }
.blog-meta { color:var(--slate); font-size:var(--sm); margin-top:var(--s6); }
.blog-hero .lede + .blog-meta { margin-top:var(--s6); }
.blog-related { margin-block:var(--s12) var(--s6); }
.article-body a:not(.related a) { text-decoration:underline; text-underline-offset:3px; }
@media(max-width:800px) { .blog-grid { grid-template-columns:1fr; } }
/* Seven main-menu items: keep labels on one line on narrower desktops. */
.nav-links a, .nav-actions .button, .nav-actions .plain-button { white-space:nowrap; }
@media(min-width:1101px) and (max-width:1279px) { .nav-links { gap:var(--s4); } .nav-inner { gap:var(--s4); } .nav-actions { gap:var(--s3); } }
@media(min-width:801px) {
  .blog-grid > .blog-card:first-child { grid-column:1 / -1; display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,1fr); }
  .blog-grid > .blog-card:first-child img { height:100%; }
  .blog-grid > .blog-card:first-child > div { justify-content:center; padding:var(--s12); }
}
.footer .social-linkedin { --brand:#0a66c2; }
.footer .social-facebook { --brand:#0866ff; }
.footer .social-instagram { --brand:#e4405f; }
.footer .social-youtube { --brand:#ff0000; }
.footer .social-x { --brand:var(--ink); }

/* Headings that give a section its place in the page outline without repeating it on screen. */
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; border:0; }
h2.eyebrow { font-family:var(--font-body); line-height:1.5; max-width:none; }

/* Contact page inquiry form (moved from an inline <style> block). */
.lead-form{display:grid;grid-template-columns:minmax(0,1fr);gap:.85rem;margin:1.25rem 0;width:100%}
.lead-form button{justify-self:start}
.lead-form label{display:grid;gap:.3rem;font-weight:600}
.lead-form input,.lead-form textarea{font:inherit;color:inherit;background:transparent;border:1px solid rgba(128,128,128,.55);border-radius:6px;padding:.65rem .75rem;width:100%;box-sizing:border-box}
.lead-form textarea{min-height:7rem;resize:vertical}
.lead-form .hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.lead-form [data-lead-status],.lead-form [data-phone-error]{margin:0;font-weight:600}
.lead-form-note{font-size:.9em;opacity:.8}