/* A quiet service page: real work, clear scope, and a short route to an inquiry. */
body[data-page='aivisibility'] { background: #050910; }
.av-page { overflow: clip; }
.av-page section { scroll-margin-top: 100px; }
.av-page .av-section { padding-block: 102px; }
.av-page .av-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 46px; margin-bottom: 40px; }
.av-page .av-heading > div { flex: 1; min-width: 0; }
.av-page .av-heading .eyebrow { margin-bottom: 17px; }
.av-page .av-heading h2 { font-size: clamp(30px, 3vw, 43px); line-height: 1.4; letter-spacing: -.05em; text-wrap: balance; }
.av-page .av-heading > p:last-child { max-width: 460px; flex: 0 1 40%; margin-top: 18px; color: var(--muted); font-size: 14px; line-height: 1.95; word-break: keep-all; }
.av-page .av-heading > .eyebrow:last-child { margin-top: 0; }
.av-page .av-hero { padding-block: 31px 76px; border-top: 0; }
.av-page .av-breadcrumb { display: flex; flex-wrap: wrap; align-items: center; gap: 11px; margin-bottom: 58px; color: #79909f; font-size: 11px; line-height: 1.6; }
.av-page .av-breadcrumb a { padding-block: 5px; }
.av-page .av-breadcrumb a:hover { color: var(--mint); }
.av-page .av-breadcrumb svg { width: 12px; height: 12px; opacity: .7; }
.av-page .av-breadcrumb [aria-current] { color: #cad8e1; }
.av-page .av-hero-grid { display: grid; grid-template-columns: 1.04fr 1fr; align-items: center; gap: 65px; }
.av-page .av-hero-copy { position: relative; min-width: 0; z-index: 1; }
.av-page .av-kicker { display: flex; align-items: center; gap: 10px; color: var(--mint); font-size: 11px; letter-spacing: .16em; font-weight: 600; margin-bottom: 23px; }
.av-page .av-kicker::before { content: ''; width: 5px; height: 5px; border-radius: 50%; background: var(--mint); box-shadow: 0 0 12px #5fd9a044; }
.av-page .av-title { font-size: clamp(42px, 4.2vw, 58px); font-weight: 600; letter-spacing: -.065em; line-height: 1.27; text-wrap: balance; }
.av-page .av-title em { color: var(--mint); }
.av-page .av-title > span { display: block; }
.av-page .av-lead { max-width: 540px; color: #a9bcc9; margin-top: 25px; font-size: 15px; line-height: 1.95; word-break: keep-all; }
.av-page .av-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 31px; }
.av-page .av-actions .button { min-height: 50px; padding-inline: 22px; }
.av-page .av-proof { display: flex; flex-wrap: wrap; gap: 19px 25px; margin: 32px 0 0; padding: 22px 0 0; border-top: 1px solid var(--line); list-style: none; }
.av-page .av-proof > * { min-width: 0; color: #a1b6c2; font-size: 11px; line-height: 1.7; }
.av-page .av-proof li { display: inline-flex; align-items: center; gap: 7px; }
.av-page .av-proof li::before { content: ''; display: block; width: 4px; height: 4px; border-radius: 50%; background: #65c792; flex-shrink: 0; }
.av-page .av-proof strong { display: block; color: #e8f2f8; font-size: 20px; line-height: 1.5; font-weight: 550; letter-spacing: -.035em; }
.av-page .av-proof small { display: block; margin-top: 3px; color: #88a0af; font-size: 11px; }
.av-page .av-hero-visual { position: relative; min-width: 0; isolation: isolate; margin: 0; }
.av-page .av-hero-visual::before { content: ''; position: absolute; inset: -100px -120px -80px -90px; z-index: -1; pointer-events: none; background: radial-gradient(ellipse at 65% 45%, #3edca313, transparent 59%), radial-gradient(ellipse at 10% 90%, #7dbfe00c, transparent 60%); }
.av-page .av-hero-visual > a, .av-page .av-preview-window, .av-page .av-browser { display: block; min-width: 0; overflow: hidden; background: #101b25; border: 1px solid #31454b; border-radius: 9px; box-shadow: 0 28px 90px #0005, 0 0 55px #51c59807; }
.av-page .av-hero-visual img { width: 100%; height: auto; object-fit: contain; background: #f1f2ee; }
.av-page .av-hero-visual > img { border: 1px solid #31454b; border-radius: 8px; }
.av-page .av-hero-visual figcaption { display: flex; align-items: center; gap: 13px; padding-block: 16px 0; font-size: 11px; line-height: 1.8; }
.av-page .av-hero-visual figcaption > span { color: #7d9c8d; font-size: 10px; }
.av-page .av-hero-visual figcaption > strong { color: #b7ccd4; font-weight: 500; }
.av-page .av-hero-visual figcaption > svg { width: 14px; height: 14px; color: var(--mint); margin-left: auto; }
.av-page .av-browser-bar { min-height: 40px; display: flex; align-items: center; justify-content: space-between; gap: 15px; padding: 10px 14px; color: #94aab8; font-size: 10px; letter-spacing: .01em; line-height: 1.5; background: #111d27; border-bottom: 1px solid #243640; }
.av-page .av-browser-bar > span { min-width: 0; overflow-wrap: anywhere; }
.av-page .av-browser-bar > i, .av-page .av-browser-dots { display: flex; gap: 4px; align-items: center; flex-shrink: 0; }
.av-page .av-browser-dots i, .av-page .av-browser-bar > i::before, .av-page .av-browser-bar > i::after { content: ''; display: block; width: 5px; height: 5px; border-radius: 50%; background: #4c6570; }
.av-page .av-browser-dots i:first-child { background: #629d86; }
.av-page .av-browser-bar svg { width: 12px; height: 12px; color: var(--mint); }
.av-page .av-work-caption { display: flex; justify-content: space-between; gap: 18px; margin-top: 15px; color: #7e99a8; font-size: 11px; line-height: 1.7; }
.av-page .av-work-caption strong { color: #c7d7df; font-weight: 500; }
.av-page .av-work-caption svg { width: 13px; height: 13px; color: var(--mint); }
.av-page .av-work-caption p { max-width: 410px; }
.av-page .av-jumps { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 25px; padding-block: 19px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.av-page .av-jumps > span { color: #688394; font-size: 10px; margin-right: auto; letter-spacing: .1em; }
.av-page .av-jumps a { display: inline-flex; align-items: center; gap: 9px; color: #a9bdc9; font-size: 12px; min-height: 35px; }
.av-page .av-jumps a:hover { color: var(--mint); }
.av-page .av-jumps a svg { width: 12px; height: 12px; color: #658777; }
.av-page .av-work { border-top: 0; padding-top: 86px; scroll-margin-top: 0; }
.av-page .av-work-types { display: flex; flex-wrap: wrap; gap: 9px; margin: 0 0 32px; }
.av-page .av-work-types a { display: inline-flex; align-items: center; justify-content: center; gap: 12px; min-height: 44px; padding: 10px 18px; border: 1px solid #2e493f; border-radius: 5px; background: #0e1d1d; color: #afcabb; font-size: 12px; line-height: 1.6; transition: color .2s, border-color .2s, background .2s; }
.av-page .av-work-types a svg { width: 14px; height: 14px; color: #79b294; }
.av-page .av-work-types a:hover { border-color: #5c9277; background: #162b24; color: #d6f0de; }
.av-page .av-work-types a:focus-visible { outline-color: #89c6a3; }
.av-page .av-case-group { min-width: 0; margin: 0; padding: 0; scroll-margin-top: 8px; }
.av-page .av-case-group + .av-case-group { margin-top: 59px; padding-top: 45px; border-top: 1px solid #9fdbff1a; }
.av-page .av-case-group-heading { display: flex; align-items: baseline; justify-content: space-between; gap: 28px; margin-bottom: 24px; }
.av-page .av-case-group-heading h3 { flex-shrink: 0; margin: 0; color: #dae9e2; font-size: 25px; font-weight: 550; line-height: 1.5; letter-spacing: -.035em; }
.av-page .av-case-group-heading p { max-width: 620px; margin: 0; color: #88a49c; font-size: 12px; line-height: 1.9; word-break: keep-all; }
.av-page .av-panel { min-width: 0; }
.av-page .av-panel-intro { max-width: 730px; margin-bottom: 25px; color: #8fa9b9; font-size: 13px; line-height: 1.9; }
.av-page .av-project-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); align-items: start; gap: 24px; }
.av-page .av-project-card { min-width: 0; border: 1px solid #213441; border-radius: 7px; background: #0a131e; overflow: hidden; }
.av-page .av-project-card > a { display: flex; flex-direction: column; min-width: 0; height: 100%; }
.av-page .av-project-card:has(> a:hover) { border-color: #4e806b; }
.av-page .av-project-card > a:focus-visible { outline-offset: -3px; }
.av-page .av-project-media { min-width: 0; background: #e8ebea; border-bottom: 1px solid #213441; }
.av-page .av-project-media img { display: block; width: 100%; height: auto; max-width: 100%; aspect-ratio: auto; object-fit: contain; }
.av-page .av-project-media .av-browser-bar { min-height: 34px; padding: 8px 11px; font-size: 9px; }
.av-page .av-project-body { flex: 1; padding: 22px; }
.av-page .av-project-body > small, .av-page .av-project-category, .av-page .av-project-type { display: block; color: #79ba9a; font-size: 10px; font-weight: 500; letter-spacing: .04em; margin-bottom: 9px; }
.av-page .av-project-body h3 { display: flex; align-items: flex-start; justify-content: space-between; gap: 15px; font-size: 19px; font-weight: 550; line-height: 1.55; }
.av-page .av-project-body h3 svg { width: 14px; height: 14px; margin-top: 7px; color: var(--mint); }
.av-page .av-project-body p { margin-top: 10px; color: #91a8b8; font-size: 12px; line-height: 1.95; word-break: keep-all; }
.av-page .av-project-body .text-link, .av-page .av-project-link, .av-page .av-project-open { display: inline-flex; align-items: center; gap: 9px; margin-top: 17px; color: #a4ddc0; font-size: 11px; line-height: 1.7; }
.av-page .av-project-link svg, .av-page .av-project-open svg { width: 13px; height: 13px; }
.av-page .av-gallery-note, .av-page .av-note { margin-top: 21px; color: #7c95a6; font-size: 11px; line-height: 1.95; }
.av-page .av-panel-head { margin-bottom: 25px; max-width: 760px; }
.av-page .av-panel-head h3 { font-size: 23px; margin-bottom: 11px; }
.av-page .av-panel-head p { color: #94aebf; font-size: 13px; line-height: 1.95; }
.av-page .av-chat-demo { max-width: 960px; margin-inline: auto; border: 1px solid #2a424e; border-radius: 11px; overflow: hidden; background: linear-gradient(140deg, #101d2a, #09111b); box-shadow: 0 20px 70px #0003; }
.av-page .av-chat-top { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 20px 26px; border-bottom: 1px solid #253b46; color: #d3e3eb; font-size: 13px; }
.av-page .av-chat-top > span, .av-page .av-chat-top small { color: #8bb39f; font-size: 11px; }
.av-page .av-chat-top > strong { font-weight: 550; }
.av-page .av-chat-top > div { flex: 1; min-width: 0; }
.av-page .av-chat-top > div > strong { display: block; font-size: 14px; font-weight: 550; }
.av-page .av-chat-top > div > span { display: block; color: #7e9eac; font-size: 11px; margin-top: 4px; }
.av-page .av-chat-top .av-chat-mark { display: grid; place-items: center; width: 33px; height: 33px; border: 1px solid #34664f; border-radius: 8px; color: #77dba8; background: #163024; flex-shrink: 0; }
.av-page .av-chat-top .av-chat-mark svg { width: 18px; height: 18px; }
.av-page .av-chat-top .av-demo-label { flex-shrink: 0; padding: 4px 8px; border: 1px solid #35524a; border-radius: 3px; font-size: 10px; color: #87b89d; }
.av-page .av-answer-label { display: block; color: #6fac8d; font-size: 10px; letter-spacing: .06em; line-height: 1.7; margin-bottom: 13px; }
.av-page .av-demo-note { max-width: 960px; margin: 19px auto 0; color: #7d97a8; font-size: 11px; line-height: 1.95; }
.av-page .av-chat-messages { display: flex; flex-direction: column; align-items: flex-start; gap: 24px; padding: 33px; }
.av-page .av-chat-question { align-self: flex-end; max-width: 83%; padding: 15px 21px; border: 1px solid #3d5867; border-radius: 14px 14px 3px 14px; background: #1d3040; font-size: 14px; line-height: 1.8; color: #dbe7ef; }
.av-page .av-chat-response { max-width: 86%; padding: 22px 25px; border: 1px solid #285b49; border-radius: 3px 14px 14px; background: #0c211e; color: #b9d3cf; font-size: 13px; line-height: 2; }
.av-page .av-chat-response > strong { display: block; color: #e1f3eb; font-weight: 550; margin-bottom: 10px; }
.av-page .av-chat-response p + p { margin-top: 11px; }
.av-page .av-chat-response ul { margin-block: 9px; padding-left: 19px; }
.av-page .av-chat-response a { text-decoration: underline; text-decoration-color: #5fd9a055; text-underline-offset: 4px; color: #a7e5c6; }
.av-page .av-chat-response small { display: block; color: #779d8e; font-size: 11px; line-height: 1.9; margin-top: 15px; padding-top: 13px; border-top: 1px solid #5fd9a01f; }
.av-page .av-chat-options { display: flex; flex-wrap: wrap; gap: 8px; padding: 0 33px 30px; }
.av-page .av-chat-options > * { padding: 9px 13px; border: 1px solid #2c4653; border-radius: 18px; color: #8faab9; font-size: 11px; line-height: 1.6; }
.av-page .av-chat-options a:hover { border-color: #5e9b7a; color: #c0ebd6; }
.av-page .av-chat-options button { display: inline-flex; align-items: center; text-align: left; gap: 12px; }
.av-page .av-chat-options button svg { width: 12px; height: 12px; }
.av-page .av-chat-options button:hover, .av-page .av-chat-options button[aria-pressed='true'] { color: #c3e8d6; background: #5fd9a008; border-color: #568d70; }
.av-page .av-scope-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; }
.av-page .av-scope-card { min-width: 0; border: 1px solid #243944; padding: 28px; border-radius: 6px; background: linear-gradient(150deg, #0d1b24, #09121b); }
.av-page .av-scope-card > svg { width: 25px; height: 25px; color: var(--mint); margin-bottom: 26px; }
.av-page .av-scope-card > span { display: block; font-size: 11px; color: #7fac97; letter-spacing: .08em; margin-bottom: 22px; }
.av-page .av-scope-card h3 { font-size: 23px; font-weight: 550; letter-spacing: -.035em; }
.av-page .av-scope-card > p { color: #94adbb; font-size: 13px; line-height: 1.95; margin-top: 14px; }
.av-page .av-scope-top { display: flex; justify-content: space-between; align-items: center; gap: 13px; margin-bottom: 24px; }
.av-page .av-scope-top > span { color: #7db99a; font-size: 11px; letter-spacing: .045em; }
.av-page .av-scope-top svg { width: 22px; height: 22px; color: #77cfa5; }
.av-page .av-deliverable { margin-top: 27px; padding-top: 22px; border-top: 1px solid var(--line); }
.av-page .av-deliverable > strong, .av-page .av-input > strong, .av-page .av-deliverable h4, .av-page .av-input h4 { display: block; color: #bfddd0; font-size: 11px; font-weight: 500; margin-bottom: 11px; }
.av-page .av-deliverable ul, .av-page .av-input ul { margin: 0; padding-left: 17px; font-size: 12px; color: #b0c3ce; line-height: 2; }
.av-page .av-deliverable li + li, .av-page .av-input li + li { margin-top: 4px; }
.av-page .av-deliverable > p { color: #9ab2bf; font-size: 13px; line-height: 1.95; }
.av-page .av-input { margin-top: 24px; padding: 17px 18px; background: #050c1377; border: 1px solid #233744; border-radius: 4px; }
.av-page .av-input > strong, .av-page .av-input h4 { color: #8eb2c4; }
.av-page .av-input p { color: #819cab; font-size: 12px; line-height: 1.9; }
.av-page .av-scope-note { display: flex; align-items: flex-start; gap: 14px; margin-top: 25px; padding: 19px 23px; border-left: 2px solid #4da27d; background: #5fd9a006; color: #90acb9; font-size: 12px; line-height: 1.95; }
.av-page .av-scope-note svg { color: var(--mint); margin-top: 4px; }
.av-page .av-section-note { color: #829dab; margin-top: 22px; font-size: 12px; line-height: 1.95; }
.av-page .av-process-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; }
.av-page .av-process-step { position: relative; padding: 24px 0 0; border-top: 1px solid #355347; min-width: 0; }
.av-page .av-process-step::before { content: ''; position: absolute; left: 0; top: -3px; width: 5px; height: 5px; background: var(--mint); border-radius: 50%; }
.av-page .av-step-number { display: block; color: #74bb96; font-size: 11px; letter-spacing: .09em; margin-bottom: 15px; font-weight: 500; }
.av-page .av-process-step h3 { font-size: 19px; font-weight: 550; line-height: 1.55; }
.av-page .av-process-step p { color: #93aebb; font-size: 12px; line-height: 1.95; margin-top: 13px; }
.av-page .av-process-step ul { margin-block: 17px 0; color: #829eae; font-size: 12px; line-height: 1.95; padding-left: 17px; }
.av-page .av-assessment { display: flex; align-items: center; flex-wrap: wrap; gap: 15px 30px; margin-top: 39px; padding: 23px 25px; background: #101f2277; border: 1px solid #253e40; border-radius: 5px; }
.av-page .av-assessment > span { color: #8bc4ac; font-size: 11px; font-weight: 500; letter-spacing: .03em; }
.av-page .av-assessment > p { flex: 1 1 350px; color: #8ca7b6; font-size: 12px; line-height: 1.9; }
.av-page .av-assessment .text-link { font-size: 11px; }
.av-page .av-mori { position: relative; isolation: isolate; }
.av-page .av-mori::before { content: ''; position: absolute; inset: 0 -120px; z-index: -1; pointer-events: none; background: radial-gradient(ellipse at 50% 100%, #51d19808, transparent 70%); }
.av-page .av-mori .av-heading h2 { max-width: 820px; }
.av-page .av-flow-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 27px; }
.av-page .av-flow-step { position: relative; min-width: 0; padding: 24px; border: 1px solid #284334; border-radius: 6px; background: linear-gradient(145deg, #11251f, #0a1618); }
.av-page .av-flow-step:not(:last-child)::after { content: '→'; position: absolute; top: 48%; right: -22px; color: #5b9e7b; font-size: 18px; line-height: 1; }
.av-page .av-flow-step > span { display: block; color: #74b996; font-size: 10px; letter-spacing: .08em; margin-bottom: 19px; }
.av-page .av-flow-step > svg { width: 22px; height: 22px; color: #77d3a5; margin-bottom: 21px; }
.av-page .av-flow-step h3 { font-size: 17px; font-weight: 550; line-height: 1.6; }
.av-page .av-flow-step > strong { display: block; color: #79ac93; font-size: 11px; font-weight: 400; margin-top: 10px; line-height: 1.8; }
.av-page .av-flow-step p { margin-top: 12px; color: #8faeaa; font-size: 12px; line-height: 1.95; }
.av-page .av-mori .av-actions { margin-top: 31px; }
.av-page .av-mori-link { margin-top: 27px; }
.av-page .av-mori-badge { display: inline-flex; align-items: center; gap: 10px; padding: 6px 11px; border: 1px solid #426a52; border-radius: 4px; color: #9ed6b6; font-size: 10px; letter-spacing: .08em; }
.av-page .av-mori-badge::before { content: ''; width: 5px; height: 5px; border-radius: 50%; background: var(--mint); }
.av-page .av-faq-list { max-width: 1000px; }
.av-page .av-faq-list summary { font-size: 15px; min-height: 70px; align-items: center; line-height: 1.75; }
.av-page .av-faq-list details > p, .av-page .av-faq-list .av-faq-answer { max-width: 850px; padding: 0 40px 26px 0; font-size: 13px; line-height: 2; color: #9bb2c0; }
.av-page .av-faq-list .av-faq-answer p + p { margin-top: 12px; }
.av-page .av-faq-list a { color: #a2dec0; text-decoration: underline; text-decoration-color: #5fd9a055; text-underline-offset: 4px; }
.av-page .av-insights .av-heading { max-width: none; }
.av-page .av-insights .insight-grid { gap: 27px; }
.av-page .av-insights .insight-title { font-size: 19px; }
.av-page .av-insights .insight-description { font-size: 12px; }
.av-page .av-insights .insight-meta { font-size: 10px; }
.av-page .av-contact { padding-top: 20px; border-top: 0; }
.av-page .av-contact-box { position: relative; isolation: isolate; display: flex; align-items: center; justify-content: space-between; gap: 55px; padding: 51px 54px; border: 1px solid #335845; border-radius: 8px; background: linear-gradient(125deg, #11291f, #0a171b 75%); overflow: hidden; }
.av-page .av-contact-box::after { content: ''; position: absolute; right: -140px; top: -160px; width: 480px; height: 480px; z-index: -1; background: radial-gradient(ellipse, #65d99f0d, transparent 65%); pointer-events: none; }
.av-page .av-contact-box .eyebrow { color: #8accaa; margin-bottom: 17px; }
.av-page .av-contact-box h2 { font-size: clamp(27px, 2.7vw, 36px); font-weight: 550; line-height: 1.5; letter-spacing: -.045em; }
.av-page .av-contact-box p { color: #91b0a6; font-size: 13px; line-height: 1.9; max-width: 650px; margin-top: 13px; }
.av-page .av-contact-box .av-actions { flex-shrink: 0; margin-top: 0; flex-direction: column; min-width: 190px; }
.av-page .av-contact-box .button { min-height: 49px; }
html[lang='en'] .av-page .av-title { font-size: clamp(40px, 4vw, 55px); letter-spacing: -.055em; line-height: 1.2; font-weight: 550; }
html[lang='en'] .av-page .av-heading h2 { font-weight: 550; line-height: 1.35; }
html[lang='en'] .av-page .av-proof strong { font-size: 18px; }

@media (max-width: 1200px) {
  .av-page .av-hero-grid { gap: 38px; grid-template-columns: 1.02fr 1fr; }
  .av-page .av-title { font-size: clamp(40px, 4.6vw, 54px); }
  .av-page .av-lead { font-size: 14px; }
  .av-page .av-actions .button { font-size: 12px; padding-inline: 17px; gap: 13px; }
  .av-page .av-proof { gap: 16px 20px; }
  .av-page .av-project-grid { gap: 20px; }
  .av-page .av-scope-grid { gap: 18px; }
  .av-page .av-scope-card { padding: 23px; }
  .av-page .av-flow-step { padding: 22px 19px; }
  .av-page .av-contact-box { padding: 42px; gap: 35px; }
}

@media (max-width: 1000px) {
  .av-page .av-hero { padding-bottom: 64px; }
  .av-page .av-breadcrumb { margin-bottom: 39px; }
  .av-page .av-hero-grid { grid-template-columns: 1fr; gap: 46px; }
  .av-page .av-hero-copy { max-width: 760px; }
  .av-page .av-title { font-size: 55px; max-width: 780px; }
  .av-page .av-lead { max-width: 650px; font-size: 15px; }
  .av-page .av-hero-visual { width: min(100%, 740px); margin-inline: auto; }
  .av-page .av-proof { max-width: 650px; gap: 25px 42px; }
  .av-page .av-proof strong { font-size: 22px; }
  .av-page .av-section { padding-block: 85px; }
  .av-page .av-project-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .av-page .av-scope-grid { grid-template-columns: 1fr; gap: 18px; }
  .av-page .av-scope-card { display: grid; grid-template-columns: 1fr 1fr; column-gap: 35px; padding: 29px; }
  .av-page .av-scope-top { grid-column: 1; }
  .av-page .av-scope-card > span, .av-page .av-scope-card > svg, .av-page .av-scope-card > h3, .av-page .av-scope-card > p { grid-column: 1; }
  .av-page .av-scope-card > span { margin-bottom: 16px; }
  .av-page .av-scope-card > svg { margin-bottom: 20px; }
  .av-page .av-deliverable { grid-column: 2; grid-row: 1 / 5; margin: 0; border-top: 0; padding-top: 0; }
  .av-page .av-input { grid-column: 1 / -1; margin-top: 24px; }
  .av-page .av-process-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 38px 30px; }
  .av-page .av-flow-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 26px; }
  .av-page .av-flow-step:nth-child(2)::after { display: none; }
  .av-page .av-contact-box { display: block; padding: 39px; }
  .av-page .av-contact-box .av-actions { flex-direction: row; margin-top: 27px; }
  html[lang='en'] .av-page .av-title { font-size: 52px; max-width: 730px; }
}

@media (max-width: 760px) {
  .av-page section { scroll-margin-top: 83px; }
  .av-page .av-section { padding-block: 67px; }
  .av-page .av-heading { margin-bottom: 29px; }
  .av-page .av-heading { display: block; }
  .av-page .av-heading .eyebrow { font-size: 10px; margin-bottom: 14px; }
  .av-page .av-heading h2 { font-size: 29px; line-height: 1.45; }
  .av-page .av-heading > p:last-child { max-width: 100%; margin-top: 15px; font-size: 13px; line-height: 1.95; }
  .av-page .av-heading > p:last-child br { display: none; }
  .av-page .av-heading > .text-link { margin-top: 20px; font-size: 12px; }
  .av-page .av-hero { padding-block: 22px 48px; }
  .av-page .av-breadcrumb { font-size: 11px; gap: 9px; margin-bottom: 32px; }
  .av-page .av-hero-grid { gap: 33px; }
  .av-page .av-kicker { font-size: 10px; letter-spacing: .13em; margin-bottom: 19px; }
  .av-page .av-title { font-size: clamp(36px, 8.3vw, 50px); line-height: 1.32; letter-spacing: -.065em; max-width: 600px; }
  .av-page .av-title br { display: none; }
  .av-page .av-lead { font-size: 13px; margin-top: 21px; line-height: 2; }
  .av-page .av-lead br { display: none; }
  .av-page .av-actions { margin-top: 24px; gap: 9px; }
  .av-page .av-actions .button { min-height: 47px; padding: 11px 16px; font-size: 12px; }
  .av-page .av-proof { margin-top: 26px; padding-top: 19px; gap: 14px 26px; }
  .av-page .av-proof > * { font-size: 12px; }
  .av-page .av-proof strong { font-size: 19px; }
  .av-page .av-proof small { font-size: 12px; margin-top: 2px; }
  .av-page .av-browser-bar { min-height: 35px; font-size: 10px; padding: 8px 11px; }
  .av-page .av-work-caption { font-size: 12px; gap: 10px; flex-wrap: wrap; margin-top: 11px; }
  .av-page .av-hero-visual figcaption { flex-wrap: wrap; gap: 5px 12px; font-size: 12px; }
  .av-page .av-hero-visual figcaption > span { font-size: 11px; }
  .av-page .av-jumps { gap: 2px 23px; padding-block: 15px; }
  .av-page .av-jumps > span { flex-basis: 100%; margin-bottom: 3px; font-size: 10px; }
  .av-page .av-jumps a { min-height: 37px; font-size: 12px; }
  .av-page .av-work { padding-top: 58px; }
  .av-page .av-work-types { gap: 8px; margin-bottom: 26px; }
  .av-page .av-work-types a { min-height: 44px; padding: 10px 13px; gap: 9px; font-size: 11px; }
  .av-page .av-work-types a svg { width: 13px; height: 13px; }
  .av-page .av-case-group { scroll-margin-top: 8px; }
  .av-page .av-case-group + .av-case-group { margin-top: 44px; padding-top: 34px; }
  .av-page .av-case-group-heading { display: block; margin-bottom: 21px; }
  .av-page .av-case-group-heading h3 { font-size: 23px; }
  .av-page .av-case-group-heading p { margin-top: 9px; font-size: 12px; line-height: 1.85; }
  .av-page .av-project-grid { grid-template-columns: 1fr; gap: 22px; }
  .av-page .av-project-body { padding: 21px; }
  .av-page .av-project-body h3 { font-size: 20px; }
  .av-page .av-project-body > small, .av-page .av-project-category, .av-page .av-project-type { font-size: 11px; }
  .av-page .av-project-body p { font-size: 13px; line-height: 1.9; }
  .av-page .av-project-link, .av-page .av-project-body .text-link, .av-page .av-project-open { font-size: 12px; margin-top: 16px; }
  .av-page .av-gallery-note, .av-page .av-note { font-size: 12px; margin-top: 18px; }
  .av-page .av-panel-intro { font-size: 13px; }
  .av-page .av-panel-head { margin-bottom: 23px; }
  .av-page .av-panel-head h3 { font-size: 22px; }
  .av-page .av-panel-head p { font-size: 13px; }
  .av-page .av-chat-top { padding: 16px 18px; gap: 13px; flex-wrap: wrap; font-size: 13px; }
  .av-page .av-chat-top > span, .av-page .av-chat-top small { font-size: 12px; }
  .av-page .av-chat-top > div > span { font-size: 12px; }
  .av-page .av-answer-label { font-size: 11px; }
  .av-page .av-demo-note { font-size: 12px; }
  .av-page .av-chat-messages { padding: 22px 17px; gap: 20px; }
  .av-page .av-chat-question { max-width: 91%; padding: 12px 16px; font-size: 13px; }
  .av-page .av-chat-response { max-width: 100%; padding: 19px; font-size: 13px; }
  .av-page .av-chat-response small { font-size: 12px; }
  .av-page .av-chat-options { padding: 0 17px 22px; gap: 7px; }
  .av-page .av-chat-options > * { padding: 8px 12px; font-size: 12px; }
  .av-page .av-scope-card { display: block; padding: 24px; }
  .av-page .av-scope-card > span { margin-bottom: 18px; font-size: 11px; }
  .av-page .av-scope-card > svg { margin-bottom: 20px; }
  .av-page .av-scope-card h3 { font-size: 23px; }
  .av-page .av-scope-top { margin-bottom: 20px; }
  .av-page .av-scope-top > span { font-size: 12px; }
  .av-page .av-scope-card > p { margin-top: 12px; font-size: 13px; }
  .av-page .av-deliverable { margin-top: 24px; padding-top: 20px; border-top: 1px solid var(--line); }
  .av-page .av-deliverable > strong, .av-page .av-input > strong, .av-page .av-deliverable h4, .av-page .av-input h4 { font-size: 12px; }
  .av-page .av-deliverable ul, .av-page .av-input ul, .av-page .av-input p { font-size: 13px; }
  .av-page .av-input { margin-top: 23px; padding: 17px; }
  .av-page .av-scope-note { padding: 17px 19px; font-size: 12px; gap: 11px; }
  .av-page .av-process-grid { gap: 30px; }
  .av-page .av-process-step { padding-top: 20px; }
  .av-page .av-step-number { margin-bottom: 12px; font-size: 11px; }
  .av-page .av-process-step h3 { font-size: 18px; }
  .av-page .av-process-step p, .av-page .av-process-step ul { font-size: 13px; line-height: 1.9; margin-top: 11px; }
  .av-page .av-assessment { display: block; padding: 22px; margin-top: 29px; }
  .av-page .av-assessment > span, .av-page .av-assessment > p, .av-page .av-assessment .text-link { font-size: 12px; }
  .av-page .av-assessment > p { margin-top: 11px; }
  .av-page .av-assessment .text-link { margin-top: 15px; }
  .av-page .av-flow-grid { grid-template-columns: 1fr; gap: 25px; }
  .av-page .av-flow-step { padding: 24px; }
  .av-page .av-flow-step > span { font-size: 11px; margin-bottom: 14px; }
  .av-page .av-flow-step h3 { font-size: 20px; }
  .av-page .av-flow-step > strong { font-size: 12px; }
  .av-page .av-flow-step p { font-size: 13px; margin-top: 10px; }
  .av-page .av-flow-step:not(:last-child)::after { display: block; content: '↓'; left: 24px; right: auto; top: auto; bottom: -23px; font-size: 17px; }
  .av-page .av-faq-list summary { font-size: 14px; padding-block: 20px; gap: 24px; min-height: 67px; }
  .av-page .av-faq-list details > p, .av-page .av-faq-list .av-faq-answer { font-size: 13px; padding: 0 12px 23px 0; }
  .av-page .av-insights .insight-grid { gap: 33px; }
  .av-page .av-insights .insight-title { font-size: 20px; }
  .av-page .av-insights .insight-description { font-size: 13px; }
  .av-page .av-insights .insight-meta { font-size: 11px; }
  .av-page .av-contact { padding-top: 0; }
  .av-page .av-contact-box { padding: 28px 25px; border-radius: 6px; }
  .av-page .av-contact-box h2 { font-size: 27px; line-height: 1.5; }
  .av-page .av-contact-box p { font-size: 13px; margin-top: 15px; line-height: 1.95; }
  .av-page .av-contact-box .av-actions { flex-direction: column; margin-top: 25px; }
  .av-page .av-contact-box .button { width: 100%; min-height: 47px; }
  html[lang='en'] .av-page .av-title { font-size: clamp(36px, 8.3vw, 48px); line-height: 1.17; letter-spacing: -.05em; }
  html[lang='en'] .av-page .av-proof strong { font-size: 18px; }
}

@media (max-width: 420px) {
  .av-page .av-title { font-size: 36px; }
  .av-page .av-hero .av-actions { flex-direction: column; }
  .av-page .av-hero .av-actions .button { width: 100%; }
  .av-page .av-proof { gap: 14px 18px; }
  .av-page .av-proof strong { font-size: 18px; }
  .av-page .av-process-grid { grid-template-columns: 1fr; gap: 29px; }
  .av-page .av-work-types a { padding-inline: 12px; }
  .av-page .av-contact-box { padding: 26px 22px; }
  .av-page .av-contact-box h2 { font-size: 25px; }
}

/* Pointer-following depth moves the whole frame, preserving every image edge. */
.av-page .av-hero-project[data-av-depth],
.av-page .av-project-card[data-av-depth] {
  position: relative;
  transform-origin: 50% 50%;
}
.av-page .av-hero-project[data-av-depth]:focus-visible,
.av-page .av-project-card[data-av-depth]:has(> a:focus-visible) {
  border-color: #79c59b;
  box-shadow: 0 16px 48px #0004, 0 0 0 1px #5fd9a027;
}

@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  .av-page .av-hero-project[data-av-depth],
  .av-page .av-project-card[data-av-depth] {
    transform: perspective(1100px) rotateX(0deg) rotateY(0deg) translateY(0);
    transition: transform .48s cubic-bezier(.2, .7, .2, 1), border-color .25s ease, box-shadow .35s ease;
  }
  .av-page .av-hero-project[data-av-depth]::after,
  .av-page .av-project-card[data-av-depth]::after {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: inherit;
    pointer-events: none;
    z-index: 2;
    opacity: 0;
    background: radial-gradient(ellipse 70% 90% at var(--av-pointer-x, 50%) var(--av-pointer-y, 50%), #ffffff10, transparent 68%), linear-gradient(125deg, #b9ffe805, transparent 45%, #7faaff03);
    box-shadow: inset 0 0 0 1px #d4ffe608;
    transition: opacity .35s ease;
  }
  .av-page .av-hero-project[data-av-depth]:hover,
  .av-page .av-project-card[data-av-depth]:hover {
    z-index: 3;
    transform: perspective(1100px) rotateX(var(--av-tilt-x, 0deg)) rotateY(var(--av-tilt-y, 0deg)) translateY(-5px);
    border-color: #5b9d79;
    box-shadow: 0 24px 54px #0006, 0 5px 17px #0003, 0 0 36px #5fd9a00b;
    transition: transform .14s ease-out, border-color .25s ease, box-shadow .35s ease;
  }
  .av-page .av-hero-project[data-av-depth]:hover::after,
  .av-page .av-project-card[data-av-depth]:hover::after { opacity: 1; }
  .av-page .av-hero-project[data-av-depth]:focus-visible,
  .av-page .av-project-card[data-av-depth]:has(> a:focus-visible) {
    transform: perspective(1100px) rotateX(0deg) rotateY(0deg) translateY(-4px);
    border-color: #79c59b;
    box-shadow: 0 18px 46px #0005, 0 0 0 1px #5fd9a027;
  }
}

@media (hover: none), (pointer: coarse) {
  .av-page .av-hero-project[data-av-depth]:active,
  .av-page .av-project-card[data-av-depth]:active { border-color: #659f7e; }
}

@media (prefers-reduced-motion: reduce) {
  .av-page *, .av-page *::before, .av-page *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
  .av-page .av-hero-project[data-av-depth],
  .av-page .av-project-card[data-av-depth] { transform: none !important; }
}

/* Explain AI Visibility before presenting the work: buyer question → company context. */
.av-page .av-hero-grid { grid-template-columns: minmax(0, 1.13fr) minmax(0, 1fr); gap: 52px; }
.av-page .av-hero .av-title { max-width: 690px; font-size: clamp(38px, 3.35vw, 46px); line-height: 1.35; letter-spacing: -.055em; text-wrap: initial; }
.av-page .av-hero .av-title em { display: inline; }
.av-page .av-hero .av-lead { max-width: 610px; margin-top: 24px; color: #b2c2cd; font-size: 15px; line-height: 1.95; }
.av-page .av-hero .av-lead strong { color: #e0eee8; font-weight: 550; }
html[lang='en'] .av-page .av-hero .av-title { font-size: clamp(37px, 3.2vw, 45px); line-height: 1.28; letter-spacing: -.045em; font-weight: 550; }
.av-page .av-why { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 70px; align-items: start; padding-block: 78px 80px; border-top: 0; border-bottom: 1px solid var(--line); }
.av-page .av-why-heading .eyebrow { margin-bottom: 17px; }
.av-page .av-why-heading h2 { margin: 0; font-size: clamp(28px, 2.6vw, 35px); font-weight: 550; line-height: 1.48; letter-spacing: -.045em; word-break: keep-all; text-wrap: initial; }
.av-page .av-why-copy { max-width: 600px; padding-top: 28px; }
.av-page .av-why-copy > p { margin: 0; color: #a3bac6; font-size: 14px; line-height: 2; word-break: keep-all; }
.av-page .av-why-copy > p + p { margin-top: 15px; }
.av-page .av-why-copy strong { color: #d5e6df; font-weight: 500; }
.av-page .av-why-note { display: inline-flex; align-items: center; gap: 9px; max-width: 100%; margin-top: 23px; padding-block: 5px; color: #89bd9f; font-size: 11px; line-height: 1.8; }
.av-page .av-why-note svg { width: 12px; height: 12px; }
.av-page .av-why-note:hover { color: #b3e3c5; text-decoration: underline; text-underline-offset: 4px; }

@media (max-width: 1200px) {
  .av-page .av-hero-grid { gap: 36px; }
  .av-page .av-hero .av-title { font-size: 40px; }
  .av-page .av-why { gap: 43px; }
}
@media (max-width: 1100px) {
  .av-page .av-hero-grid { grid-template-columns: minmax(0, 1fr); gap: 39px; }
  .av-page .av-hero-copy { max-width: 780px; }
  .av-page .av-hero .av-title { max-width: 780px; font-size: 45px; }
  .av-page .av-hero .av-lead { max-width: 700px; }
  html[lang='en'] .av-page .av-hero .av-title { max-width: 760px; font-size: 44px; }
  .av-page .av-why { gap: 34px; }
  .av-page .av-why-heading h2 { font-size: 29px; }
  .av-page .av-why-copy { padding-top: 22px; }
  .av-page .av-why-copy > p { font-size: 13px; }
}
@media (max-width: 760px) {
  .av-page .av-hero-grid { gap: 32px; }
  .av-page .av-hero .av-title { max-width: 640px; font-size: clamp(31px, 6.5vw, 43px); line-height: 1.4; letter-spacing: -.055em; }
  .av-page .av-hero .av-title br { display: initial; }
  .av-page .av-hero .av-lead { margin-top: 21px; font-size: 13px; line-height: 1.95; }
  html[lang='en'] .av-page .av-hero .av-title { font-size: clamp(32px, 6.8vw, 43px); line-height: 1.3; }
  .av-page .av-why { display: block; padding-block: 58px 60px; }
  .av-page .av-why-heading .eyebrow { margin-bottom: 14px; }
  .av-page .av-why-heading h2 { font-size: clamp(27px, 5.3vw, 33px); line-height: 1.5; }
  .av-page .av-why-copy { max-width: 620px; padding-top: 24px; }
  .av-page .av-why-copy > p { font-size: 13px; line-height: 1.95; }
  .av-page .av-why-note { margin-top: 17px; }
}
@media (max-width: 440px) {
  .av-page .av-hero .av-title { font-size: clamp(28px, 7.7vw, 30px); }
}

/* The hero contains a real, captioned video; its controls remain native and accessible. */
.av-page .av-discovery-video { min-width: 0; margin: 0; overflow: hidden; border: 1px solid #e1e7de; border-radius: 15px; background: #fafbf7; color: #334739; box-shadow: 0 25px 75px #0004, 0 0 60px #8be8b909; color-scheme: light; }
.av-page .av-discovery-video video { display: block; width: 100%; height: auto; max-width: 100%; aspect-ratio: 9 / 11; object-fit: contain; background: #fafbf7; }
.av-page .av-discovery-video figcaption { position: relative; padding: 16px 20px 18px; border-top: 1px solid #e0e7db; }
.av-page .av-video-caption-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.av-page .av-video-caption-heading > strong { color: #425645; font-size: 11px; font-weight: 600; line-height: 1.7; }
.av-page .av-video-caption-heading > span { flex-shrink: 0; padding: 2px 6px; border: 1px solid #d4dfcf; border-radius: 4px; background: #eef3e8; color: #657a5c; font-size: 8px; line-height: 1.6; }
.av-page .av-discovery-video figcaption > p { margin-top: 7px; color: #71826b; font-size: 10px; line-height: 1.8; word-break: keep-all; }
.av-page .av-video-replay { display: inline-flex; align-items: center; gap: 7px; min-height: 35px; margin-top: 9px; padding: 5px 10px; border: 1px solid #b6ccb5; border-radius: 5px; background: #f2f7ed; color: #4d704d; font-size: 10px; line-height: 1.6; }
.av-page .av-video-replay > span { font-size: 16px; line-height: 1; }
.av-page .av-video-replay:hover { border-color: #8da98b; background: #eaf2e2; color: #304f32; }
.av-page .av-discovery-video :is(button, summary):focus-visible { outline-color: #467b51; outline-offset: 3px; }
.av-page .av-video-transcript { border-top: 1px solid #e0e7db; }
.av-page .av-video-transcript summary { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 44px; padding: 12px 20px; list-style: none; color: #5e7757; font-size: 10px; font-weight: 500; line-height: 1.7; cursor: pointer; }
.av-page .av-video-transcript summary::-webkit-details-marker { display: none; }
.av-page .av-video-transcript summary::after { content: '+'; color: #728b66; font-size: 16px; line-height: 1; }
.av-page .av-video-transcript[open] summary::after { content: '−'; }
.av-page .av-video-transcript > div { display: flex; flex-direction: column; gap: 15px; padding: 4px 20px 22px; }
.av-page .av-video-transcript p { display: flex; flex-direction: column; gap: 4px; margin: 0; font-size: 11px; line-height: 1.85; }
.av-page .av-video-transcript p > b { color: #5d7c53; font-size: 9px; font-weight: 600; line-height: 1.6; }
.av-page .av-video-transcript p > span { color: #4e6249; word-break: keep-all; }
@media (max-width: 1100px) {
  .av-page .av-discovery-video { justify-self: center; width: min(100%, 530px); }
}
@media (max-width: 760px) {
  .av-page .av-discovery-video { width: min(100%, 500px); border-radius: 13px; }
}
@media (max-width: 440px) {
  .av-page .av-discovery-video figcaption { padding: 14px 16px 16px; }
  .av-page .av-video-caption-heading { gap: 8px; }
  .av-page .av-video-caption-heading > strong { font-size: 10px; }
  .av-page .av-video-caption-heading > span { font-size: 7px; }
  .av-page .av-video-transcript summary { padding-inline: 16px; }
  .av-page .av-video-transcript > div { padding-inline: 16px; }
}

/* Keep the whole recorded conversation inside the opening viewport. */
.av-page .av-hero {
  --av-video-height: min(660px, calc(100svh - 210px));
  padding-block: 14px 22px;
}
.av-page .av-hero .av-breadcrumb { gap: 9px; margin-bottom: 12px; font-size: 10px; line-height: 1.6; }
.av-page .av-hero .av-breadcrumb a { padding-block: 3px; }
.av-page .av-hero-grid { grid-template-columns: minmax(0, 1fr) minmax(0, .9fr); align-items: center; gap: 48px; }
.av-page .av-hero .av-kicker { margin-bottom: 18px; }
.av-page .av-hero .av-title { max-width: 700px; font-size: clamp(36px, 3.05vw, 44px); line-height: 1.34; }
.av-page .av-hero .av-lead { margin-top: 20px; font-size: 14px; line-height: 1.9; }
.av-page .av-hero .av-lead-short { display: none; }
.av-page .av-hero .av-actions { flex-direction: row; flex-wrap: wrap; margin-top: 23px; gap: 10px; }
.av-page .av-hero .av-actions .button { width: auto; min-height: 46px; padding: 10px 20px; font-size: 12px; }
.av-page .av-hero .av-proof { margin-top: 23px; padding-top: 16px; gap: 12px 20px; }
.av-page .av-hero .av-proof > * { font-size: 10px; }
.av-page .av-discovery-video { justify-self: end; width: min(100%, calc(var(--av-video-height) * 9 / 11)); max-width: 540px; border-radius: 12px; }
.av-page .av-discovery-video video { width: 100%; height: auto; max-height: var(--av-video-height); aspect-ratio: 9 / 11; object-fit: contain; }
.av-page .av-discovery-video .av-video-tools { display: flex; align-items: center; justify-content: space-between; flex-wrap: nowrap; gap: 9px; min-height: 36px; padding: 3px 11px; border-top: 1px solid #dfe6da; color: #687e60; font-size: 9px; line-height: 1.5; }
.av-page .av-video-tools > span { flex-shrink: 0; }
.av-page .av-video-tools > div { display: flex; flex-shrink: 0; align-items: center; gap: 9px; white-space: nowrap; }
.av-page .av-video-tools a { flex-shrink: 0; min-height: 28px; display: inline-flex; align-items: center; color: #54734f; font-size: 9px; text-underline-offset: 3px; }
.av-page .av-video-tools a:hover { text-decoration: underline; }
.av-page .av-video-tools .av-video-replay { flex-shrink: 0; min-height: 28px; margin: 0 0 0 auto; padding: 3px 7px; border-color: #ccdac5; background: transparent; font-size: 9px; }
.av-page .av-video-tools .av-video-replay > span { font-size: 14px; }
html[lang='en'] .av-page .av-hero .av-title { max-width: 700px; font-size: clamp(35px, 3vw, 43px); line-height: 1.28; }
.av-page .av-mobile-definition { display: none; }
.av-page .av-why-copy > p:not(.av-mobile-definition) { margin-top: 0; }
.av-page .av-video-support { padding-block: 20px 0; }
.av-page .av-video-support .av-video-transcript { border: 1px solid #294339; border-radius: 7px; background: #0a1719; }
.av-page .av-video-support .av-video-transcript summary { min-height: 49px; padding: 13px 21px; color: #9fceaf; font-size: 12px; }
.av-page .av-video-support .av-video-transcript summary::after { color: #86b99a; }
.av-page .av-video-support .av-video-transcript > div { max-width: 920px; padding: 7px 21px 25px; gap: 18px; }
.av-page .av-video-support .av-video-transcript p { font-size: 13px; line-height: 1.9; }
.av-page .av-video-support .av-video-transcript p > b { color: #88b99a; font-size: 10px; }
.av-page .av-video-support .av-video-transcript p > span { color: #b5c8c3; }

@media (min-width: 761px) and (max-width: 1100px) {
  .av-page .av-hero { --av-video-height: min(600px, calc(100svh - 200px)); }
  .av-page .av-hero-grid { grid-template-columns: minmax(0, 1.12fr) minmax(0, 1fr); gap: 28px; }
  .av-page .av-hero .av-title { font-size: clamp(29px, 3.3vw, 36px); }
  .av-page .av-hero .av-lead { font-size: 13px; line-height: 1.85; }
  .av-page .av-hero .av-actions { margin-top: 21px; gap: 8px; }
  .av-page .av-hero .av-actions .button { min-height: 43px; padding: 9px 14px; font-size: 11px; gap: 10px; }
  .av-page .av-hero .av-proof { margin-top: 20px; padding-top: 14px; gap: 8px 15px; }
  html[lang='en'] .av-page .av-hero .av-title { font-size: clamp(28px, 3.2vw, 35px); }
}

@media (max-width: 760px) {
  .av-page .av-hero { --av-video-height: min(380px, calc(100svh - 430px)); padding-block: 10px 17px; }
  .av-page .av-hero .av-breadcrumb { margin-bottom: 11px; gap: 8px; font-size: 9px; line-height: 1.5; }
  .av-page .av-hero .av-breadcrumb a { padding-block: 2px; }
  .av-page .av-hero-grid { grid-template-columns: minmax(0, 1fr); align-items: start; gap: 17px; }
  .av-page .av-hero-copy { max-width: 580px; }
  .av-page .av-hero .av-kicker { margin-bottom: 9px; font-size: 9px; line-height: 1.5; letter-spacing: .14em; }
  .av-page .av-hero .av-title { max-width: 570px; font-size: clamp(25px, 6.4vw, 29px); line-height: 1.28; letter-spacing: -.05em; }
  .av-page .av-hero .av-title br { display: initial; }
  .av-page .av-hero .av-lead-long { display: none; }
  .av-page .av-hero .av-lead-short { display: block; max-width: 520px; margin-top: 11px; font-size: 12px; line-height: 1.7; }
  .av-page .av-hero .av-actions { flex-direction: row; flex-wrap: nowrap; margin-top: 14px; gap: 8px; }
  .av-page .av-hero .av-actions .button { flex: 0 1 auto; width: auto; min-height: 40px; padding: 8px 15px; font-size: 11px; line-height: 1.5; gap: 9px; }
  .av-page .av-hero .av-proof { display: none; }
  .av-page .av-discovery-video { justify-self: center; width: min(100%, calc(var(--av-video-height) * 9 / 11)); max-width: 345px; border-radius: 10px; }
  .av-page .av-discovery-video .av-video-tools { gap: 7px; min-height: 35px; padding: 3px 8px; font-size: 8px; }
  .av-page .av-video-tools > div { gap: 7px; }
  .av-page .av-video-tools a { font-size: 8px; }
  .av-page .av-video-tools .av-video-replay { padding-inline: 5px; font-size: 8px; }
  html[lang='en'] .av-page .av-hero .av-title { max-width: 570px; font-size: clamp(25px, 6.3vw, 29px); line-height: 1.23; }
  .av-page .av-mobile-definition { display: block; }
  .av-page .av-why-copy > .av-mobile-definition + p { margin-top: 17px; }
  .av-page .av-video-support { padding-top: 17px; }
  .av-page .av-video-support .av-video-transcript summary { padding-inline: 16px; font-size: 11px; }
  .av-page .av-video-support .av-video-transcript > div { padding-inline: 16px; }
  .av-page .av-video-support .av-video-transcript p { font-size: 12px; }
}

@media (max-width: 760px) and (max-height: 700px) {
  .av-page .av-hero { --av-video-height: max(220px, calc(100svh - 420px)); }
}