/* Product template: inherits the homepage v6 tokens, navigation, buttons and footer. */
.pv6-context { display:flex; flex-wrap:wrap; justify-content:center; gap:10px; }
.pv6-context span { border:1px solid var(--line); padding:8px 16px; border-radius:100px; color:var(--mute); font-size:13px; }
.pv6-context span::before { content:''; display:inline-block; width:5px; height:5px; border-radius:50%; background:var(--blue); margin:0 8px 2px 0; }
.pv6-overview__art { margin:-12px -12px 24px; aspect-ratio:4/3; overflow:hidden; border-radius:16px; }
.pv6-overview__art img { width:100%; height:100%; object-fit:cover; mix-blend-mode:darken; }
.pv6-overview__art--cutout { margin:0 0 22px; height:190px; aspect-ratio:auto; overflow:visible; border-radius:0; }
.pv6-overview__art--cutout img { object-fit:contain; mix-blend-mode:normal; transition:translate .35s var(--ease); }
@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference) {
 .pv6-overview__card:is(:hover,:focus-visible) .pv6-overview__art--cutout img { translate:0 -5px; }
}
.pv6-mini { height:156px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:15px; color:var(--blue); margin-bottom:30px; }
.pv6-mini__tags { display:flex; justify-content:center; gap:7px; font-size:10px; color:var(--mute); }
.pv6-mini__tags span { padding:5px 10px; border:1px solid var(--line); border-radius:6px; background:white; }
.pv6-mini__bars { width:78%; height:90px; display:flex; align-items:flex-end; gap:12px; border-bottom:1px solid var(--line); }
.pv6-mini__bars i { flex:1; height:48%; border-radius:5px 5px 0 0; background:var(--ink-2); }
.pv6-mini__bars i:nth-child(2) { height:70%; }.pv6-mini__bars i:nth-child(3) { height:58%; }.pv6-mini__bars i:nth-child(4) { height:82%; }.pv6-mini__bars i:nth-child(5) { height:100%; background:var(--blue); }
.pv6-mini__dial { width:105px; height:105px; display:grid; place-items:center; border:10px solid #dceee6; border-right-color:#23966e; border-top-color:#23966e; border-radius:50%; }
.pv6-mini__dial span { font-size:12px; color:#238264; font-weight:600; }
.pv6-mini__calendar { display:grid; grid-template-columns:repeat(7,1fr); gap:7px; width:220px; padding:16px; background:var(--panel); border-radius:14px; transform:rotate(-5deg); }
.pv6-mini__calendar i { aspect-ratio:1; background:white; border:1px solid #e7ebf2; border-radius:5px; }
.pv6-mini__calendar i:nth-child(n+9):nth-child(-n+13) { background:#a7bfff; border-color:#a7bfff; }.pv6-mini__calendar i:nth-child(13) { background:var(--blue); }
.pv6-mini--progress > svg { width:90%; height:110px; }
.pv6-mini__memory { width:205px; display:grid; gap:8px; transform:rotate(-4deg); }
.pv6-mini__memory span { padding:9px 16px; background:var(--panel); border:1px solid var(--line); border-radius:8px; color:var(--mute); font-size:12px; box-shadow:0 4px 10px #17244b06; }
.pv6-mini__memory span:nth-child(2) { margin-left:14px; color:var(--blue); }.pv6-mini__memory span:nth-child(3) { margin-left:28px; }
.pv6-mini__access { display:flex; gap:12px; align-items:center; font-size:11px; color:var(--mute); }
.pv6-mini__access b { width:70px; height:82px; border-radius:22px; background:var(--panel-2); display:grid; place-items:center; color:var(--blue); }.pv6-mini__access svg { width:32px; }
.pv6-related__icon { display:grid; place-items:center; width:46px; height:46px; border-radius:13px; background:#fff; color:var(--blue); margin-bottom:28px; }.pv6-related__icon svg { width:24px; height:24px; }
.pv6-analysis { padding:32px; background:var(--panel); border-radius:var(--r-lg); }
.pv6-analysis__head { display:flex; align-items:center; gap:10px; font-size:14px; }.pv6-analysis__head img { flex:none; }.pv6-analysis__head > span { margin-left:auto; font-size:11px; color:var(--mute); }
.pv6-analysis__question { margin:32px 0 24px auto; max-width:570px; padding:18px 22px; border-radius:18px 18px 4px 18px; background:#fff; border:1px solid var(--line); box-shadow:var(--shadow-1); font-size:18px; font-weight:500; }
.pv6-analysis__answer { display:grid; grid-template-columns:1fr 1fr; gap:36px; padding:30px; border-radius:18px; background:#fff; box-shadow:var(--shadow-1); align-items:center; }
.pv6-analysis__answer .eyebrow { font-size:10px; letter-spacing:.08em; }.pv6-analysis__answer h3 { font-size:26px; margin:16px 0; }.pv6-analysis__answer p { color:var(--mute); font-size:15px; line-height:1.65; }
.pv6-analysis__sources { display:flex; flex-wrap:wrap; gap:7px; margin-top:24px; }.pv6-analysis__sources span { border:1px solid var(--line); border-radius:5px; padding:5px 8px; font-size:10px; color:var(--mute); }
.pv6-analysis__chart { margin:0; min-width:0; }.pv6-analysis__chart figcaption { font-weight:600; font-size:15px; margin-bottom:30px; }.pv6-analysis__chart figcaption span { display:block; font-size:11px; color:var(--mute); font-weight:400; margin-top:5px; }
.pv6-data-bar { margin-top:22px; }.pv6-data-bar > div { display:flex; justify-content:space-between; gap:12px; font-size:13px; margin-bottom:9px; }.pv6-data-bar b { font-weight:500; }.pv6-data-bar > div > span { flex:none; font-variant-numeric:tabular-nums; }
.pv6-data-bar i { display:block; height:18px; background:var(--panel-2); border-radius:5px; overflow:hidden; }.pv6-data-bar i::after { content:''; display:block; width:var(--value); height:100%; background:var(--blue); border-radius:5px; }.pv6-data-bar--cost i::after { background:var(--ink-2); }
.pv6-analysis__chart > p { margin-top:28px; font-size:12px; }.pv6-analysis__chart strong { color:var(--ink); font-size:27px; display:block; }
.pv6-analysis .pv6-analysis__note { font-size:10px; color:var(--mute); margin-top:20px; }
.pv6-command-mobile { display:none; }
@media(max-width:700px){
 .pv6-analysis { padding:20px; }.pv6-analysis__head { font-size:12px; gap:8px; }.pv6-analysis__head > span { font-size:9px; }
 .pv6-analysis__question { font-size:16px; padding:16px; margin-top:26px; }
 .pv6-analysis__answer { grid-template-columns:1fr; padding:20px; gap:30px; }.pv6-analysis__answer h3 { font-size:23px; }.pv6-analysis__answer p { font-size:14px; }
 .pv6-analysis__chart figcaption { margin-bottom:22px; }.pv6-analysis__sources { margin-top:18px; }.pv6-data-bar > div { font-size:12px; }
 .pv6-desktop-screen { display:none; }.pv6-command-mobile { display:block; padding:24px; background:var(--panel); border-radius:var(--r-lg); }
 .pv6-command-mobile__period,.pv6-command-mobile__unit { font-size:10px; color:var(--mute); margin-top:12px; }
 .pv6-command-mobile__total { margin-top:26px; }.pv6-command-mobile__total > span,.pv6-command-mobile__metrics span { display:block; font-size:12px; color:var(--mute); margin-bottom:6px; }.pv6-command-mobile__total > b { font-size:27px; letter-spacing:-.03em; }
 .pv6-command-mobile__metrics { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin:20px 0 30px; }.pv6-command-mobile__metrics b { font-size:16px; }.pv6-command-mobile h3 { font-size:19px; }
 .pv6-command-mobile .pv6-data-bar > div { font-size:11px; }.pv6-command-mobile .pv6-data-bar i { height:9px; }
}
.product-v6 { overflow-x: clip; }
.product-v6 main section[id] { scroll-margin-top: 98px; }
.pv6-hero { padding: 72px 0 0; }
.pv6-hero__copy { max-width: 980px; text-align: center; }
.pv6-breadcrumb { display: flex; align-items: center; justify-content: center; gap: 12px; margin-bottom: 30px; font-size: 13px; color: var(--mute); }
.pv6-breadcrumb a:hover { color: var(--ink); }
.pv6-breadcrumb > span:last-child { color: var(--ink); }
.pv6-hero__sub { max-width: 690px; margin: 26px auto 0; font-size: 20px; color: var(--mute); line-height: 1.6; }
.pv6-hero__visual { margin-top: 60px; }
.pv6-figure { margin: 0; min-width: 0; }
.pv6-screen { overflow: hidden; -webkit-mask-image:linear-gradient(#000 66%,rgba(0,0,0,.8) 81%,transparent 99%); mask-image:linear-gradient(#000 66%,rgba(0,0,0,.8) 81%,transparent 99%); }
.pv6-screen img { width: 100%; height: auto; }
.pv6-crop { position:relative; overflow:hidden; }
.pv6-crop img { position:absolute; max-width:none; height:auto; }
.pv6-media-pan { max-width:100%; overflow-x:auto; overscroll-behavior-x:contain; scrollbar-width:thin; }
.pv6-media-pan:focus-visible { outline:2px solid var(--blue); outline-offset:4px; }
.pv6-figure figcaption { margin-top: -12px; padding-top: 16px; text-align: center; color: var(--mute); font-size: 12px; }
.pv6-overview { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; padding-top: 60px; }
.pv6-overview__card { position: relative; padding: 28px 30px 40px; border-radius: var(--r-lg); background: var(--panel); transition: background .2s,transform .25s var(--ease); }
.pv6-overview__card:hover { background: var(--panel-2); }
.pv6-overview__card h2 { font-size: 25px; line-height: 1.2; margin-top: 24px; letter-spacing: -.025em; }
.pv6-overview__card p { font-size: 15px; line-height: 1.6; color: var(--mute); margin-top: 12px; max-width: 280px; }
@media (min-width:701px) {
 .pv6-overview--compact .pv6-overview__card { padding:22px 24px 26px; }
 .pv6-overview--compact .pv6-overview__art--cutout { height:130px; margin-bottom:12px; }
 .pv6-overview--compact .pv6-overview__card h2 { font-size:23px; margin-top:14px; }
 .pv6-overview--compact .pv6-overview__card p { margin-top:10px; }
}
.pv6-arrow { position:absolute; right:24px; top:23px; font-size:21px; }
.pv6-section-head { display:grid; grid-template-columns:1fr 1fr; gap:72px; align-items:start; margin-bottom:36px; }
.pv6-section-head .eyebrow { margin-bottom:18px; }
.pv6-section-head h2 { font-size:clamp(32px,3.7vw,46px); }
.pv6-section-head > p, .pv6-detail__copy > p { font-size:17px; color:var(--mute); line-height:1.65; }
.pv6-detail__copy > p + p { margin-top:16px; }
.pv6-checks { display:grid; grid-template-columns:1fr 1fr; gap:14px 20px; margin-top:25px; }
.pv6-checks li { display:flex; align-items:flex-start; gap:9px; font-size:13px; line-height:1.5; }
.pv6-checks svg { width:18px; height:18px; flex:none; margin-top:1px; color:var(--ink); fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.pv6-detail { padding-bottom:40px; }
.pv6-questions { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; margin-top:28px; }
.pv6-questions p { display:flex; align-items:flex-start; gap:12px; padding:20px; border-radius:var(--r-md); background:var(--panel); font-size:14px; }
.pv6-questions span { color:var(--blue); font-size:19px; line-height:1.2; }
.pv6-planning { margin-top:60px; background:var(--panel); }
.pv6-planning .pv6-section-head > p { max-width:380px; margin-top:34px; }
.pv6-capabilities { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.pv6-capability { padding:30px; background:#fff; border-radius:var(--r-lg); }
.pv6-capability__number { font-size:12px; font-weight:500; color:var(--mute); }
.pv6-capability h3 { margin-top:25px; font-size:23px; line-height:1.2; }
.pv6-capability p { margin-top:12px; font-size:15px; color:var(--mute); line-height:1.6; }
.pv6-related { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.pv6-related__card { display:flex; flex-direction:column; padding:30px; border-radius:var(--r-lg); background:var(--panel); transition:transform .25s var(--ease); }
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 .pv6-overview__card:hover,.pv6-related__card:hover { transform:translateY(-3px); }
}
.pv6-related__card h3 { font-size:23px; }
.pv6-related__card p { color:var(--mute); font-size:15px; margin:14px 0 26px; }
.pv6-related__card > .link { margin-top:auto; }
.pv6-faq { padding-top:0; }
.pv6-faq .section__head .eyebrow { margin-bottom:18px; }
.pv6-faq h2 { font-size:clamp(32px,3.7vw,46px); }
.pv6-cta { display:flex; align-items:center; justify-content:space-between; gap:48px; padding:64px; border-radius:var(--r-xl); background:var(--ink); color:#fff; }
.product-v6 .pv6-cta .eyebrow { color:#aab7ca; }
.pv6-cta h2 { max-width:690px; margin-top:20px; color:#fff; font-size:clamp(34px,4vw,50px); }
.pv6-cta__sub { margin-top:20px; color:#b8c3d5; font-size:17px; max-width:570px; }
.pv6-cta .btn { flex:none; }
.pv6-overview__card[aria-current], .menu a[aria-current] { background:var(--blue-soft); }
/* A short entrance once per page visit; content remains visible without JavaScript. */
@media(prefers-reduced-motion:no-preference){
 .pv6-mini.is-active .pv6-mini__bars i { animation:pv6-bar .7s var(--ease) both; transform-origin:bottom; }
 .pv6-mini.is-active .pv6-mini__bars i:nth-child(2n) { animation-delay:.12s; }
 .pv6-mini.is-active .pv6-mini__trend { stroke-dasharray:320; animation:pv6-line 1s var(--ease) both; }
 @keyframes pv6-bar { from { transform:scaleY(.15); } to { transform:scaleY(1); } }
 @keyframes pv6-line { from { stroke-dashoffset:320; } to { stroke-dashoffset:0; } }
}
@media(min-width:901px) and (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 [data-enter].has-entered { animation:pv6-enter .3s var(--ease) both; }
 [data-enter].has-entered:nth-child(3n+2) { animation-delay:.07s; }
 [data-enter].has-entered:nth-child(3n) { animation-delay:.14s; }
 @keyframes pv6-enter { from { opacity:.6; } to { opacity:1; } }
}
@media(max-width:900px){
 .pv6-section-head { gap:28px; grid-template-columns:1fr; }
 .pv6-section-head h2 { max-width:650px; }
 .pv6-detail__copy { max-width:730px; }
 .pv6-capabilities { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .pv6-overview__card { padding:24px 22px 30px; }
 .pv6-overview__card h2 { font-size:21px; }
 .pv6-overview__card .eyebrow { font-size:10px; }
 .pv6-planning .pv6-section-head > p { margin-top:0; }
 .pv6-cta { padding:44px; flex-direction:column; align-items:flex-start; gap:28px; }
}
@media(max-width:600px){
 .pv6-hero { padding-top:42px; }
 .pv6-breadcrumb { font-size:12px; margin-bottom:24px; }
 .pv6-hero__sub { font-size:17px; margin-top:22px; }
 .pv6-hero__visual { margin-top:38px; }
 .pv6-figure figcaption { font-size:10px; margin-top:-8px; padding-top:8px; }
 .pv6-overview { grid-template-columns:1fr; gap:10px; padding-top:32px; }
 .pv6-overview__card { padding:24px; }
 .pv6-overview__card h2 { font-size:25px; margin-top:14px; }
 .pv6-overview__card p { max-width:none; font-size:15px; }
 .pv6-overview__card:has(.pv6-overview__art--cutout) { display:grid; grid-template-columns:minmax(0,1fr) 90px; column-gap:12px; padding:20px; align-items:center; border-radius:16px; }
 .pv6-overview__card:has(.pv6-overview__art--cutout) .eyebrow { display:none; }
 .pv6-overview__card:has(.pv6-overview__art--cutout) h2 { grid-column:1; grid-row:1; font-size:19px; margin:0; align-self:end; }
 .pv6-overview__card:has(.pv6-overview__art--cutout) p { grid-column:1; grid-row:2; font-size:13px; line-height:1.5; margin-top:7px; align-self:start; }
 .pv6-overview__art--cutout { grid-column:2; grid-row:1/3; width:90px; height:96px; margin:0; }
 .pv6-overview__card:has(.pv6-overview__art--cutout) .pv6-arrow { top:12px; right:14px; font-size:16px; }
 .product-v6 .section { padding-top:64px; padding-bottom:24px; }
 .pv6-section-head { gap:20px; margin-bottom:26px; }
 .pv6-section-head h2 { font-size:33px; }
 .pv6-detail__copy > p { font-size:16px; }
 .pv6-checks { grid-template-columns:1fr; gap:12px; }
 .pv6-questions,.pv6-capabilities,.pv6-related { grid-template-columns:1fr; gap:12px; }
 .pv6-questions p { padding:18px; }
 .pv6-planning { margin-top:36px; }
 .product-v6 .pv6-planning { padding-bottom:56px; }
 .pv6-capability { padding:20px; border-radius:16px; }
 .pv6-capability h3 { margin-top:16px; font-size:20px; }
 .pv6-capability p { font-size:14px; line-height:1.55; margin-top:8px; }
 .pv6-cta { padding:36px 26px; }
 .pv6-cta h2 { font-size:34px; }
 .pv6-cta__sub { font-size:16px; }
 .pv6-cta .btn { width:100%; }
 .product-v6 .section--tight { padding-top:40px; padding-bottom:56px; }
}

/* Real interface presentation, using the homepage surfaces and accents. */
.pv6-hero { padding-top:48px; }
.pv6-hero__visual { max-width:1400px; margin-top:48px; }
.pv6-hero__visual .pv6-figure { filter:drop-shadow(0 16px 22px #18233818); }
.pv6-hero__visual .pv6-screen { border-radius:18px 18px 0 0; }
.pv6-screen-expand { display:block; width:fit-content; margin:14px auto 0; font-size:12px; color:var(--ink); border-bottom:1px solid #9ba4b5; padding-bottom:3px; }

@media(max-width:700px){
 .pv6-hero__visual .pv6-screen { border-radius:14px 14px 0 0; }
 .pv6-hero__visual .pv6-figure figcaption { padding:0 16px; font-size:11px; line-height:1.5; }
 .pv6-mini { margin:0 0 26px; }
}

.pv6-capability { min-width:0; }
.pv6-capability__media { position:relative; margin-bottom:30px; }
.pv6-capability__media .pv6-mini { margin-bottom:0; }
.pv6-capability__preview { position:absolute; inset:0; width:100%; border:0; padding:0; border-radius:12px; background:transparent; cursor:pointer; appearance:none; }
.pv6-capability__preview:focus-visible { outline:2px solid var(--blue); outline-offset:5px; }
.pv6-capability:focus-within { box-shadow:0 8px 28px #17244b0c; }
@media(hover:hover) and (pointer:fine){
 .pv6-capability:hover { box-shadow:0 12px 32px #17244b12; }
}
@media(prefers-reduced-motion:no-preference){
 .pv6-capability { transition:translate .3s var(--ease),box-shadow .3s var(--ease); }
 .pv6-capability__media { transition:translate .35s var(--ease); }
 .pv6-capability:focus-within .pv6-capability__media { translate:0 -3px; }
 @media(hover:hover) and (pointer:fine){
  .pv6-capability:hover { translate:0 -4px; }
  .pv6-capability:hover .pv6-capability__media { translate:0 -3px; }
 }
}
@media(max-width:700px){ .pv6-capability__media { margin-bottom:26px; } }
.pv6-mini__calendar,.pv6-mini__memory { max-width:100%; }
.pv6-mini__calendar i:nth-child(13):nth-child(-n+13) { background:#ffb821; border-color:#ffdb75; }
.pv6-mini__invoice { width:220px; max-width:100%; padding:14px; background:#fff; color:var(--ink); border:1px solid var(--line); box-shadow:var(--shadow-1); border-radius:9px; transform:rotate(-3deg); }
.pv6-mini__invoice > b { display:block; font-size:9px; letter-spacing:.04em; margin-bottom:9px; }.pv6-mini__invoice > span { display:flex; justify-content:space-between; padding:5px 0; border-top:1px solid #c5ccd7; font-size:10px; }.pv6-mini__invoice i { font-style:normal; color:#07804f; }.pv6-mini__invoice em { display:block; font-style:normal; font-size:9px; font-weight:600; color:#075d40; margin-top:9px; }
.pv6-mini__audience { width:220px; max-width:100%; display:grid; gap:10px; color:var(--ink); font-size:11px; }.pv6-mini__audience > b { font-size:12px; margin-bottom:2px; }.pv6-mini__audience > span { display:flex; align-items:center; justify-content:space-between; background:var(--panel); padding:10px 13px; border:1px solid var(--line); border-radius:7px; }.pv6-mini__audience i { font-style:normal; color:var(--blue); }.pv6-mini__audience em { font-style:normal; color:var(--mute); font-size:9px; }
@media(prefers-reduced-motion:no-preference){
 .pv6-mini.is-active .pv6-mini__tags span { animation:pv6-part .45s var(--ease) both; }
 .pv6-mini.is-active .pv6-mini__tags span:nth-child(2) { animation-delay:.15s; }.pv6-mini.is-active .pv6-mini__tags span:nth-child(3) { animation-delay:.3s; }
 .pv6-mini.is-active .pv6-mini__bars i { animation-duration:1.05s; animation-delay:.4s; }.pv6-mini.is-active .pv6-mini__bars i:nth-child(2) { animation-delay:.55s; }.pv6-mini.is-active .pv6-mini__bars i:nth-child(3) { animation-delay:.7s; }.pv6-mini.is-active .pv6-mini__bars i:nth-child(4) { animation-delay:.85s; }.pv6-mini.is-active .pv6-mini__bars i:nth-child(5) { animation-delay:1s; }
 .pv6-mini.is-active .pv6-mini__trend { animation-duration:1.8s; animation-delay:.2s; }
 .pv6-mini__invoice { position:relative; overflow:hidden; }
 .pv6-mini.is-active .pv6-mini__invoice::after { content:''; position:absolute; left:0; right:0; height:2px; background:#0073ff; box-shadow:0 0 12px 4px #1578ff55; animation:pv6-scan 1.4s .15s ease-in-out both; }
 .pv6-mini.is-active .pv6-mini__invoice > span,.pv6-mini.is-active .pv6-mini__audience > span,.pv6-mini.is-active .pv6-mini__memory > span { animation:pv6-part .65s var(--ease) both; }
 .pv6-mini.is-active .pv6-mini__invoice > span:nth-of-type(1),.pv6-mini.is-active .pv6-mini__audience > span:nth-of-type(1),.pv6-mini.is-active .pv6-mini__memory > span:nth-of-type(1) { animation-delay:.3s; }
 .pv6-mini.is-active .pv6-mini__invoice > span:nth-of-type(2),.pv6-mini.is-active .pv6-mini__audience > span:nth-of-type(2),.pv6-mini.is-active .pv6-mini__memory > span:nth-of-type(2) { animation-delay:.65s; }
 .pv6-mini.is-active .pv6-mini__invoice > span:nth-of-type(3),.pv6-mini.is-active .pv6-mini__memory > span:nth-of-type(3) { animation-delay:1s; }
 .pv6-mini.is-active .pv6-mini__invoice em,.pv6-mini.is-active .pv6-mini__audience em { animation:pv6-part .45s 1.5s var(--ease) both; }
 .pv6-mini.is-active .pv6-mini__access b { animation:pv6-lock 1.2s var(--ease) both; }
 .pv6-mini.is-active .pv6-mini__access span { animation:pv6-part .65s .65s var(--ease) both; }
 @keyframes pv6-part { from { opacity:0; translate:0 9px; } to { opacity:1; translate:0 0; } }
 @keyframes pv6-scan { 0% { top:15%;opacity:0; } 15% { opacity:1; } 85% { opacity:1; } 100% { top:90%;opacity:0; } }
 @keyframes pv6-lock { 0% { opacity:.2; scale:.65; rotate:-12deg; } 70% { opacity:1; scale:1.06; rotate:2deg; } 100% { opacity:1; scale:1; rotate:0deg; } }
}

/* Configurable conversations, revealed once inside a stable scroll area. */
.pv6-chat { background:#fff; border:1px solid var(--line); border-radius:var(--r-lg); box-shadow:var(--shadow-1); overflow:hidden; }
.pv6-chat__head { display:flex; align-items:center; min-height:68px; padding:16px 30px; border-bottom:1px solid var(--line); }
.pv6-chat__head > div,.pv6-chat__author { display:flex; align-items:center; gap:10px; font-size:14px; }
.pv6-chat__head img,.pv6-chat__author img { flex:none; }
.pv6-chat__viewport { height:clamp(360px,66svh,540px); overflow-y:auto; overflow-anchor:none; scrollbar-width:thin; scrollbar-color:#c8ccd2 transparent; scrollbar-gutter:stable; }
.pv6-chat__viewport:focus-visible { outline:2px solid var(--blue); outline-offset:-3px; }
.pv6-chat__thread { max-width:1000px; margin:auto; padding:32px 40px 36px; }
.pv6-chat__exchange + .pv6-chat__exchange { margin-top:40px; }
.pv6-chat__question { width:fit-content; max-width:88%; margin-left:auto; padding:15px 20px; background:var(--panel); border-radius:18px 18px 4px 18px; font-size:16px; line-height:1.5; }
.pv6-chat__author { margin-top:28px; min-height:22px; font-size:12px; }
.pv6-chat__answer { max-width:750px; margin:16px 0 22px; font-size:17px; line-height:1.7; }
.pv6-chat__answer p + p { margin-top:12px; color:var(--ink-2); }
.pv6-chat__period { margin:0 0 12px; color:var(--mute); font-size:11px; }
.pv6-chat__table { border:1px solid var(--line); border-radius:12px; overflow:hidden; }
.pv6-chat__table table { width:100%; border-collapse:collapse; font-size:13px; }
.pv6-chat__table th,.pv6-chat__table td { padding:13px 16px; vertical-align:middle; text-align:right; line-height:1.5; border-bottom:1px solid var(--line); font-variant-numeric:tabular-nums; }
.pv6-chat__table th { background:var(--panel); font-weight:500; }
.pv6-chat__table th:first-child,.pv6-chat__table td:first-child { text-align:left; }
.pv6-chat__table tbody tr:last-child td { border-bottom:0; }
.pv6-chat__takeaway { padding:24px 28px; border-left:3px solid var(--blue); background:var(--panel); border-radius:0 12px 12px 0; }
.pv6-chat__takeaway strong,.pv6-chat__takeaway span,.pv6-chat__takeaway small { display:block; }
.pv6-chat__takeaway strong { font-size:36px; font-weight:600; line-height:1.2; letter-spacing:-.045em; font-variant-numeric:tabular-nums; }
.pv6-chat__takeaway span { margin-top:5px; font-size:16px; }
.pv6-chat__takeaway small { margin-top:12px; font-size:11px; color:var(--mute); }
.pv6-chat__file { display:flex; align-items:center; gap:16px; padding:20px; border:1px solid var(--line); border-radius:14px; color:var(--ink); text-decoration:none; }
.pv6-chat__file-icon { display:grid; place-items:center; width:48px; height:54px; flex:none; }
.pv6-chat__file-icon img { width:42px; height:42px; }
.pv6-chat__file-copy { min-width:0; }
.pv6-chat__file-copy b { display:block; font-size:15px; font-weight:600; overflow-wrap:anywhere; }
.pv6-chat__file-copy small { display:block; margin-top:5px; font-size:12px; color:var(--mute); }
.pv6-chat__file-action { display:flex; align-items:center; gap:8px; margin-left:auto; white-space:nowrap; font-size:13px; color:var(--blue); }
.pv6-chat__file-action svg { width:18px; height:18px; }
.pv6-chat__file:hover { border-color:#bdc5d0; background:#fafbfc; }
.pv6-chat__file:focus-visible { outline:2px solid var(--blue); outline-offset:3px; }
.pv6-chat__thinking { display:none; gap:4px; margin-left:3px; }
.pv6-chat__thinking i { width:4px; height:4px; background:var(--mute); border-radius:50%; }
.pv6-chat .is-thinking .pv6-chat__thinking { display:flex; }
.pv6-chat [hidden] { display:none!important; }
@media(prefers-reduced-motion:no-preference){
 .pv6-chat .is-revealed { animation:pv6-message .45s var(--ease) both; }
 .pv6-chat .is-thinking .pv6-chat__thinking i { animation:pv6-thinking .45s ease-in-out infinite alternate; }
 .pv6-chat .is-thinking .pv6-chat__thinking i:nth-child(2) { animation-delay:.12s; }
 .pv6-chat .is-thinking .pv6-chat__thinking i:nth-child(3) { animation-delay:.24s; }
 @keyframes pv6-message { from { opacity:0; transform:translateY(8px); } to { opacity:1; transform:translateY(0); } }
 @keyframes pv6-thinking { from { opacity:.25; transform:translateY(1px); } to { opacity:1; transform:translateY(-1px); } }
}

/* Optional modules and variants. The AI page uses the default three-column layout. */
.pv6-image { overflow:hidden; border-radius:var(--r-lg); }
.pv6-image img { display:block; width:100%; height:auto; }
.pv6-video { display:block; width:100%; height:auto; border-radius:var(--r-lg); background:var(--panel); }
.pv6-static-icon { width:48px; height:48px; display:grid; place-items:center; color:var(--blue); }
.pv6-static-icon svg { width:32px; height:32px; }
.pv6-mobile-media { display:none; }
.pv6-dashboard { padding:24px; background:var(--panel); border-radius:var(--r-lg); }
.pv6-dashboard__period,.pv6-dashboard__unit { font-size:10px; color:var(--mute); margin-top:12px; }
.pv6-dashboard__total { margin-top:26px; }
.pv6-dashboard__total > span,.pv6-dashboard__metrics span { display:block; font-size:12px; color:var(--mute); margin-bottom:6px; }
.pv6-dashboard__total > b { font-size:27px; letter-spacing:-.03em; }
.pv6-dashboard__metrics { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin:20px 0 30px; }
.pv6-dashboard__metrics b { font-size:16px; }
.pv6-dashboard h3 { font-size:19px; }
.pv6-dashboard .pv6-data-bar > div { font-size:11px; }
.pv6-dashboard .pv6-data-bar i { height:9px; }
.pv6-cta__actions { display:flex; flex-direction:column; gap:12px; flex:none; }
.pv6-capability > .link { display:inline-block; margin-top:22px; }
.pv6-capabilities:has(.pv6-feature-details) { align-items:start; }
.pv6-capability:has(.pv6-feature-details) > h3 { margin-top:0; }
.pv6-feature-details { margin-top:22px; border-top:1px solid var(--line); }
.pv6-feature-details summary { display:flex; align-items:center; justify-content:space-between; gap:16px; padding-top:18px; cursor:pointer; list-style:none; font-size:14px; font-weight:500; }
.pv6-feature-details summary::-webkit-details-marker { display:none; }
.pv6-feature-details summary > span { font-size:22px; font-weight:400; line-height:1; }
.pv6-feature-details[open] summary > span { rotate:45deg; }
.pv6-feature-details summary:focus-visible { outline:2px solid var(--blue); outline-offset:5px; }
.pv6-feature-details .pv6-checks { grid-template-columns:1fr; margin-top:20px; gap:12px; }
.pv6-feature-details > div { padding-top:20px; }
.pv6-feature-details h4 { margin:24px 0 12px; font-size:15px; }
.pv6-feature-details > div > h4:first-child { margin-top:0; }
.pv6-feature-details p + p { margin-top:16px; }
.pv6-feature-details ol { padding-left:20px; margin-top:14px; color:var(--mute); font-size:14px; line-height:1.65; }
.pv6-feature-details ol li + li { margin-top:10px; }
.pv6-detail__copy a { color:var(--ink); text-decoration:underline; text-underline-offset:4px; }
.pv6-editorial__copy { display:grid; grid-template-columns:1fr 1fr; gap:72px; margin-top:28px; align-items:start; }
.pv6-editorial__copy > .pv6-checks { margin-top:0; }
@media(max-width:900px){ .pv6-editorial__copy { grid-template-columns:1fr; gap:24px; } }
.pv6-tone-panel { background:var(--panel); }
.pv6-split > .wrap { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:64px; align-items:center; }
.pv6-split__copy .eyebrow { margin-bottom:18px; }
.pv6-split__copy h2 { font-size:clamp(32px,3.7vw,46px); }
.pv6-split__copy .pv6-detail__copy { margin-top:24px; }
.pv6-split__media { min-width:0; }
.pv6-split--reverse .pv6-split__copy { order:2; }
.pv6-text .wrap { max-width:820px; }
.pv6-text .eyebrow { margin-bottom:18px; }
.pv6-text .pv6-detail__copy { margin-top:24px; }
.pv6-steps__grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; list-style:none; padding:0; }
.pv6-steps__grid li { padding:28px; background:var(--panel); border-radius:var(--r-lg); }
.pv6-step__number { color:var(--blue); font-size:13px; }
.pv6-steps__grid h3 { margin-top:24px; font-size:23px; }
.pv6-steps__grid p { margin-top:14px; color:var(--mute); font-size:15px; line-height:1.6; }
.pv6-table__scroll { overflow:auto; scrollbar-width:thin; }
.pv6-table__scroll:focus-visible { outline:2px solid var(--blue); outline-offset:4px; }
.pv6-table__scroll table { min-width:540px; }
.pv6-grid--1 { grid-template-columns:1fr; }
.pv6-grid--2 { grid-template-columns:repeat(2,minmax(0,1fr)); }
.pv6-grid--4 { grid-template-columns:repeat(4,minmax(0,1fr)); }
@media(max-width:900px){
 .pv6-split > .wrap { grid-template-columns:1fr; gap:28px; }
 .pv6-split--reverse .pv6-split__copy { order:0; }
 .pv6-grid--4 { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:700px){ .pv6-mobile-media { display:block; } }
@media(max-width:600px){
 .pv6-grid--2,.pv6-grid--4,.pv6-steps__grid { grid-template-columns:1fr; }
 .pv6-cta__actions { width:100%; }
}
@media(max-width:600px){
 .pv6-chat__head { padding:14px 18px; min-height:60px; }
 .pv6-chat__thread { padding:24px 18px 28px; }
 .pv6-chat__question { max-width:94%; padding:13px 16px; font-size:14px; }
 .pv6-chat__exchange + .pv6-chat__exchange { margin-top:32px; }
 .pv6-chat__author { margin-top:24px; }
 .pv6-chat__answer { font-size:15px; margin:14px 0 18px; line-height:1.65; }
 .pv6-chat__period { font-size:10px; }
 .pv6-chat__table table { font-size:11px; }
 .pv6-chat__table th,.pv6-chat__table td { padding:11px 9px; }
 .pv6-chat__takeaway { padding:20px; }
 .pv6-chat__takeaway strong { font-size:30px; }
 .pv6-chat__takeaway span { font-size:14px; }
 .pv6-chat__file { flex-wrap:wrap; gap:12px; padding:16px; }
 .pv6-chat__file-icon { width:38px; height:44px; }
 .pv6-chat__file-icon img { width:34px; height:34px; }
 .pv6-chat__file-copy { flex:1; }
 .pv6-chat__file-copy b { font-size:13px; }
 .pv6-chat__file-copy small { font-size:11px; }
 .pv6-chat__file-action { flex-basis:100%; margin-left:50px; font-size:12px; }
}

/* Product scenes retain real screenshots/photos and layer readable UI excerpts. */
.pv6-overview-more { padding-top:24px; text-align:center; }
.pv6-scene { position:relative; min-width:0; }
.pv6-scene__base .pv6-image { overflow:hidden; border-radius:var(--r-lg); }
.pv6-scene__base img { display:block; width:100%; height:auto; }
.pv6-scene__cards { display:grid; gap:16px; }
.pv6-scene-card { padding:24px; background:#fff; border:1px solid var(--line); border-radius:20px; box-shadow:0 12px 36px #0d12211c; color:var(--ink); }
.pv6-scene-card__label { display:flex; align-items:center; gap:8px; font-size:11px; font-weight:500; color:var(--mute); margin-bottom:14px; }
.pv6-scene-card__label::before { content:''; width:7px; height:7px; border-radius:50%; background:var(--blue); }
.pv6-scene-card h3 { font-size:22px; line-height:1.2; letter-spacing:-.03em; }
.pv6-scene-card p { font-size:14px; line-height:1.55; margin-top:10px; color:var(--ink-2); }
.pv6-scene-card p:empty { display:none; }
.pv6-scene-card dl { display:grid; grid-template-columns:1fr 1fr; gap:16px; margin-top:20px; padding-top:18px; border-top:1px solid var(--line); }
.pv6-scene-card dt { color:var(--mute); font-size:11px; margin-bottom:5px; }
.pv6-scene-card dd { font-size:17px; font-weight:600; font-variant-numeric:tabular-nums; }
.pv6-scene-card__tags { display:flex; flex-wrap:wrap; gap:7px; margin-top:18px; }
.pv6-scene-card__tags span { background:var(--panel); border-radius:6px; padding:7px 10px; font-size:11px; color:var(--ink-2); }
.pv6-scene--screen { padding-right:120px; }
.pv6-scene--screen .pv6-scene__cards { position:absolute; right:0; top:16%; width:360px; }
.pv6-scene--screen .pv6-scene-card:nth-child(2) { margin-left:16px; }
.pv6-scene--photo { margin-bottom:65px; }
.pv6-scene--photo .pv6-scene__cards { position:relative; width:75%; margin:-145px 20px -65px auto; }
.pv6-scene-card--message { border-radius:18px 18px 4px 18px; }
.pv6-scene-card--message .pv6-scene-card__label { color:#16764b; }
.pv6-scene-card--message .pv6-scene-card__label::before { background:#25a667; }
.pv6-scene-card--message .pv6-scene-card__tags { padding-top:15px; border-top:1px solid var(--line); }
.pv6-scene-card--message .pv6-scene-card__tags span { background:transparent; padding:0; color:#16764b; font-weight:500; }
.pv6-scene-card--wallet { background:#171c21; color:#fff; border-color:#343a40; }
.pv6-scene-card--wallet .pv6-scene-card__label,.pv6-scene-card--wallet p { color:#d6d9dc; }
.pv6-scene-card--wallet .pv6-scene-card__label::before { background:#e6bd65; }
.pv6-scene-card--wallet .pv6-scene-card__tags span { background:#30363c; color:#fff; }
@media(hover:hover) and (prefers-reduced-motion:no-preference){
 .pv6-scene-card { transition:transform .35s var(--ease),box-shadow .35s var(--ease); }
 .pv6-scene:hover .pv6-scene-card { transform:translateY(-5px); box-shadow:0 18px 40px #0d122122; }
 .pv6-scene:hover .pv6-scene-card:nth-child(2) { transform:translateY(-9px); }
}
@media(max-width:700px){
 .pv6-scene--screen { padding-right:0; }
 .pv6-scene--screen .pv6-scene__cards { position:relative; top:auto; width:auto; margin:-22px 8px 0; gap:12px; }
 .pv6-scene--screen .pv6-scene-card:nth-child(2) { margin-left:0; }
 .pv6-scene-card { padding:20px; }
 .pv6-scene-card h3 { font-size:20px; }
 .pv6-scene--photo .pv6-scene__cards { width:88%; margin:-80px auto -50px; }
 .pv6-scene--photo { margin-bottom:50px; }
}

/* Compact product excerpts: use the guest record and actual audience rule structure. */
.pv6-scene-ui { padding:0; overflow:hidden; border-color:#dde2e8; border-radius:14px; box-shadow:0 2px 4px #14213608,0 10px 24px #1421360c,0 28px 56px -20px #14213626; }
.pv6-scene-ui__bar { display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:46px; padding:12px 18px; border-bottom:1px solid #e9ecf0; font-size:12px; font-weight:500; color:#3e495b; }
.pv6-scene-ui__bar > span:first-child { display:flex; align-items:center; gap:9px; }
.pv6-scene-ui__bar svg { width:16px; height:16px; flex:none; color:#3b61d6; }
.pv6-scene-ui__context { color:#798392; font-size:10px; font-weight:400; white-space:nowrap; }
.pv6-service-ticket__heading { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:18px; }
.pv6-service-ticket__heading h3 { font-size:19px; letter-spacing:-.025em; }
.pv6-service-ticket__heading > span { padding:4px 7px; border-radius:5px; font-size:10px; font-weight:500; color:#277158; background:#edf6f1; white-space:nowrap; }
.pv6-service-ticket__lines { margin:0 18px; border-top:1px solid #e9ecf0; }
.pv6-service-ticket__line { display:flex; align-items:center; gap:12px; padding:15px 0; border-bottom:1px solid #e9ecf0; }
.pv6-service-ticket__line > b { display:grid; place-items:center; width:30px; height:32px; flex:none; border:1px solid #dde2e8; border-radius:6px; font-size:13px; font-weight:500; }
.pv6-service-ticket__line > div { flex:1; }
.pv6-service-ticket__line strong { display:block; font-size:13px; font-weight:600; }
.pv6-service-ticket__line small { display:block; margin-top:4px; color:#798392; font-size:11px; }
.pv6-service-ticket__line > span { color:#63738c; font-size:10px; }
.pv6-service-ticket__footer { padding:13px 18px; font-size:11px; color:#5d6d83; background:#f8fafb; }
.pv6-scene--photo:has(.pv6-service-ticket) .pv6-scene__cards { width:min(350px,88%); margin-top:-105px; }
@media(max-width:640px) {
 .pv6-service-ticket__heading { padding:12px; }
 .pv6-service-ticket__heading h3 { font-size:16px; }
 .pv6-service-ticket__lines { margin:0 12px; }
 .pv6-service-ticket__line { padding:10px 0; }
 .pv6-service-ticket__footer { padding:10px 12px; }
 .pv6-scene--photo:has(.pv6-service-ticket) .pv6-scene__cards { margin-top:-60px; }
}
.pv6-guest__identity { display:flex; gap:13px; align-items:center; padding:22px 20px; }
.pv6-guest__avatar { width:46px; height:46px; flex:none; display:grid; place-items:center; background:#3359db; border:1px solid #244acb; border-radius:50%; box-shadow:inset 0 1px 0 #ffffff30,0 2px 3px #1421360d; color:#fff; font-size:15px; font-weight:500; letter-spacing:.01em; }
.pv6-guest__identity h3 { font-size:18px; font-weight:600; letter-spacing:-.025em; line-height:1.25; }
.pv6-guest__status { display:flex; align-items:center; gap:5px; margin-top:6px; font-size:11px; color:#637080; }
.pv6-guest__status::before { content:''; width:5px; height:5px; border-radius:50%; background:#25946a; }
.pv6-guest dl.pv6-guest__stats { display:grid; grid-template-columns:1fr 1.25fr; gap:0; padding:0; margin:0; border-top:1px solid #e9ecf0; }
.pv6-guest__stats > div { padding:15px 20px 16px; min-width:0; }
.pv6-guest__stats > div:nth-child(even) { border-left:1px solid #e9ecf0; }
.pv6-guest__stats > div:nth-child(n+3) { border-top:1px solid #e9ecf0; }
.pv6-guest__stats dt { font-size:11px; margin:0 0 7px; color:#738092; line-height:1.2; }
.pv6-guest__stats dd { margin:0; font-size:16px; font-weight:600; line-height:1.25; letter-spacing:-.025em; white-space:nowrap; }
.pv6-guest__stats > div:nth-child(2) dd { color:#16805d; }
.pv6-audience__name { padding:18px 18px 16px; }
.pv6-audience__name > span { display:block; color:#798392; font-size:10px; margin-bottom:6px; }
.pv6-audience__name h3 { font-size:16px; line-height:1.3; font-weight:600; letter-spacing:-.02em; }
.pv6-audience__conditions { border-top:1px solid #e9ecf0; padding:0 18px 16px; }
.pv6-audience__conditions summary { display:flex; align-items:center; gap:8px; padding:14px 0; list-style:none; font-size:11px; color:#5c6778; cursor:pointer; }
.pv6-audience__conditions summary::-webkit-details-marker { display:none; }
.pv6-audience__conditions summary:focus-visible { outline:2px solid var(--blue); outline-offset:3px; border-radius:4px; }
.pv6-audience__logic { display:inline-flex; align-items:center; border:1px solid #dfe4ea; border-radius:4px; padding:3px 5px; font-size:9px; letter-spacing:.03em; font-weight:600; color:#43536b; }
.pv6-audience__conditions summary svg { width:14px; height:14px; margin-left:auto; fill:none; stroke:currentColor; stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round; transform:rotate(-90deg); }
.pv6-audience__conditions[open] summary svg { transform:none; }
.pv6-audience__conditions > dl { display:grid; grid-template-columns:1fr; gap:7px; padding:0 0 0 13px; margin:0 0 0 12px; border:0; border-left:1px solid #dfe4ea; }
.pv6-audience__rule { position:relative; display:flex; align-items:center; justify-content:space-between; gap:8px; padding:9px 10px; border:1px solid #e2e6eb; border-radius:6px; box-shadow:0 1px 2px #14213603; }
.pv6-audience__rule::before { content:''; position:absolute; width:13px; height:1px; background:#dfe4ea; top:50%; right:100%; }
.pv6-audience__rule dt { margin:0; font-size:11px; line-height:1.3; color:#3e495b; }
.pv6-audience__rule dd { display:flex; align-items:center; gap:9px; margin:0; font-size:12px; flex:none; }
.pv6-audience__operator { font-size:12px; font-weight:400; color:#8690a0; }
.pv6-audience__rule strong { color:#26374d; font-weight:500; font-variant-numeric:tabular-nums; }
@media(hover:hover) and (prefers-reduced-motion:no-preference){
 .pv6-scene:hover .pv6-scene-ui { transform:translateY(-3px); box-shadow:0 2px 4px #14213608,0 14px 30px #14213610,0 30px 60px -20px #14213626; }
 .pv6-audience__conditions summary:hover { color:var(--ink); }
}
@media(min-width:701px) and (max-width:1000px){
 .pv6-scene--screen:has(.pv6-scene-ui) { padding-right:0; }
 .pv6-scene--screen:has(.pv6-scene-ui) .pv6-scene__cards { position:relative; top:auto; width:auto; margin:-170px 20px 0; grid-template-columns:1fr 1fr; align-items:start; }
 .pv6-scene--screen .pv6-scene-ui:nth-child(2) { margin:50px 0 0; }
 .pv6-guest__stats > div { padding:15px 14px; }
 .pv6-guest__stats dd { font-size:14px; }
}
@media(max-width:700px){
 .pv6-scene--screen .pv6-scene-ui:nth-child(2) { margin-left:0; }
 .pv6-scene--screen:has(.pv6-scene-ui) .pv6-scene__cards { margin:-22px 4px 0; gap:10px; }
 .pv6-scene-ui { padding:0; border-radius:12px; box-shadow:0 2px 6px #14213608,0 8px 20px #1421360b; }
 .pv6-scene-ui__bar { min-height:32px; padding:7px 12px; font-size:11px; }
 .pv6-scene-ui__bar svg { width:14px; height:14px; }
 .pv6-scene-ui__context { font-size:9px; }
 .pv6-guest__identity { padding:10px 12px; gap:10px; }
 .pv6-guest__avatar { width:32px; height:32px; font-size:12px; }
 .pv6-guest__identity h3 { font-size:16px; }
 .pv6-guest__status { margin-top:3px; font-size:10px; }
 .pv6-guest__stats > div { padding:9px 12px; }
 .pv6-guest__stats dt { font-size:10px; margin-bottom:4px; }
 .pv6-guest__stats dd { font-size:14px; }
 .pv6-audience__name { padding:10px 12px; }
 .pv6-audience__name > span { display:none; }
 .pv6-audience__name h3 { font-size:14px; }
 .pv6-audience__conditions { padding:0 12px; }
 .pv6-audience__conditions[open] { padding-bottom:10px; }
 .pv6-audience__conditions summary { padding:8px 0; min-height:44px; }
 .pv6-audience__conditions > dl { margin-left:5px; padding-left:10px; }
 .pv6-audience__rule { padding:6px 8px; }
 .pv6-audience__rule::before { width:10px; }
}

/* The WhatsApp excerpt retains the original page's chat presentation. */
.pv6-wa { --wa-header:#00604b; --wa-chat:#eadecd; --wa-link:#0284c7; --wa-read:#38bdf8; padding:0; overflow:hidden; border:1px solid #0000000d; border-radius:18px; background:var(--wa-chat); font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif; box-shadow:0 4px 10px #0000000a,0 20px 40px #00000024; }
.pv6-wa__header { display:flex; align-items:center; gap:12px; padding:14px 16px; background:var(--wa-header); color:#fff; }
.pv6-wa__avatar { width:36px; height:36px; flex:none; display:grid; place-items:center; border-radius:50%; background:#ffffff26; }
.pv6-wa__avatar svg { width:21px; height:21px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linejoin:round; }
.pv6-wa__header strong { display:block; font-size:15px; font-weight:600; line-height:1.3; letter-spacing:.1px; }
.pv6-wa__header div > span { display:block; margin-top:3px; font-size:11px; line-height:1.3; color:#ffffffcc; }
.pv6-wa__chat { display:flex; flex-direction:column; align-items:center; gap:10px; padding:12px 16px 16px; }
.pv6-wa__day { padding:4px 10px; background:#ffffffeb; border-radius:7px; box-shadow:0 1px 2px #0000000d; color:#596269; font-size:10px; line-height:1.5; }
.pv6-wa__bubble { position:relative; width:100%; padding:14px 14px 8px; border-radius:9px 9px 0 9px; background:#fff; box-shadow:0 1px 2px #00000018; }
.pv6-wa__bubble h3 { margin:0 0 8px; color:#111b21; font-size:15px; font-weight:600; line-height:1.4; letter-spacing:0; }
.pv6-wa__bubble p { margin:0; color:#30383d; font-size:14px; font-weight:400; line-height:1.5; letter-spacing:-.1px; }
.pv6-wa__meta { display:flex; align-items:center; justify-content:flex-end; gap:5px; margin-top:5px; color:#869098; font-size:10px; line-height:1.5; }
.pv6-wa__meta svg { width:17px; height:13px; fill:none; stroke:var(--wa-read); stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round; }
.pv6-wa__tail { position:absolute; right:-7px; bottom:0; width:8px; height:13px; fill:#fff; }
.pv6-wa__action { display:flex; align-items:center; justify-content:center; gap:8px; width:100%; padding:12px; border-radius:9px; box-shadow:0 1px 2px #00000012; background:#fff; color:var(--wa-link); font-size:14px; font-weight:500; line-height:1.4; }
.pv6-wa__action svg { width:16px; height:16px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.pv6-scene--photo:has(.pv6-wa) .pv6-scene__cards { width:min(340px,88%); margin-top:-170px; }
@media(max-width:700px){
 .pv6-scene--photo:has(.pv6-wa) .pv6-scene__cards { margin-top:-100px; }
 .pv6-wa { padding:0; }
 .pv6-wa__bubble h3 { font-size:15px; }
}

/* Feature dialogs share the v6 demo form's surfaces and mobile sheet behavior. */
body.has-feature-open { overflow:hidden; }
.pv6-capability--dialog { cursor:pointer; }
.pv6-feature-dialog { padding:0; width:min(780px,calc(100% - 48px)); max-height:calc(100dvh - 64px); overflow:hidden; border:1px solid var(--line); border-radius:var(--r-xl); background:#fff; color:var(--ink); box-shadow:var(--shadow-frame); }
.pv6-feature-dialog[open] { display:flex; flex-direction:column; }
.pv6-feature-dialog::backdrop { background:rgb(13 18 33 / .32); backdrop-filter:blur(5px); }
.pv6-feature-dialog__head { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:16px 24px 16px 40px; border-bottom:1px solid var(--line); flex:none; }
.pv6-feature-dialog__head > span { font-size:12px; color:var(--mute); }
.pv6-feature-dialog__head button { display:grid; place-items:center; width:44px; height:44px; background:var(--panel); border-radius:50%; }
.pv6-feature-dialog__head svg { width:20px; height:20px; }
.pv6-feature-dialog__head button:hover { background:var(--line-2); }
.pv6-feature-dialog__scroll { flex:1 1 auto; min-height:0; overflow:auto; overscroll-behavior:contain; scrollbar-width:thin; padding:32px 40px 40px; }
.pv6-feature-dialog h2 { font-size:36px; line-height:1.15; letter-spacing:-.035em; margin-bottom:22px; }
.pv6-feature-dialog h2:focus { outline:none; }
.pv6-feature-dialog__copy p { font-size:16px; line-height:1.7; color:var(--ink-2); }
.pv6-feature-dialog__copy p + p { margin-top:18px; }
.pv6-feature-dialog__copy h4 { font-size:17px; margin:30px 0 14px; }
.pv6-feature-dialog__copy ol { padding-left:22px; color:var(--ink-2); font-size:15px; line-height:1.65; }
.pv6-feature-dialog__copy ol li + li { margin-top:12px; }
.pv6-feature-dialog__copy .pv6-checks { margin-top:12px; gap:14px; }
@media(max-width:640px){
 .pv6-feature-dialog { position:fixed; inset:var(--pv6-dialog-top,16px) 0 auto; width:100%; max-width:100%; max-height:calc(var(--pv6-dialog-viewport-height,100svh) - 16px); margin:0; border:0; border-radius:20px 20px 0 0; }
 .pv6-feature-dialog::before { content:''; display:block; width:36px; height:4px; flex:none; margin:10px auto 0; background:var(--line-2); border-radius:4px; }
 .pv6-feature-dialog__head { padding:4px 12px 8px 20px; }
 .pv6-feature-dialog__scroll { padding:20px 20px calc(32px + env(safe-area-inset-bottom,0px)); scroll-padding-bottom:calc(32px + env(safe-area-inset-bottom,0px)); }
 .pv6-feature-dialog h2 { font-size:25px; margin-bottom:16px; }
 .pv6-feature-dialog__copy p { font-size:14px; line-height:1.6; }
 .pv6-feature-dialog__copy p + p { margin-top:14px; }
 .pv6-feature-dialog__copy h4 { font-size:15px; margin:22px 0 10px; }
 .pv6-feature-dialog__copy ol { font-size:14px; line-height:1.55; }
 .pv6-feature-dialog__copy ol li + li { margin-top:8px; }
 .pv6-feature-dialog__copy .pv6-checks { gap:8px; }
}
@media(prefers-reduced-motion:no-preference){
 .pv6-feature-dialog[open] { animation:pv6-feature-in .2s var(--ease) both; }
 @keyframes pv6-feature-in { from { opacity:0; translate:0 12px; } to { opacity:1; translate:0 0; } }
}

/* Physical device photography keeps the complete application visible. */
.pv6-device { border-radius:0; overflow:visible; }
.pv6-device--terminal { width:min(1180px,100%); margin:0 auto; }
.pv6-device--phone { width:min(510px,100%); margin:0 auto; }
/* Pair the service photograph with a proportional application cutout. */
.pv6-device-scene { position:relative; width:min(620px,100%); margin:0 auto; padding-bottom:14%; }
.pv6-device-scene__photo { width:90%; }
.pv6-device-scene__device { position:absolute; width:45%; right:0; bottom:0; }
.pv6-device-scene__device img { display:block; width:100%; height:auto; }
.pv6-scene--photo:has(.pv6-review) { margin-bottom:0; }
.pv6-scene--photo:has(.pv6-review) .pv6-scene__cards { width:min(330px,90%); margin:-84px 18px 0 auto; }
.pv6-review { border-radius:14px; }
.pv6-review__bar { display:flex; justify-content:space-between; align-items:center; gap:12px; padding:11px 16px; border-bottom:1px solid var(--line); font-size:11px; font-weight:500; }
.pv6-review__bar > span:first-child { display:flex; align-items:center; gap:8px; }
.pv6-review__bar svg { width:15px; height:15px; color:var(--blue); }
.pv6-review__bar > span:last-child { color:var(--mute); font-size:10px; font-weight:400; }
.pv6-review__body { padding:15px 16px 16px; }
.pv6-review__meta { display:flex; justify-content:space-between; align-items:center; gap:12px; color:var(--mute); font-size:10px; }
.pv6-review__rating { display:inline-flex; align-items:center; gap:5px; padding:4px 7px; border-radius:5px; background:#edf7f1; color:#237a53; font-size:11px; font-weight:600; }
.pv6-review__rating svg { width:14px; height:14px; }
.pv6-review blockquote { margin:12px 0 0; font-size:14px; line-height:1.55; letter-spacing:-.01em; color:var(--ink); }
.pv6-review__footer { display:flex; align-items:center; gap:7px; padding:10px 16px; border-top:1px solid var(--line); background:var(--panel); color:var(--ink-2); font-size:10px; }
.pv6-review__footer svg { width:13px; height:13px; color:var(--mute); }
@media(max-width:700px) {
 .pv6-scene--photo:has(.pv6-review) .pv6-scene__cards { margin:-34px auto 0; }
 .pv6-review__body { padding:12px 14px; }
 .pv6-review__bar,.pv6-review__footer { padding-right:14px; padding-left:14px; }
}

.pv6-scene--photo:has(.pv6-kitchen-notice,.pv6-payment) { margin-bottom:0; }
.pv6-scene--photo:has(.pv6-kitchen-notice) .pv6-scene__cards { width:min(322px,90%); margin:-45px 18px 0 auto; }
.pv6-kitchen-notice { display:flex; align-items:center; gap:12px; padding:15px; border-radius:12px; }
.pv6-kitchen-notice__icon { display:grid; place-items:center; width:34px; height:34px; flex:none; border:1px solid #d3e9de; border-radius:10px; color:#218858; background:#eff9f3; }
.pv6-kitchen-notice__icon svg { width:18px; height:18px; }
.pv6-kitchen-notice__context { display:block; color:#718071; font-size:10px; line-height:1.3; }
.pv6-kitchen-notice h3 { margin-top:3px; font-size:15px; letter-spacing:-.02em; }
.pv6-kitchen-notice p { margin-top:5px; color:#586573; font-size:11px; line-height:1.5; }
.pv6-scene--photo:has(.pv6-payment) .pv6-scene__cards { width:min(318px,88%); margin:-90px 18px 0 auto; }
.pv6-payment { border-radius:12px; }
.pv6-payment__bar { display:flex; align-items:center; gap:8px; padding:12px 14px; border-bottom:1px solid #e9ecf0; font-size:11px; }
.pv6-payment__bar svg { width:15px; height:15px; color:var(--blue); }
.pv6-payment__bar > span:last-child { margin-left:auto; color:#7b8490; font-size:10px; }
.pv6-payment__total { display:flex; justify-content:space-between; align-items:center; padding:15px 14px 12px; font-size:11px; color:#697587; }
.pv6-payment__total strong { color:var(--ink); font-size:20px; letter-spacing:-.03em; font-variant-numeric:tabular-nums; }
.pv6-payment__tabs { display:flex; gap:2px; padding:3px; margin:0 14px 8px; background:#f1f3f6; border:1px solid #e7ebef; border-radius:7px; font-size:10px; color:#768190; }
.pv6-payment__tabs span { flex:1; padding:5px 0; text-align:center; }
.pv6-payment__tabs span:first-child { color:#263b62; background:#fff; box-shadow:0 1px 3px #0d122110; border-radius:4px; }
.pv6-payment__rows { margin:0 14px; }
.pv6-payment__row { display:grid; grid-template-columns:1fr 60px 78px; align-items:center; gap:8px; padding:10px 0; border-bottom:1px solid #edf0f3; font-size:11px; }
.pv6-payment__row span:nth-child(2) { font-size:10px; color:#627088; }
.pv6-payment__row strong { font-variant-numeric:tabular-nums; text-align:right; font-weight:600; }
.pv6-payment__footer { padding:10px 14px; font-size:10px; color:#697587; background:#fafbfc; }
@media(max-width:700px) {
 .pv6-device--phone { width:min(420px,100%); }
 .pv6-scene--photo:has(.pv6-kitchen-notice) .pv6-scene__cards { margin:-20px auto 0; }
 .pv6-scene--photo:has(.pv6-payment) .pv6-scene__cards { margin:-35px auto 0; }
 .pv6-kitchen-notice { padding:12px; }
}