/* Article layout uses the public site's 12 columns and existing design tokens. */
#kvalli-landing .v4-article { font-family:Onest,Arial,sans-serif; color:var(--kv-ink); }
#kvalli-landing .v4-article .v4-hero { display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); gap:var(--kv-gap); padding:40px 0 var(--kv-section-space); align-items:center; }
#kvalli-landing .v4-article .v4-hero>* { grid-column:span 6; }
#kvalli-landing .v4-article .v4-hero h1 { font-size:clamp(32px,4cqw,48px); font-weight:700; line-height:1; letter-spacing:-.045em; margin:0 0 24px; }
#kvalli-landing .v4-article .hero-lead { font-size:16px; line-height:1.65; color:var(--kv-muted); margin:0 0 24px; }
#kvalli-landing .v4-article .hero-definition { max-width:none; font-size:14px; line-height:1.65; color:var(--kv-muted); }
#kvalli-landing .v4-article .hero-actions { gap:16px; margin:24px 0; align-items:center; }
#kvalli-landing .v4-article .eyebrow { font-size:14px; line-height:1.5; font-weight:500; letter-spacing:normal; text-transform:none; color:var(--kv-violet-ink); margin:0 0 16px; }
#kvalli-landing .v4-article .solid-button { min-height:48px; padding:12px 20px; border-radius:var(--kv-radius); background:var(--kv-violet); font:600 14px/1.5 Onest,Arial,sans-serif; color:#fff; }
#kvalli-landing .v4-article .solid-button:hover { background:var(--kv-violet); filter:brightness(1.08); }
#kvalli-landing .v4-article .v4-layout { display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); gap:var(--kv-gap); padding:var(--kv-section-space) 0 0; }
#kvalli-landing .v4-article .article-body { grid-column:span 8; font-size:16px; line-height:1.65; color:var(--kv-ink); }
#kvalli-landing .v4-article .article-toc { grid-column:span 4; position:sticky; top:32px; align-self:start; font-size:14px; line-height:1.65; }
#kvalli-landing .v4-article .article-body>section { margin-bottom:var(--kv-section-space); }
#kvalli-landing .v4-article :is(.article-body h2,.story-intro h2,.conversion-intro h2,.next-reading h2) { font-size:clamp(28px,2.7cqw,32px); font-weight:600; line-height:1.15; letter-spacing:-.035em; margin:0 0 24px; color:var(--kv-ink); }
#kvalli-landing .v4-article :is(.article-body h3,.conversion-grid h3) { font-size:22px; line-height:1.3; font-weight:600; letter-spacing:-.02em; color:var(--kv-ink); margin:32px 0 16px; }
#kvalli-landing .v4-article .article-body>section>p { margin:0 0 20px; }
#kvalli-landing .v4-article .article-body a { color:var(--kv-violet-ink); }
#kvalli-landing .v4-article .article-body blockquote { background:var(--kv-assistant-bg); border-color:var(--kv-assistant); font-size:16px; line-height:1.75; padding:24px; margin:32px 0; }
#kvalli-landing .v4-article .cover-v4 { border-radius:var(--kv-radius); }
#kvalli-landing .v4-article .story-demo { background:var(--kv-assistant-bg); border-radius:var(--kv-radius); padding:32px; margin:32px 0; }
#kvalli-landing .v4-article .story-demo-grid { gap:var(--kv-gap); }
#kvalli-landing .v4-article .demo-heading h3 { margin:0 0 16px; }
#kvalli-landing .v4-article .demo-heading>p { font-size:13px; line-height:1.65; color:var(--kv-muted); }
#kvalli-landing .v4-article .demo-explainer h4 { font-size:18px; line-height:1.45; color:var(--kv-ink); }
#kvalli-landing .v4-article .demo-explainer p { font-size:14px; line-height:1.65; color:var(--kv-muted); }
#kvalli-landing .v4-article .demo-figure { margin:32px 0; }
#kvalli-landing .v4-article .demo-figure figcaption { font-size:12px; line-height:1.65; color:var(--kv-muted); margin:12px 0 0; }
#kvalli-landing .v4-article .channel-story { background:var(--kv-assistant-bg); padding:32px; border-radius:var(--kv-radius); margin:0; }
#kvalli-landing .v4-article .story-intro { max-width:none; margin:0 0 32px; }
#kvalli-landing .v4-article .story-intro p { max-width:760px; font-size:16px; line-height:1.65; color:var(--kv-muted); }
#kvalli-landing .v4-article .phone-pair { gap:var(--kv-gap); }
#kvalli-landing .v4-article .demo-caption { text-transform:none; letter-spacing:normal; font-size:12px; color:var(--kv-muted); }
#kvalli-landing .v4-article .conversion-v4 { background:var(--kv-violet); border-radius:var(--kv-radius); padding:32px; margin:0 0 var(--kv-section-space); }
#kvalli-landing .v4-article .conversion-intro h2 { color:white; }
#kvalli-landing .v4-article .conversion-v4 .eyebrow { color:#fff; opacity:.8; }
#kvalli-landing .v4-article .conversion-grid { grid-template-columns:repeat(2,minmax(0,1fr)); grid-template-rows:auto auto auto auto auto auto; column-gap:var(--kv-gap); row-gap:16px; }
#kvalli-landing .v4-article .conversion-grid>div { display:grid; grid-row:span 6; grid-template-rows:subgrid; gap:16px; padding:24px; border-radius:var(--kv-radius); color:var(--kv-ink); }
#kvalli-landing .v4-article .conversion-grid h3 { font-size:22px; line-height:1.25; margin:0; }
#kvalli-landing .v4-article .conversion-grid>div>p { font-size:16px; line-height:1.5; color:var(--kv-muted); margin:0; }
#kvalli-landing .v4-article .conversion-grid .path-number { font-size:12px; line-height:1.5; letter-spacing:0; color:var(--kv-muted); }
#kvalli-landing .v4-article .conversion-grid .create-path>.solid-button { grid-row:5; }
#kvalli-landing .v4-article .conversion-grid .create-path>small { grid-row:6; }
#kvalli-landing .v4-article .conversion-grid form { display:grid; grid-row:4 / span 3; grid-template-rows:subgrid; gap:16px; margin:0; }
#kvalli-landing .v4-article .lead-fields { display:grid; gap:8px; align-content:start; }
#kvalli-landing .v4-article .lead-fields>label:first-child { font-size:14px; line-height:1.5; font-weight:500; margin:0; }
#kvalli-landing .v4-article .lead-fields>input { width:100%; height:48px; padding:12px; border:1px solid #cbd5e1; border-radius:var(--kv-radius); font:400 16px/1.5 Onest,Arial,sans-serif; }
#kvalli-landing .v4-article .lead-consent { margin:4px 0 0; font-size:12px; line-height:1.5; }
#kvalli-landing .v4-article .conversion-grid .solid-button { width:100%; height:48px; justify-content:center; margin:0; align-self:start; }
#kvalli-landing .v4-article .conversion-grid :is(small,p.lead-feedback) { max-width:none; font-size:12px; line-height:1.5; color:var(--kv-muted); margin:0; }
#kvalli-landing .v4-article .next-reading { padding-bottom:var(--kv-section-space); }
#kvalli-landing .v4-article .next-reading>div { gap:var(--kv-gap); }
#kvalli-landing .v4-article .next-reading a { color:var(--kv-violet-ink); border-color:var(--kv-line); padding:24px 0; }
#kvalli-landing .v4-article .next-reading strong { font-size:16px; line-height:1.65; }
#kvalli-landing .v4-article .next-reading span { font-size:13px; line-height:1.65; color:var(--kv-muted); }
@container kv (max-width:1000px) {
 #kvalli-landing .v4-article .article-body { grid-column:span 9; }
 #kvalli-landing .v4-article .article-toc { grid-column:span 3; font-size:12px; }
}
@container kv (max-width:850px) {
 #kvalli-landing .v4-article .v4-hero { grid-template-columns:minmax(0,1fr); }
 #kvalli-landing .v4-article .v4-hero>* { grid-column:1; }
 #kvalli-landing .v4-article .v4-layout { display:block; }
 #kvalli-landing .v4-article .article-toc { display:none; }
}
@container kv (max-width:680px) {
 #kvalli-landing .v4-article .v4-hero { padding-top:32px; }
 #kvalli-landing .v4-article .v4-hero h1 { font-size:clamp(30px,8.2cqw,40px); }
 #kvalli-landing .v4-article :is(.story-demo,.channel-story,.conversion-v4) { padding:24px 16px; }
 #kvalli-landing .v4-article .conversion-grid { grid-template-columns:minmax(0,1fr); grid-template-rows:none; gap:16px; }
 #kvalli-landing .v4-article .conversion-grid>div { padding:20px; grid-row:auto; grid-template-rows:none; }
 #kvalli-landing .v4-article .conversion-grid :is(form,.create-path>.solid-button,.create-path>small) { grid-row:auto; grid-template-rows:none; }
 #kvalli-landing .v4-article .next-reading>div { grid-template-columns:minmax(0,1fr); gap:0; }
 #kvalli-landing .v4-article .phone-pair { grid-template-columns:minmax(0,380px); }
}
#kvalli-landing .v4-article .solid-button{gap:12px}
@container kv (max-width:1000px){#kvalli-landing:has(.v4-article) .kv-navlinks{display:none}#kvalli-landing:has(.v4-article) .kv-nav>.kv-actions{flex-wrap:nowrap}#kvalli-landing:has(.v4-article) .kv-nav>.kv-actions>.kv-button{white-space:nowrap}}


#kvalli-landing .v4-article .hero-actions .text-link { display:inline-flex; align-items:center; min-height:48px; font-size:14px; line-height:1.5; }
#kvalli-landing .v4-article .article-body>section>:last-child { margin-bottom:0; }
#kvalli-landing .v4-article .article-body .eyebrow { margin:0 0 12px; }
#kvalli-landing .v4-article .article-byline { margin:24px 0 0; font-size:12px; line-height:1.5; }
#kvalli-landing .v4-article .article-toc { padding-bottom:32px; }
#kvalli-landing .v4-article .article-toc>a { padding:8px 0 8px 16px; }
#kvalli-landing .v4-article .preflight-grid { gap:8px 16px; grid-template-rows:auto auto; margin:24px 0; }
#kvalli-landing .v4-article .preflight-grid>div { display:grid; grid-row:span 2; grid-template-rows:subgrid; gap:8px; padding:16px; border-radius:var(--kv-radius); }
#kvalli-landing .v4-article .preflight-grid b { font-size:16px; line-height:1.4; }
#kvalli-landing .v4-article .preflight-grid p { font-size:14px; line-height:1.5; margin:0; color:var(--kv-muted); }
#kvalli-landing .v4-article .demo-heading>p { font-size:12px; line-height:1.5; margin:0 0 24px; }
#kvalli-landing .v4-article .demo-explainer { display:grid; grid-template-columns:28px minmax(0,1fr); gap:8px 12px; align-content:start; }
#kvalli-landing .v4-article .demo-explainer .step-marker { grid-column:1; }
#kvalli-landing .v4-article .demo-explainer h4 { grid-column:2; margin:0; font-size:16px; line-height:1.5; }
#kvalli-landing .v4-article .demo-explainer p { grid-column:2; margin:0 0 16px; font-size:14px; line-height:1.5; }
#kvalli-landing .v4-article .demo-explainer p:last-child { margin-bottom:0; }
#kvalli-landing .v4-article .inline-offer { display:grid; grid-template-columns:40px minmax(0,1fr); gap:16px; margin:32px 0; padding:24px; border-radius:var(--kv-radius); }
#kvalli-landing .v4-article .inline-offer img { width:40px; height:40px; }
#kvalli-landing .v4-article .inline-offer strong { font-size:16px; line-height:1.5; }
#kvalli-landing .v4-article .inline-offer p { font-size:14px; line-height:1.5; margin:8px 0 16px; color:var(--kv-muted); }
#kvalli-landing .v4-article .inline-offer a { display:inline-flex; align-items:center; min-height:40px; font-size:14px; line-height:1.5; }
#kvalli-landing .v4-article .article-details { padding:16px 0; font-size:16px; line-height:1.65; }
#kvalli-landing .v4-article .article-details p { margin:16px 0; }
#kvalli-landing .v4-article .article-details p:last-child { margin-bottom:0; }
#kvalli-landing .v4-article .test-examples { margin:32px 0; padding:24px; border-radius:var(--kv-radius); }
#kvalli-landing .v4-article .question-buttons { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; margin:0 0 16px; }
#kvalli-landing .v4-article .question-buttons button { min-height:40px; padding:8px; border-radius:var(--kv-radius); font:500 14px/1.5 Onest,Arial,sans-serif; }
#kvalli-landing .v4-article .case-answer { padding:16px; border-radius:var(--kv-radius); }
#kvalli-landing .v4-article .case-answer p { font-size:16px; line-height:1.65; margin:8px 0 0; }
#kvalli-landing .v4-article .case-answer .case-why { font-size:12px; line-height:1.5; padding-top:16px; margin-top:16px; }
#kvalli-landing .v4-article .conversion-intro>p:last-child { line-height:1.65; margin-bottom:24px; }
#kvalli-landing .v4-article .next-reading>div { grid-template-rows:auto auto; row-gap:8px; }
#kvalli-landing .v4-article .next-reading a { display:grid; grid-row:span 2; grid-template-rows:subgrid; gap:8px; }
#kvalli-landing .v4-article .next-reading strong { line-height:1.5; }
#kvalli-landing .v4-article .next-reading span { font-size:14px; line-height:1.5; margin:0; }
#kvalli-landing .v4-article .checks-table { margin:24px 0; }
#kvalli-landing .v4-article .checks-table :is(th,td) { padding:16px; font-size:14px; line-height:1.5; }
#kvalli-landing .v4-article .article-note { padding:24px; font-size:16px; line-height:1.65; }
#kvalli-landing .v4-article .handoff-map { gap:16px; padding:24px; margin:24px 0; border-radius:var(--kv-radius); }
#kvalli-landing .v4-article .handoff-map b { font-size:14px; line-height:1.5; }
#kvalli-landing .v4-article .handoff-map small { font-size:12px; line-height:1.5; }
#kvalli-landing .v4-article .phone-label { min-height:64px; margin:0 0 16px; }
#kvalli-landing .v4-article .phone-label>span:last-child { font-size:14px; line-height:1.5; }
#kvalli-landing .v4-article .story-takeaway { max-width:none; margin:24px 0 0; padding-top:24px; font-size:16px; line-height:1.5; }
#kvalli-landing .v4-article .demo-caption { max-width:none; margin:24px 0 0; font-size:12px; line-height:1.5; }
@container kv (max-width:1000px) {
 #kvalli-landing .v4-article .preflight-grid { grid-template-columns:minmax(0,1fr); grid-template-rows:none; gap:16px; }
 #kvalli-landing .v4-article .preflight-grid>div { grid-row:auto; grid-template-rows:none; }
 #kvalli-landing .v4-article .website-max-demo .story-demo-grid { grid-template-columns:minmax(0,1fr); }
 #kvalli-landing .v4-article .website-max-phone { max-width:380px; margin-inline:auto; }
 #kvalli-landing .v4-article .website-max-demo .demo-explainer { padding-top:0; }
}
@container kv (max-width:680px) {
 #kvalli-landing .v4-article .hero-actions { display:grid; grid-template-columns:minmax(0,1fr); gap:8px; }
 #kvalli-landing .v4-article .hero-actions>:is(.solid-button,.text-link) { width:100%; justify-content:center; text-align:center; }
 #kvalli-landing .v4-article :is(.inline-offer,.test-examples,.article-note) { padding:16px; }
 #kvalli-landing .v4-article .question-buttons { grid-template-columns:minmax(0,1fr); }
 #kvalli-landing .v4-article .next-reading>div { grid-template-rows:none; }
 #kvalli-landing .v4-article .next-reading a { grid-row:auto; grid-template-rows:none; }
 #kvalli-landing .v4-article .phone-label { min-height:0; }
 #kvalli-landing .v4-article .ui-tabs { grid-template-columns:repeat(2,minmax(0,1fr)); }
 #kvalli-landing .v4-article :is(.trap-tabs,.avito-tabs) { grid-template-columns:minmax(0,1fr); }
 #kvalli-landing .v4-article .ui-tabs button { min-height:40px; }
}

#kvalli-landing .v4-article .story-intro .eyebrow { font-size:14px; line-height:1.5; color:var(--kv-violet-ink); margin:0 0 16px; }
#kvalli-landing .v4-article .article-body ol { list-style:decimal; padding-left:24px; }
#kvalli-landing .v4-article .article-body ul { list-style:disc; padding-left:24px; }