body[data-conversion-preview="v8"] .conv-actions { display:flex; flex-wrap:wrap; gap:10px; align-items:center; }
body[data-conversion-preview="v8"] .conv-actions a { display:inline-flex; align-items:center; justify-content:center; gap:9px; min-height:48px; padding:13px 17px; border-radius:8px; font-size:14px; font-weight:750; line-height:1.4; text-align:center; text-decoration:none; box-shadow:none; }
body[data-conversion-preview="v8"] .conv-actions .primary-button { background:#087c73; color:#fff; border:1px solid #087c73; }
body[data-conversion-preview="v8"] .conv-actions .secondary-button { background:#f0f7f4; color:#176257; border:1px solid #b8d6ca; }
body[data-conversion-preview="v8"] :is(#hero,.conv-offer) .conv-actions .primary-button { background:#fff; color:#123c3c; border-color:#fff; }
body[data-conversion-preview="v8"] :is(#hero,.conv-offer) .conv-actions .secondary-button { color:#d3f2e6; border-color:#688f96; background:transparent; }
body[data-conversion-preview="v8"] .conv-actions a:hover { transform:translateY(-2px); box-shadow:0 5px 16px #0e29301a; }
body[data-conversion-preview="v8"] .conv-actions svg { width:19px; height:19px; fill:currentColor; flex:none; }
body[data-conversion-preview="v8"] .conv-text-link { display:inline-flex; align-items:center; gap:8px; min-height:40px; font-size:14px; color:#08736b; font-weight:750; text-decoration:none; }
body[data-conversion-preview="v8"] .conv-text-link:hover { text-decoration:underline; text-underline-offset:4px; }
body[data-conversion-preview="v8"] #confianza { width:min(1160px,calc(100% - 64px)); margin:0 auto; padding:22px 0; min-height:0; border:0; border-bottom:1px solid var(--conv-line); background:#fff; box-shadow:none; border-radius:0; }
body[data-conversion-preview="v8"] #confianza .reporting-trust-label { font-size:11px; }
body[data-conversion-preview="v8"] #confianza .trust-wall-mark-v37 { min-height:44px; height:48px; }
body[data-conversion-preview="v8"] #confianza .reporting-trust-disclosure { font-size:10px; margin-top:8px; }
body[data-conversion-preview="v8"] .conv-case-grid { display:grid; grid-template-columns:1fr 1fr; gap:18px; }
body[data-conversion-preview="v8"] .conv-case { padding:24px; border:1px solid var(--conv-line); border-radius:13px; background:#fff; }
body[data-conversion-preview="v8"] .conv-case-featured { border-color:#bfdbcd; background:#f1f7f3; }
body[data-conversion-preview="v8"] .conv-case-brand { display:flex; align-items:center; gap:10px; min-height:38px; font-size:12px; font-weight:800; }
body[data-conversion-preview="v8"] .conv-case-brand small { display:block; color:var(--conv-muted); font-size:12px; font-weight:500; }
body[data-conversion-preview="v8"] .conv-case-brand img { object-fit:contain; border-radius:5px; flex:none; }
body[data-conversion-preview="v8"] .conv-case-brand .conv-vinco { background:#142840; padding:7px; width:106px; height:34px; }
body[data-conversion-preview="v8"] .conv-case h3 { font-size:23px; line-height:1.25; margin:19px 0 9px; }
body[data-conversion-preview="v8"] .conv-case h3.conv-case-metric { display:flex; gap:14px; align-items:center; font-size:29px; }
body[data-conversion-preview="v8"] .conv-case-metric>span { color:#667a79; font-size:22px; }
body[data-conversion-preview="v8"] .conv-case-metric>b { color:#71968b; font-size:23px; font-weight:400; }
body[data-conversion-preview="v8"] .conv-case-metric>strong { color:#067763; }
body[data-conversion-preview="v8"] .conv-case p { font-size:15px; color:var(--conv-muted); margin:8px 0; }
body[data-conversion-preview="v8"] .conv-footnote { font-size:11px; line-height:1.5; margin:12px 0 0; color:var(--conv-muted); }
body[data-conversion-preview="v8"] #diagnostico-guiado { width:min(960px,calc(100% - 64px)); padding:0; margin:0 auto 56px; border:0; background:none; box-shadow:none; scroll-margin-top:100px; }
body[data-conversion-preview="v8"] #diagnostico-guiado .guided-assessment-card-v39 { padding:30px; background:#fff; border:1px solid #bfd7d1; border-radius:16px; box-shadow:0 12px 40px #123d3d08; }
body[data-conversion-preview="v8"] #diagnostico-guiado .guided-assessment-intro-v39 { display:block; background:transparent; padding:0; margin:0 0 20px; text-align:left; color:var(--conv-ink); border:0; min-height:0; }
body[data-conversion-preview="v8"] #diagnostico-guiado .guided-assessment-intro-v39 h2 { color:var(--conv-ink); font-size:30px; line-height:1.2; margin:0; }
body[data-conversion-preview="v8"] #diagnostico-guiado .guided-assessment-intro-v39>p:not(.conv-eyebrow) { font-size:15px; color:var(--conv-muted); line-height:1.6; margin:10px 0 0; }
body[data-conversion-preview="v8"] #diagnostico-guiado .guided-assessment-intro-v39 .conv-form-assurance { font-size:12px; color:#27755f; }
body[data-conversion-preview="v8"] #diagnostico-guiado .guided-assessment-option-v39 { box-shadow:none; }
body[data-conversion-preview="v8"] #diagnostico-guiado .guided-assessment-option-v39 strong { font-size:15px; }
body[data-conversion-preview="v8"] #diagnostico-guiado .guided-assessment-option-v39 small { font-size:13px; line-height:1.45; }
body[data-conversion-preview="v8"] .conv-faq { display:grid; grid-template-columns:.8fr 1.2fr; gap:60px; border-top:1px solid var(--conv-line); }
body[data-conversion-preview="v8"] .conv-faq .faq-list { margin:0; gap:8px; }
body[data-conversion-preview="v8"] .conv-faq details { border:1px solid var(--conv-line); border-radius:9px; background:#fff; box-shadow:none; }
body[data-conversion-preview="v8"] .conv-faq summary { padding:18px 15px; align-items:center; }
body[data-conversion-preview="v8"] .conv-faq summary h3 { font-size:15px; line-height:1.4; letter-spacing:-.01em; }
body[data-conversion-preview="v8"] .conv-faq .faq-icon { width:25px; min-width:25px; height:25px; border-radius:5px; background:#edf5f1; color:#187f64; font-size:10px; }
body[data-conversion-preview="v8"] .conv-faq details>p { font-size:15px; line-height:1.65; padding:0 18px 20px; margin:0; color:var(--conv-muted); }
body[data-conversion-preview="v8"] .conv-final .conv-actions { justify-content:center; }
body[data-conversion-preview="v8"] .conv-final>.conv-text-link { margin-top:14px; font-size:12px; }
body[data-conversion-preview="v8"] :is(a,button,input,textarea,summary,[tabindex]):focus-visible { outline:3px solid #258bb7; outline-offset:4px; }
/* 2026-09-06: Home only. Native visual examples; no image/video payload. */
body[data-conversion-preview="v8"] { --conv-ink:#112b42; --conv-muted:#526575; --conv-teal:#007c87; --conv-line:#dce5eb; background:#fff; color:var(--conv-ink); }
body[data-conversion-preview="v8"] main { overflow:clip; }
body[data-conversion-preview="v8"] main::before { display:none; }
body[data-conversion-preview="v8"] .conv-section { width:min(1160px,calc(100% - 64px)); margin:0 auto; padding:52px 0; scroll-margin-top:100px; }
body[data-conversion-preview="v8"] main * { box-sizing:border-box; }
body[data-conversion-preview="v8"] .conv-eyebrow { margin:0 0 12px; color:#007c87; font-size:11px; letter-spacing:.12em; font-weight:800; line-height:1.5; }
body[data-conversion-preview="v8"] .conv-section :is(h1,h2,h3) { color:var(--conv-ink); margin:0; letter-spacing:-.035em; text-wrap:balance; }
body[data-conversion-preview="v8"] .conv-section h2 { font-size:clamp(28px,3vw,38px); line-height:1.15; }
body[data-conversion-preview="v8"] #hero { display:block; width:100%; padding:44px max(32px,calc((100% - 1200px)/2)) 24px; background:radial-gradient(ellipse at 66% 79%,#08447366,transparent 55%),#030d22; color:#fff; min-height:0; border:0; border-radius:0; }
.conv-hero-top { display:flex; justify-content:space-between; align-items:center; gap:36px; }
body[data-conversion-preview="v8"] #hero h1 { font-size:clamp(40px,4.5vw,60px); font-weight:800; line-height:1.04; letter-spacing:-.045em; color:#fff; }
body[data-conversion-preview="v8"] #hero h1 em { color:#5ddbef; font-style:normal; }
body[data-conversion-preview="v8"] #hero .conv-eyebrow { color:#87becf; }
body[data-conversion-preview="v8"] .conv-intro { margin:18px 0 0; max-width:500px; color:#b6c9da; font-size:16px; line-height:1.6; }
.conv-hero-contact { min-width:260px; }
body[data-conversion-preview="v8"] .conv-hero-contact .conv-actions { flex-direction:column; align-items:stretch; }
body[data-conversion-preview="v8"] #hero .conv-actions .primary-button { background:#43d0e5; border-color:#43d0e5; color:#041b2d; }
body[data-conversion-preview="v8"] #hero .conv-actions .secondary-button { background:transparent; border-color:#456078; color:#e2f4ff; }
.conv-proof { display:flex; align-items:center; gap:10px; padding-top:18px; text-decoration:none; color:#eaf7ff; }
.conv-proof-check { font-size:24px; color:#5ddbef; }
.conv-proof strong { display:block; font-size:15px; }
.conv-proof small { display:block; font-size:11px; color:#adc3d5; margin-top:4px; }
.visual-story { position:relative; margin-top:35px; color:#fff; min-width:0; }
.visual-story button, .example-card button { font:inherit; cursor:pointer; }
.story-toolbar { display:flex; justify-content:space-between; align-items:center; gap:16px; }
.story-toolbar>span { color:#91aabd; font-size:10px; }
.story-modes { display:flex; gap:4px; padding:4px; border:1px solid #274257; background:#0a1d31; border-radius:9px; }
.story-modes button { border:0; border-radius:6px; padding:9px 17px; min-height:40px; color:#b8ccda; background:transparent; font-size:12px; font-weight:700; }
.story-modes [aria-pressed="true"] { color:#07243a; background:#bceaf3; }
.story-stage { position:relative; display:grid; grid-template-columns:29% 15% 56%; align-items:center; min-height:400px; padding:28px 0 38px; isolation:isolate; }
.story-stage::after { content:""; position:absolute; z-index:-1; left:3%; right:0; bottom:14px; height:130px; border-top:1px solid #25a9d488; border-radius:50%; background:radial-gradient(ellipse at 50% 0%,#00b9ec24,transparent 65%); transform:rotate(-3deg); }
.story-stage-label { display:block; font-size:9px; letter-spacing:.15em; color:#a6c5d5; margin-bottom:25px; }
.story-inputs { position:relative; padding:0 8px 0 12px; z-index:2; }
.story-sheet { background:#fff; color:#2b4254; border-radius:7px; box-shadow:0 18px 45px #0006; border:1px solid #b1bfcb; overflow:hidden; }
.story-sheet-back { position:absolute; top:14px; left:33px; width:86%; height:215px; transform:rotate(7deg); opacity:.75; }
.story-sheet-front { position:relative; transform:rotate(-3deg); transition:transform .8s,box-shadow .8s; }
.story-sheet-title { display:flex; align-items:center; gap:8px; background:#edf5f1; padding:10px; font-size:11px; }
.story-sheet-title>b, .example-sources b { display:grid; place-items:center; width:21px; height:24px; border-radius:3px; background:#147a4c; color:#fff; font-size:13px; font-weight:800; flex:none; }
.story-sheet-title>span:last-child { margin-left:auto; }
.story-formula { display:flex; gap:10px; font-size:9px; padding:7px 10px; border-bottom:1px solid #d4dfe5; }
.story-formula>span { font-style:italic; color:#5e727e; }
.story-sheet table { width:100%; border-collapse:collapse; font-size:10px; table-layout:fixed; }
.story-sheet :is(th,td) { border:1px solid #d9e1e6; padding:7px 5px; height:28px; text-align:right; white-space:nowrap; }
.story-sheet th { color:#607884; background:#f2f5f7; font-size:9px; font-weight:500; }
.story-sheet th:first-child { width:20px; }
.story-sheet td:nth-child(2) { text-align:left; }
.story-sheet tbody tr:first-child td { font-weight:700; background:#eef6f9; }
.story-sheet .story-cell-error { color:#c14839; background:#fff0eb; }
.story-sheet-bottom { display:flex; gap:12px; padding:8px 10px; font-size:9px; align-items:center; color:#158052; background:#f5f8f9; }
.story-sheet-bottom small { margin-left:auto; color:#6b7a84; font-size:8px; }
.story-ghost-grid { display:grid; grid-template-columns:repeat(4,1fr); padding:8px; gap:1px; }
.story-ghost-grid i { background:#dce5eb; height:21px; border:3px solid #f7f9fb; }
.story-file-tags { display:flex; justify-content:center; gap:8px; margin-top:20px; font-size:10px; color:#b4c9dc; }
.story-file-tags>span { padding:7px 9px; border:1px solid #2c455b; background:#112238; border-radius:5px; }
.story-bridge { position:relative; height:160px; display:grid; place-items:center; }
.story-stream { position:absolute; height:1px; width:165%; left:-25%; top:50%; background:linear-gradient(90deg,transparent,#19d3ed,#1389f4,transparent); box-shadow:0 0 12px #1dd6ff; }
.stream-one { transform:rotate(-13deg); }
.stream-three { transform:rotate(13deg); }
.story-stream i { position:absolute; width:5px; height:5px; border-radius:50%; background:#c1f7ff; box-shadow:0 0 10px 3px #12ccf7; top:-2px; left:0; opacity:0; }
.story-engine { position:relative; z-index:2; background:linear-gradient(150deg,#183953,#0a1c31); border:1px solid #26789c; border-radius:15px; width:83px; padding:13px 6px; display:grid; justify-items:center; box-shadow:0 0 35px #099ce42b; }
.story-engine img { object-fit:contain; }
.story-engine span { font-size:9px; line-height:1.6; text-align:center; color:#a8ccdf; margin-top:7px; }
.story-engine strong { color:#d5f6ff; }
.story-devices { position:relative; padding-right:45px; z-index:3; }
.story-devices>.story-stage-label { margin-bottom:12px; padding-left:15px; color:#6ddcef; }
.story-laptop { padding:12px 9px 9px; background:linear-gradient(140deg,#54616e,#17222f 16%,#070e18); border:1px solid #647385; border-radius:15px 15px 7px 7px; box-shadow:0 18px 45px #0005; position:relative; transform:perspective(1300px) rotateY(-6deg); }
.story-camera { width:3px; height:3px; background:#8da0b3; border-radius:50%; position:absolute; top:4px; left:50%; }
.story-screen { display:flex; background:#f0f4f8; border-radius:3px; min-height:292px; overflow:hidden; color:#203a51; }
.story-screen aside { width:40px; flex:none; background:#102841; display:flex; align-items:center; flex-direction:column; gap:14px; padding:10px 0; color:#6486a1; }
.story-screen aside span { display:grid; place-items:center; width:28px; height:25px; font-size:16px; }
.story-screen aside .is-active { color:#59d2e9; background:#1b4863; border-radius:4px; }
.story-dashboard { min-width:0; width:100%; padding:13px; }
.story-dashboard header { display:flex; align-items:center; justify-content:space-between; gap:8px; font-size:11px; margin-bottom:13px; }
.story-dashboard header>span { display:flex; align-items:center; gap:4px; color:#49726d; font-size:8px; }
.story-dashboard header i { width:4px; height:4px; background:#14937b; border-radius:50%; }
.story-kpis { display:grid; grid-template-columns:1fr 1fr; gap:9px; }
.story-kpis>div { padding:10px; background:#fff; border:1px solid #e2e9f0; border-radius:5px; }
.story-kpis :is(span,strong,small) { display:block; }
.story-kpis span { font-size:8px; color:#687c8e; }
.story-kpis strong { font-size:21px; letter-spacing:-.035em; margin:5px 0; }
.story-kpis small { font-size:8px; color:#167b63; }
.story-dashboard-panels { display:grid; grid-template-columns:1.7fr 1fr; gap:9px; margin-top:9px; }
.story-dashboard-panels>div { min-width:0; padding:10px; background:#fff; border:1px solid #e2e9f0; border-radius:5px; }
.story-dashboard-panels strong { font-size:9px; }
.story-chart { width:100%; height:91px; display:block; margin-top:9px; overflow:visible; }
.story-chart-grid { stroke:#e4ecf1; stroke-width:1; fill:none; }
.story-chart-line { stroke:#0ab0c7; stroke-width:3; fill:none; stroke-dasharray:1; stroke-dashoffset:0; transition:stroke-dashoffset 1.4s ease; }
.story-chart-dots { fill:#fff; stroke:#0ab0c7; stroke-width:2; }
.story-axis { display:flex; justify-content:space-between; color:#81929f; font-size:7px; margin-top:5px; }
.story-donut { width:67px; height:67px; background:conic-gradient(#15b7ca 0 60%,#2469af 60% 100%); border-radius:50%; display:grid; place-items:center; margin:9px auto; }
.story-donut>span { width:43px; height:43px; background:#fff; display:grid; align-content:center; text-align:center; border-radius:50%; font-size:16px; font-weight:800; }
.story-donut small { display:block; font-size:6px; font-weight:400; }
.story-donut-card>span { display:flex; align-items:center; gap:4px; font-size:7px; margin-top:5px; }
.story-donut-card>span i { width:5px; height:5px; background:#15b7ca; border-radius:50%; }
.story-donut-card>span:last-child i { background:#2469af; }
.story-donut-card>span b { margin-left:auto; }
.story-system-rows { display:flex; gap:12px; font-size:7px; color:#657d8d; margin-top:11px; }
.story-system-rows b { color:#197b6b; margin-left:5px; font-weight:500; }
.story-laptop-base { height:9px; margin:0 -12px; background:linear-gradient(#b4bcca,#354153); border-radius:1px 1px 70% 70%; position:relative; }
.story-laptop-base::after { content:""; width:15%; height:3px; position:absolute; left:42%; background:#687485; border-radius:0 0 8px 8px; }
.story-phone { position:absolute; right:0; bottom:-20px; background:#f8fbfd; border:5px solid #0e1723; outline:1px solid #677687; border-radius:21px; padding:20px 10px 12px; width:125px; min-height:250px; box-shadow:0 15px 30px #0006; color:#1c3a52; transform:rotate(5deg); }
.story-phone-notch { position:absolute; width:45px; height:10px; background:#0e1723; top:-1px; left:35px; border-radius:0 0 9px 9px; }
.story-phone-time { display:flex; justify-content:space-between; font-size:6px; margin-top:-9px; margin-bottom:16px; }
.story-phone-time i { font-style:normal; }
.story-phone-brand { display:flex; align-items:center; gap:5px; font-size:7px; font-weight:700; border-bottom:1px solid #dfe8ed; padding-bottom:11px; margin-bottom:14px; }
.story-phone>small { display:block; font-size:7px; color:#668195; }
.story-phone>strong { display:block; font-size:16px; letter-spacing:-.035em; margin:5px 0; }
.story-phone-growth { font-size:6px; color:#11866c; }
.story-phone>svg { display:block; width:100%; height:55px; margin:10px 0; fill:none; stroke:#09b7cc; stroke-width:2; }
.story-phone-item { display:flex; align-items:center; gap:6px; margin-top:9px; font-size:6px; }
.story-phone-item i { font-style:normal; color:#118f9e; background:#e0f4f5; border-radius:4px; padding:4px; }
.story-phone-item small { display:block; color:#879cac; font-size:5px; margin-top:3px; }
.story-bottom { display:flex; align-items:center; justify-content:space-between; gap:12px; border-top:1px solid #20334d; padding-top:13px; }
.story-steps { display:flex; list-style:none; padding:0; margin:0; gap:24px; }
.story-steps li { display:flex; align-items:center; gap:7px; color:#8eacc2; font-size:11px; }
.story-steps b { color:#527890; font-size:9px; }
.story-steps .is-current { color:#8aecf8; }
.story-steps .is-current b { color:#8aecf8; }
.story-playback { display:flex; gap:6px; }
.story-playback button { display:flex; gap:12px; align-items:center; background:transparent; color:#b7e7f2; border:1px solid #325870; border-radius:6px; min-height:38px; padding:8px 12px; font-size:11px; }
.visual-story [hidden] { display:none!important; }
[data-phase="1"] .story-sheet-front { transform:rotate(-5deg) translateY(-5px); box-shadow:0 0 32px #65c1cb44; }
[data-phase="1"] .story-dashboard, [data-phase="1"] .story-phone { opacity:.15; }
[data-phase="2"] .story-dashboard, [data-phase="2"] .story-phone { opacity:.45; }
.story-dashboard, .story-phone { transition:opacity .7s; }
[data-phase="1"] .story-chart-line, [data-phase="2"] .story-chart-line { stroke-dashoffset:1; }
[data-playing="true"] .story-stream i { animation:story-data-flow 1.8s linear infinite; }
[data-playing="true"] .story-stream i:nth-child(2) { animation-delay:.6s; }
[data-playing="true"] .story-stream i:nth-child(3) { animation-delay:1.2s; }
[data-playing="true"][data-phase="1"] .story-cell { animation:story-cell-scan .8s alternate 2; }
@keyframes story-data-flow { 0% { left:0; opacity:0; } 15% { opacity:1; } 85% { opacity:1; } 100% { left:100%; opacity:0; } }
@keyframes story-cell-scan { to { background:#a1e8d2; color:#126247; } }
.visual-section-heading, .conv-section-heading { margin-bottom:26px; }
.conv-section-heading { display:flex; align-items:end; justify-content:space-between; gap:20px; }
.example-grid { display:grid; grid-template-columns:1fr 1fr; gap:24px; }
.example-card { display:flex; flex-direction:column; min-width:0; padding:26px; border:1px solid #dce5eb; border-radius:16px; background:#f3f7fa; }
.example-heading>span { color:#427186; font-size:10px; letter-spacing:.1em; font-weight:700; }
body[data-conversion-preview="v8"] .example-heading h3 { font-size:23px; line-height:1.2; margin-top:9px; }
.example-sources { display:flex; justify-content:center; flex-wrap:wrap; gap:12px; position:relative; padding:24px 0 30px; }
.example-sources>span:not(.example-source-arrow) { display:flex; align-items:center; gap:7px; background:#fff; padding:7px 10px; border:1px solid #d5e3e5; border-radius:6px; font-size:11px; box-shadow:0 3px 6px #10284006; }
.example-source-arrow { position:absolute; bottom:4px; font-size:21px; color:#0a879b; }
.example-report { background:#fff; border:1px solid #d8e5ec; border-radius:9px; padding:18px; }
.example-report header { display:flex; justify-content:space-between; align-items:center; font-size:12px; }
.example-report header>span { color:#6c7f8f; font-size:10px; }
.example-report-body { display:flex; justify-content:space-between; align-items:end; gap:15px; margin:21px 0; }
.example-report-body small { display:block; font-size:11px; color:#6d8091; }
.example-report-body strong { display:block; font-size:27px; letter-spacing:-.035em; margin:5px 0; }
.example-report-body span { display:block; font-size:10px; color:#6d8091; }
.example-bars { display:flex; align-items:end; gap:5px; height:78px; width:135px; flex-shrink:1; }
.example-bars i { flex:1; background:#b6d4e0; border-radius:3px 3px 0 0; height:35%; transition:height .65s,background .65s; }
.example-bars i:nth-child(2n) { height:65%; }
.example-bars i:nth-child(3n) { height:50%; }
.is-updated .example-bars i { background:#16a7ba; height:55%; }
.is-updated .example-bars i:nth-child(2n) { height:78%; }
.is-updated .example-bars i:nth-child(3n) { height:95%; }
.is-updated [data-example-report-delta], .is-updated [data-example-report-status] { color:#067865; }
.example-report-row { display:flex; justify-content:space-between; padding-top:10px; margin-top:10px; border-top:1px solid #e8eef3; font-size:12px; }
.example-action { display:flex; align-items:center; justify-content:space-between; width:100%; padding:13px 16px; min-height:48px; border:1px solid #0c5973; border-radius:7px; background:#0c3c56; color:#fff; font-size:13px!important; font-weight:650!important; margin-top:20px; }
.example-action:hover { background:#105570; }
body[data-conversion-preview="v8"] .example-status { font-size:11px; line-height:1.5; color:#526c80; margin:11px 0 0; min-height:17px; }
.example-order-board { height:254px; position:relative; margin-top:25px; }
.example-order-headings { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; font-size:11px; text-align:center; color:#607b8c; }
.example-order-headings span { border-top:3px solid #b9cfdb; padding-top:12px; }
.example-order-headings span:nth-child(2) { border-color:#47afc1; }
.example-order-headings span:nth-child(3) { border-color:#27a280; }
.example-order-lanes { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; height:190px; margin-top:12px; }
.example-order-lanes i { border:1px dashed #c9dae3; border-radius:8px; background:#eaf1f5; }
.example-order-card { position:absolute; left:6px; top:64px; width:calc((100% - 16px)/3 - 12px); background:#fff; border:1px solid #a8c6d4; border-radius:7px; padding:13px 9px; box-shadow:0 7px 15px #254c6412; transition:transform .65s cubic-bezier(.2,.7,.2,1),border-color .5s; }
.example-order-card>span:first-child { font-size:10px; color:#5b8196; }
.example-order-card strong { display:block; font-size:17px; margin:12px 0 5px; }
.example-order-card small { font-size:9px; color:#668293; }
.example-order-owner { display:block; font-size:8px; color:#22728a; border-top:1px solid #e1edf2; margin-top:16px; padding-top:9px; }
[data-order-step="1"] .example-order-card { transform:translateX(calc(100% + 20px)); border-color:#35a5b9; }
[data-order-step="2"] .example-order-card { transform:translateX(calc(200% + 40px)); border-color:#249b78; }
.example-order-checks { display:flex; flex-wrap:wrap; gap:8px; justify-content:space-between; font-size:10px; color:#57798a; margin-top:auto; padding-top:13px; }
[data-order-step="1"] [data-example-order-check], [data-order-step="2"] [data-example-order-check] { color:#06775d; }
.visual-demo-disclaimer { font-size:10px; color:#657c8d; margin:14px 0 0; }
body[data-conversion-preview="v8"] .conv-cases { padding-top:12px; }
body[data-conversion-preview="v8"] .conv-case h3 { font-size:25px; margin:20px 0 10px; }
body[data-conversion-preview="v8"] .conv-case h3.conv-case-metric { display:flex; align-items:center; gap:14px; font-size:30px; }
.case-time-chart { display:flex; flex-direction:column; gap:6px; margin:14px 0 18px; }
.case-time-chart span { height:8px; border-radius:3px; background:#aac8be; width:100%; }
.case-time-chart span:last-child { width:1.39%; min-width:4px; background:#047e67; }
.case-lead-flow { display:flex; align-items:center; gap:8px; margin:17px 0 22px; font-size:11px; color:#426b81; }
.case-lead-flow span { background:#eff5f8; border:1px solid #d5e3ea; border-radius:5px; padding:10px; }
.case-lead-flow i { font-style:normal; color:#3d9cb2; }
body[data-conversion-preview="v8"] #diagnostico-guiado.conv-guided { padding:0!important; width:min(1160px,calc(100% - 64px))!important; margin:0 auto 48px; }
.conv-disclosure { background:#f5f9fb; border:1px solid #cbdde5; border-radius:12px; box-shadow:none; overflow:hidden; }
.conv-disclosure>summary { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:24px 28px; cursor:pointer; list-style:none; color:#14394f; }
.conv-disclosure>summary::-webkit-details-marker { display:none; }
.conv-disclosure>summary::after { display:none; }
.conv-disclosure>summary small { display:block; font-size:10px; letter-spacing:.1em; color:#35798b; margin-bottom:6px; }
.conv-disclosure>summary strong { font-size:23px; letter-spacing:-.025em; }
.conv-disclosure>summary>b { font-weight:400; font-size:30px; color:#1f8396; transition:transform .2s; }
.conv-disclosure[open]>summary>b { transform:rotate(45deg); }
body[data-conversion-preview="v8"] #diagnostico-guiado .guided-assessment-card-v39 { margin:0; border:0; border-top:1px solid #d4e3ea; border-radius:0; box-shadow:none; }
body[data-conversion-preview="v8"] #diagnostico-guiado .guided-assessment-intro-v39 .conv-eyebrow { color:#087c73!important; }
body[data-conversion-preview="v8"] #diagnostico-guiado #assessmentForm { padding:0; border:0; background:transparent; }
.conv-chat-disclosure-wrap { width:min(1160px,calc(100% - 64px)); margin:0 auto 48px; }
body[data-conversion-preview="v8"] .conv-chat { width:100%; padding:26px; margin:0; box-shadow:none; border:0; border-radius:0; background:#fff; }
body[data-conversion-preview="v8"] .conv-chat h2 { font-size:25px; }
body[data-conversion-preview="v8"] .conv-chat .ai-diagnostic-copy>p:not(.eyebrow) { font-size:14px; }
body[data-conversion-preview="v8"] .conv-faq { padding-top:0; border-top:0; }
body[data-conversion-preview="v8"] .conv-final { width:100%; padding:46px 24px; background:#edf6f8; text-align:center; }
body[data-conversion-preview="v8"] .conv-final .conv-actions { justify-content:center; margin-top:24px; }
body[data-conversion-preview="v8"] .conv-final>.conv-text-link { margin-top:14px; }
@media(max-width:1000px) {
  .story-stage { grid-template-columns:28% 13% 59%; }
  .story-sheet :is(th,td) { padding:6px 2px; font-size:8px; }
  .story-sheet-title { font-size:9px; }
  .story-sheet-bottom small { display:none; }
  .story-engine { width:65px; }
  .story-engine img { width:32px; height:32px; }
  .story-kpis strong { font-size:17px; }
  .story-dashboard { padding:10px; }
  .story-system-rows { flex-direction:column; gap:5px; }
  .story-devices { padding-right:36px; }
  .story-screen { min-height:286px; }
  .story-phone { width:106px; padding-inline:8px; }
  .story-phone>strong { font-size:13px; }
  .story-phone-notch { left:25px; }
}
@media(max-width:700px) {
  body[data-conversion-preview="v8"] .conv-section { width:calc(100% - 40px); padding:36px 0; }
  body[data-conversion-preview="v8"] #hero { padding:30px 20px 18px; }
  .conv-hero-top { display:block; }
  body[data-conversion-preview="v8"] #hero h1 { font-size:42px; }
  body[data-conversion-preview="v8"] .conv-intro { font-size:15px; max-width:380px; margin-top:14px; }
  .conv-hero-contact { min-width:0; margin-top:22px; }
  body[data-conversion-preview="v8"] .conv-hero-contact .conv-actions { flex-direction:row; gap:8px; }
  body[data-conversion-preview="v8"] .conv-hero-contact .conv-actions a { font-size:12px; padding:12px 10px; }
  body[data-conversion-preview="v8"] .conv-hero-contact .conv-actions .primary-button { flex:1; }
  body[data-conversion-preview="v8"] .conv-hero-contact .conv-actions .secondary-button { flex:0 1 auto; }
  .conv-proof { padding-top:14px; }
  .conv-proof strong { font-size:13px; }
  .conv-proof small { font-size:10px; }
  .visual-story { margin-top:26px; }
  .story-toolbar { flex-wrap:wrap; gap:9px; }
  .story-toolbar>span { font-size:9px; }
  .story-modes { flex:1; }
  .story-modes button { flex:1; font-size:11px; padding:7px 10px; }
  .story-stage { display:flex; flex-direction:column; align-items:stretch; padding:28px 0 38px; min-height:0; }
  .story-inputs { width:79%; max-width:340px; align-self:flex-start; padding:0 4px; }
  .story-stage-label { font-size:8px; margin-bottom:21px; }
  .story-sheet-back { top:16px; left:28px; height:184px; }
  .story-sheet-title { font-size:10px; padding:7px 9px; }
  .story-sheet :is(th,td) { font-size:9px; height:24px; padding:5px; }
  .story-sheet-bottom { padding:6px 9px; }
  .story-file-tags { position:absolute; top:87px; right:-26%; display:flex; flex-direction:column; gap:6px; font-size:8px; align-items:end; }
  .story-file-tags>span { padding:8px; background:#12283d; box-shadow:0 4px 14px #0003; }
  .story-bridge { height:99px; width:100%; padding-left:25%; }
  .story-engine { display:flex; gap:9px; align-items:center; justify-content:center; width:148px; padding:9px; border-radius:11px; }
  .story-engine img { width:32px; height:32px; }
  .story-engine span { text-align:left; font-size:10px; margin:0; }
  .story-stream { top:50%; left:30%; width:50%; transform:rotate(75deg); }
  .stream-one { left:24%; transform:rotate(57deg); }
  .stream-three { left:36%; transform:rotate(95deg); }
  .story-devices { padding-right:26px; }
  .story-devices>.story-stage-label { padding:0; margin-bottom:12px; }
  .story-screen { min-height:250px; }
  .story-laptop { padding:10px 5px 6px; border-radius:10px 10px 4px 4px; transform:none; }
  .story-screen aside { width:25px; gap:13px; }
  .story-screen aside img { width:21px; height:21px; }
  .story-screen aside span { width:22px; font-size:13px; }
  .story-dashboard { padding:9px; }
  .story-dashboard header { font-size:9px; margin-bottom:10px; }
  .story-dashboard header>span { font-size:6px; }
  .story-kpis { gap:6px; }
  .story-kpis>div { padding:8px 6px; }
  .story-kpis span { font-size:7px; }
  .story-kpis strong { font-size:16px; }
  .story-kpis small { font-size:6px; }
  .story-dashboard-panels { gap:6px; grid-template-columns:1.6fr 1fr; }
  .story-dashboard-panels>div { padding:7px; }
  .story-dashboard-panels strong { font-size:8px; }
  .story-chart { height:68px; }
  .story-donut { width:52px; height:52px; margin:7px auto; }
  .story-donut>span { width:34px; height:34px; font-size:13px; }
  .story-donut-card>span { font-size:6px; }
  .story-system-rows { font-size:6px; gap:6px; margin-top:8px; }
  .story-laptop-base { margin-inline:-7px; height:7px; }
  .story-phone { bottom:-22px; right:-7px; width:90px; min-height:205px; padding:19px 7px 9px; border-width:4px; border-radius:17px; }
  .story-phone-notch { left:21px; width:37px; height:8px; }
  .story-phone-brand { font-size:5px; padding-bottom:8px; margin-bottom:10px; gap:3px; }
  .story-phone-brand img { width:15px; height:15px; }
  .story-phone>strong { font-size:11px; }
  .story-phone>small { font-size:6px; }
  .story-phone>svg { height:38px; margin:8px 0; }
  .story-phone-item { font-size:5px; gap:4px; }
  .story-phone-item small { font-size:4px; }
  .story-phone-time { margin-bottom:14px; }
  .story-bottom { flex-wrap:wrap; gap:14px; }
  .story-steps { width:100%; justify-content:space-between; gap:8px; }
  .story-playback { width:100%; }
  .story-playback button { min-height:40px; }
  .story-playback [data-story-play] { flex:1; justify-content:center; }
  .example-grid, .conv-case-grid { grid-template-columns:1fr!important; gap:18px; }
  .example-card { padding:20px; }
  body[data-conversion-preview="v8"] .example-heading h3 { font-size:22px; }
  .example-report { padding:14px; }
  .example-report-body strong { font-size:25px; }
  .example-bars { width:90px; gap:4px; }
  .example-order-board { height:239px; }
  .example-order-card { padding:12px 6px; }
  .example-order-card strong { font-size:15px; }
  .example-order-card small { font-size:8px; }
  .example-order-owner { font-size:7px; }
  .example-order-checks { margin-top:0; }
  body[data-conversion-preview="v8"] #confianza { width:calc(100% - 40px); padding:20px 0; }
  body[data-conversion-preview="v8"] .conv-cases { padding-top:0; }
  body[data-conversion-preview="v8"] .conv-case { padding:22px; }
  .case-lead-flow { gap:6px; font-size:10px; }
  .case-lead-flow span { padding:9px 7px; }
  body[data-conversion-preview="v8"] #diagnostico-guiado.conv-guided { width:calc(100% - 40px)!important; margin-bottom:36px; }
  .conv-disclosure>summary { padding:22px 18px; gap:12px; }
  .conv-disclosure>summary strong { font-size:21px; }
  body[data-conversion-preview="v8"] #diagnostico-guiado .guided-assessment-card-v39 { display:block; padding:22px 18px; }
  body[data-conversion-preview="v8"] #diagnostico-guiado .guided-assessment-options-v39 { grid-template-columns:1fr; gap:8px; }
  body[data-conversion-preview="v8"] #diagnostico-guiado .guided-assessment-option-v39 { min-height:0; grid-template-columns:34px minmax(0,1fr); align-items:start; padding:12px; border-radius:8px; }
  body[data-conversion-preview="v8"] #diagnostico-guiado .guided-assessment-option-wide-v39 { grid-column:auto; }
  body[data-conversion-preview="v8"] .conv-faq { display:block; padding-top:0; }
  body[data-conversion-preview="v8"] .conv-faq .faq-list { margin-top:24px; }
  body[data-conversion-preview="v8"] .conv-faq summary { padding:16px 12px; }
  body[data-conversion-preview="v8"] .conv-faq summary h3 { font-size:14px; }
  .conv-chat-disclosure-wrap { width:calc(100% - 40px); margin-bottom:36px; }
  body[data-conversion-preview="v8"] .conv-chat { padding:18px; }
  body[data-conversion-preview="v8"] .conv-final { width:100%; padding:36px 20px; }
}
@media(max-width:360px) {
  body[data-conversion-preview="v8"] #hero h1 { font-size:36px; }
  body[data-conversion-preview="v8"] .conv-hero-contact .conv-actions { flex-direction:column; }
  .story-inputs { width:88%; }
  .story-file-tags { right:-12%; }
  .story-kpis strong { font-size:13px; }
  .story-dashboard-panels { grid-template-columns:1fr .7fr; }
  .story-donut-card>span { font-size:5px; }
  .story-donut { width:43px; height:43px; }
  .story-donut>span { width:29px; height:29px; }
  .story-dashboard header>span { display:none; }
  .example-card { padding:16px; }
  .example-report-body strong { font-size:23px; }
  .example-bars { width:58px; }
  .example-sources { gap:6px; }
  .example-sources>span:not(.example-source-arrow) { font-size:10px; padding:6px; }
  .example-order-card strong { font-size:13px; }
  .example-order-card small { font-size:7px; }
  .example-order-headings { font-size:10px; }
  .case-lead-flow { gap:4px; font-size:9px; }
  body[data-conversion-preview="v8"] .conv-case h3.conv-case-metric { font-size:26px; gap:9px; }
}
@media(prefers-reduced-motion:reduce) {
  body[data-conversion-preview="v8"] *, body[data-conversion-preview="v8"] *::before, body[data-conversion-preview="v8"] *::after { animation:none!important; transition:none!important; scroll-behavior:auto!important; }
}
/* Remove inherited landing layout space in the new home composition. */
body[data-conversion-preview="v8"] #casos.conv-cases { padding-top:0!important; }
body[data-conversion-preview="v8"] #confianza { border:0!important; border-bottom:1px solid #dce5eb!important; border-radius:0!important; box-shadow:none!important; background:#fff!important; }
body[data-conversion-preview="v8"] #confianza .reporting-trust-wall-v37 { border:0!important; box-shadow:none!important; background:none!important; }
body[data-conversion-preview="v8"] .conv-hero-contact .conv-actions a { width:auto; min-width:0; }
.story-stage-label { position:relative; z-index:3; }
@media(max-width:700px) {
  body[data-conversion-preview="v8"] #hero h1 { font-size:clamp(29px,8.8vw,38px); }
  body[data-conversion-preview="v8"] #hero h1 em { white-space:nowrap; }
  body[data-conversion-preview="v8"] .conv-hero-contact .conv-actions a { width:auto!important; min-width:0!important; font-size:11px; }
  body[data-conversion-preview="v8"] .conv-hero-contact .conv-actions .primary-button { padding-inline:8px; }
  body[data-conversion-preview="v8"] .conv-hero-contact .conv-actions svg { width:16px; height:16px; }
  .story-toolbar { display:block; }
  .story-toolbar>span { display:block; margin-top:9px; }
  .story-stage { padding-top:23px; }
  .story-stage-label { margin-bottom:13px; }
  .story-sheet :is(th,td) { height:20px; padding:3px 4px; line-height:1.4; }
  .story-sheet-back { height:160px; top:20px; }
  .story-bridge { height:80px; }
  .story-file-tags { top:66px; }
  .story-formula { padding-block:5px; }
  .story-sheet-bottom { padding-block:5px; }
  body[data-conversion-preview="v8"] .conv-case { padding:18px 20px; }
  body[data-conversion-preview="v8"] .conv-case h3 { margin-top:13px; }
  body[data-conversion-preview="v8"] .conv-case p { font-size:13px; margin:5px 0; }
  body[data-conversion-preview="v8"] .conv-case h3.conv-case-metric { font-size:27px; }
  .case-time-chart { margin:10px 0; }
  .case-lead-flow { margin:13px 0; }
  body[data-conversion-preview="v8"] .conv-faq summary { min-height:60px; padding:13px 12px; }
  body[data-conversion-preview="v8"] #solucion.visual-examples { padding-bottom:36px!important; }
}
@media(max-width:360px) {
  body[data-conversion-preview="v8"] .conv-hero-contact .conv-actions { flex-direction:row; }
  body[data-conversion-preview="v8"] .conv-hero-contact .conv-actions a { font-size:10px; gap:5px; padding-inline:7px; }
}
.story-engine img { filter:brightness(0) invert(1); }
@media(max-width:360px) {
  body[data-conversion-preview="v8"] .conv-case h3.conv-case-metric { font-size:22px; gap:7px; }
  body[data-conversion-preview="v8"] .conv-case-metric>span { font-size:17px; white-space:nowrap; }
  body[data-conversion-preview="v8"] .conv-case-metric>strong { white-space:nowrap; }
}
/* 2026-09-06: Company ownership is visible inside every illustrative system. */
.conv-ownership { display:flex; flex-wrap:wrap; gap:8px 18px; margin-top:13px; color:#b6e7e5; font-size:12px; }
.company-monogram { display:inline-grid; place-items:center; flex:none; width:28px; height:28px; border:1px solid #40b8c6; border-radius:7px; background:#cceff0; color:#075763; font-size:11px; font-weight:800; line-height:1; }
.story-company-heading { min-width:0; display:flex; flex-direction:column; gap:3px; }
.story-company-heading>span { max-width:215px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#167783; font-size:10px; font-weight:800; }
.story-phone-brand .company-monogram { width:19px; height:19px; font-size:7px; border-radius:5px; }
.story-phone-brand>span { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.example-company { display:flex; align-items:center; min-width:0; gap:8px; margin-bottom:12px; color:#0c5965; font-size:12px; font-weight:700; }
.example-company .company-monogram { width:25px; height:25px; font-size:10px; }
.example-company>span { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.example-company>small { flex:none; margin-left:auto; color:#667e8d; font-size:10px; font-weight:500; }
.example-report>.example-company { padding-bottom:10px; border-bottom:1px solid #dfe8ec; }
.case-scene { display:grid; grid-template-columns:minmax(0,.75fr) 24px minmax(0,1.25fr); align-items:center; gap:8px; min-height:210px; margin:18px 0 7px; }
.case-scene-label { display:block; color:#5b7380; font-size:9px; letter-spacing:.1em; font-weight:750; margin-bottom:10px; }
.case-mini-sheet { position:relative; background:#fff; border:1px solid #c9dcd6; border-radius:5px; box-shadow:0 4px 10px #22473a0c; overflow:hidden; transform:rotate(-4deg); }
.case-mini-sheet:last-child { margin-top:-3px; transform:translateX(7px) rotate(3deg); }
.case-mini-sheet>b { display:flex; gap:7px; padding:7px 9px; background:#e8f3ec; color:#267052; font-size:10px; }
.case-mini-sheet>b>span { font-weight:600; }
.case-mini-sheet>div { display:grid; grid-template-columns:repeat(4,1fr); padding:6px; }
.case-mini-sheet i { height:10px; border:1px solid #e5edeb; background:#f4f7f5; }
.case-mini-sheet i:nth-child(4n) { background:#b8ddd1; }
.case-connect { align-self:center; font-size:25px; color:#378e93; }
.case-mini-window { border:1px solid #bfd5d8; border-radius:7px; background:#fff; overflow:hidden; box-shadow:0 8px 22px #17394a0a; }
.case-mini-window>header { display:flex; align-items:center; justify-content:space-between; gap:6px; padding:10px; background:#12354a; color:#fff; font-size:10px; }
.case-mini-window>header>span { font-size:8px; color:#a7ebe0; }
.case-mini-dashboard { display:flex; align-items:end; justify-content:space-between; gap:10px; padding:14px 12px; }
.case-mini-dashboard>div:first-child { display:flex; flex-direction:column; gap:5px; }
.case-mini-dashboard small { color:#647d89; font-size:9px; }
.case-mini-dashboard strong { color:#086d5c; font-size:27px; line-height:1; letter-spacing:-.04em; white-space:nowrap; }
.case-mini-dashboard span { font-size:9px; color:#637887; }
.case-mini-bars { display:flex; gap:4px; align-items:end; width:42%; height:63px; }
.case-mini-bars>i { flex:1; height:34%; background:#70bcb3; border-radius:2px 2px 0 0; transform-origin:bottom; }
.case-mini-bars>i:nth-child(2) { height:50%; }.case-mini-bars>i:nth-child(3) { height:43%; }.case-mini-bars>i:nth-child(4) { height:72%; }.case-mini-bars>i:nth-child(5) { height:65%; }.case-mini-bars>i:nth-child(6) { height:100%; background:#078572; }
.case-mini-window>footer { display:flex; gap:12px; padding:9px 10px; background:#eef7f4; border-top:1px solid #e2eee9; color:#397a6a; font-size:9px; }
.case-mini-site { border:1px solid #d3dce3; border-radius:5px; background:#fff; overflow:hidden; transform:rotate(-3deg); }
.case-mini-site>header { display:flex; justify-content:space-between; padding:8px; color:#fff; background:#183249; font-size:9px; }
.case-buildings { display:flex; gap:5px; align-items:end; justify-content:center; height:68px; margin:8px; background:#f2ede4; overflow:hidden; }
.case-buildings>i { width:25%; height:70%; border:5px solid #beb9b0; background:repeating-linear-gradient(0deg,#e3ded5 0 5px,#7b898c 5px 8px); }
.case-buildings>i:nth-child(2) { height:96%; background-color:#a5afb0; }.case-buildings>i:nth-child(3) { height:57%; }
.case-site-lines { display:grid; gap:4px; margin:8px; }.case-site-lines i { height:3px; width:90%; background:#d8dfe2; }.case-site-lines i:last-child { width:65%; }
.case-mini-site>b { display:block; margin:8px; padding:6px 4px; background:#244b60; color:#fff; text-align:center; font-size:8px; border-radius:3px; }
.case-lead-person { display:flex; align-items:center; gap:7px; padding:13px 10px 10px; font-size:10px; font-weight:700; color:#203e52; }
.case-lead-person>b { display:grid; place-items:center; width:24px; height:27px; border-radius:5px; background:#e3f1f1; color:#188a8d; font-size:15px; }
.case-lead-person small { display:block; margin-top:4px; font-size:8px; font-weight:400; color:#6b808b; }
.case-lead-fields { display:grid; gap:7px; padding:0 10px 12px; color:#71818c; font-size:9px; }.case-lead-fields>span { display:flex; justify-content:space-between; gap:5px; }.case-lead-fields b { color:#31586e; font-weight:600; }
.conv-case:hover .case-mini-bars>i { animation:case-bar-in .7s ease both; }.conv-case:hover .case-connect { animation:case-connect-in .7s ease both; }
@keyframes case-bar-in { from { transform:scaleY(.25); } to { transform:scaleY(1); } }
@keyframes case-connect-in { from { transform:translateX(-5px); opacity:.4; } to { transform:translateX(0); opacity:1; } }
body[data-conversion-preview="v8"] #diagnostico-ia.conv-chat { display:grid!important; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); grid-template-rows:auto auto; gap:12px 40px; width:min(1160px,calc(100% - 64px))!important; padding:28px!important; margin:0 auto 38px!important; border:1px solid #d6e6eb!important; border-radius:14px; background:#f2f8fa!important; box-shadow:none; }
body[data-conversion-preview="v8"] #diagnostico-ia .ai-diagnostic-copy { display:block!important; grid-column:1; grid-row:1 / 3; align-self:center; }
body[data-conversion-preview="v8"] #diagnostico-ia .ai-diagnostic-copy h2 { font-size:clamp(28px,3vw,38px)!important; line-height:1.1; color:#15364c; }
body[data-conversion-preview="v8"] #diagnostico-ia .ai-diagnostic-copy>p:not(.conv-eyebrow) { font-size:14px!important; line-height:1.5; margin:12px 0 0; color:#526a7b; max-width:290px; }
.company-ai-flow { display:flex; align-items:center; gap:16px; margin-top:22px; color:#087d8c; }
.company-ai-flow>span { display:grid; justify-items:center; gap:9px; font-size:25px; }.company-ai-flow small { color:#4d6678; font-size:10px; }.company-ai-flow i { font-style:normal; color:#8ab3bf; }
body[data-conversion-preview="v8"] #diagnostico-ia .embedded-chat { grid-column:2; grid-row:1; width:100%; min-width:0; border:1px solid #c7dce4; border-radius:10px; box-shadow:0 8px 24px #113d5710; }
body[data-conversion-preview="v8"] #diagnostico-ia .ai-chat-header { padding:12px 14px; background:#fff; }
body[data-conversion-preview="v8"] #diagnostico-ia .ai-chat-header strong { color:#163b50!important; }
body[data-conversion-preview="v8"] #diagnostico-ia .ai-chat-header small { color:#557182!important; }
body[data-conversion-preview="v8"] #diagnostico-ia .ai-diagnostic-copy .conv-eyebrow { font-size:11px; color:#007c87; }
body[data-conversion-preview="v8"] #diagnostico-ia .ai-chat-header strong { font-size:14px; }.conv-chat .ai-chat-header small { font-size:10px; }
body[data-conversion-preview="v8"] #diagnostico-ia .ai-chat-avatar { width:28px; height:28px; }
body[data-conversion-preview="v8"] #diagnostico-ia .embedded-chat { margin:0!important; }
body[data-conversion-preview="v8"] #diagnostico-ia .ai-chat-messages { height:128px!important; min-height:128px!important; max-height:200px!important; padding:12px; overflow-y:auto; overscroll-behavior:contain; scroll-margin-top:100px; }
body[data-conversion-preview="v8"] #diagnostico-ia .ai-message { font-size:12px; line-height:1.45; padding:9px 11px; max-width:95%; }
body[data-conversion-preview="v8"] #diagnostico-ia .ai-chat-form { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:8px; padding:10px!important; }
body[data-conversion-preview="v8"] #diagnostico-ia .ai-chat-form textarea { height:56px; min-height:56px!important; max-height:110px!important; padding:10px; font-size:13px; }
body[data-conversion-preview="v8"] #diagnostico-ia .ai-chat-form .primary-button { width:auto!important; min-width:65px!important; min-height:44px; padding:10px; font-size:12px; }
.company-ai-prompts { display:flex; flex-wrap:wrap; gap:6px; padding:0 12px 10px; background:#fff; }
.company-ai-prompts>button { border:1px solid #c3dce5; background:#f1f8fa; color:#24627b; border-radius:6px; min-height:36px; padding:8px 10px; font:inherit; font-size:11px; cursor:pointer; }.company-ai-prompts>button:hover { background:#dbf1f4; }
body[data-conversion-preview="v8"] #diagnostico-ia .ai-chat-form .primary-button { border-radius:8px; box-shadow:none; background:#155d72; }
body[data-conversion-preview="v8"] #diagnostico-ia .diagnostic-human-handoff { grid-column:2; grid-row:2; justify-content:flex-end; min-height:0; margin:0!important; padding:0; border:0; background:transparent; font-size:11px; }
@media(max-width:700px) {
  .conv-ownership { font-size:11px; gap:12px; margin-top:10px; }
  .story-company-heading>span { max-width:145px; font-size:8px; }.story-screen aside .company-monogram { width:21px; height:21px; font-size:8px; border-radius:4px; }.story-phone-brand .company-monogram { width:15px; height:15px; font-size:6px; border-radius:3px; }
  .case-scene { min-height:195px; margin-top:14px; }.case-mini-dashboard { padding:13px 9px; gap:5px; }.case-mini-dashboard strong { font-size:24px; }.case-mini-bars { gap:3px; }.case-mini-window>footer { padding-inline:8px; font-size:8px; gap:9px; }
  .case-lead-person { padding-inline:8px; font-size:9px; gap:5px; }.case-lead-person small { font-size:7px; }.case-mini-window>header>span { font-size:7px; }.case-lead-fields { font-size:8px; padding-inline:8px; }
  body[data-conversion-preview="v8"] #diagnostico-ia.conv-chat { display:block!important; width:calc(100% - 40px)!important; padding:20px 14px 12px!important; margin-bottom:30px!important; }
  body[data-conversion-preview="v8"] #diagnostico-ia .ai-diagnostic-copy h2 { font-size:28px!important; }.conv-chat h2 br { display:none; }.conv-chat h2 br::after { content:' '; }
  body[data-conversion-preview="v8"] #diagnostico-ia .ai-diagnostic-copy>p:not(.conv-eyebrow) { font-size:13px!important; max-width:none; margin-top:8px; }
  .company-ai-flow { margin:15px 0 20px; gap:15px; }.company-ai-flow>span { display:flex; align-items:center; gap:5px; font-size:16px; }.company-ai-flow small { font-size:9px; }
  body[data-conversion-preview="v8"] #diagnostico-ia .ai-diagnostic-copy .conv-eyebrow { font-size:9px; margin-bottom:8px; }
  body[data-conversion-preview="v8"] #diagnostico-ia .ai-chat-header { padding:10px; }.conv-chat .ai-chat-header small { font-size:9px; }
  .company-ai-prompts { padding:0 9px 8px; gap:5px; }.company-ai-prompts>button { font-size:10px; padding:7px; min-height:38px; }
  body[data-conversion-preview="v8"] #diagnostico-ia .ai-chat-messages { height:116px!important; min-height:116px!important; }
  body[data-conversion-preview="v8"] #diagnostico-ia .ai-chat-form textarea { font-size:16px; }.conv-chat .ai-chat-form textarea::placeholder { font-size:12px; }
  body[data-conversion-preview="v8"] #diagnostico-ia .diagnostic-human-handoff { margin-top:9px!important; }
}
/* 2026-09-06 V6: readable data, finite motion and a mobile-specific report. */
.story-dashboard, .story-phone, [data-phase] .story-dashboard, [data-phase] .story-phone { opacity:1; }
[data-phase] .story-chart-line { stroke-dashoffset:0; transition:none; }
.story-chart { height:120px; margin-top:15px; }
.story-chart-values { font:600 15px system-ui,sans-serif; fill:#35586b; }
.story-chart-unit { display:block; font-size:8px; color:#557080; margin-top:4px; }
.story-kpis strong, .story-phone>strong, .example-report strong, .report-months strong { font-variant-numeric:tabular-nums; }
.story-kpis strong { font-size:25px; }
.story-kpis span { font-size:9px; }
.story-kpis small { font-size:8px; }
.story-system-rows { font-size:9px; flex-wrap:wrap; }
.story-dashboard header>span { min-width:62px; justify-content:end; }
.story-playback button { min-height:44px; }
.story-steps li { font-size:12px; }
.example-sources { gap:12px; padding:19px 0 27px; }
.example-sources>span:not(.example-source-arrow) { flex:1; padding:10px 12px; box-shadow:none; }
.example-sources>span>span { display:block; font-size:11px; }
.example-sources strong { display:block; color:#16765f; font-size:14px; margin-top:3px; font-variant-numeric:tabular-nums; }
.example-report-body { margin:17px 0 19px; }
.example-report-body strong { font-size:34px; line-height:1.2; }
.example-report-body small { font-size:12px; }
.example-report-body span { font-size:11px; min-height:17px; }
.example-report header { font-size:12px; }
.example-report header>span { min-width:78px; text-align:right; font-size:11px; }
.report-chart-heading { display:flex; justify-content:space-between; gap:8px; align-items:center; padding-top:16px; border-top:1px solid #e1eaf0; }
.report-chart-heading strong { font-size:12px; }
.report-chart-heading>span { font-size:10px; color:#607786; }
.report-months { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:9px; padding-top:8px; }
.report-months button { position:relative; height:156px; min-width:0; padding:0; border:0; border-radius:5px; background:transparent; color:#526e80; }
.report-months i { position:absolute; left:13%; width:74%; bottom:27px; height:calc(var(--bar-height) * .68); border-radius:4px 4px 0 0; background:#c1dce6; transition:background .2s; }
.report-months strong { position:absolute; bottom:calc(33px + var(--bar-height) * .68); left:0; right:0; text-align:center; font-size:12px; font-weight:650; }
.report-months button>span { position:absolute; bottom:3px; left:0; right:0; font-size:11px; text-align:center; }
.report-months [aria-pressed="true"] { color:#006b78; }
.report-months [aria-pressed="true"] i { background:#039faf; }
.report-months button:hover i { background:#40b5c5; }
.report-months button:focus-visible { outline-offset:1px!important; }
.report-chart-selection { margin:7px 0 16px; font-size:12px; text-align:right; color:#087382; font-weight:650; font-variant-numeric:tabular-nums; }
.example-report-totals { display:grid; grid-template-columns:1fr 1fr; gap:9px; }
.example-report-totals .example-report-row { display:block; margin:0; border:1px solid #e1e9ef; border-radius:7px; padding:12px; background:#f6f9fb; }
.example-report-totals .example-report-row>span { display:block; font-size:10px; color:#566d7b; }
.example-report-totals .example-report-row>strong { display:block; font-size:20px; margin-top:6px; letter-spacing:-.025em; }
.example-report-totals .report-result { background:#edf8f3; border-color:#c8e6d8; color:#076c50; }
.report-controls { display:flex; align-items:stretch; gap:8px; margin-top:20px; }
.report-controls .example-action { margin:0; flex:1; }
.report-pause { border:1px solid #a6c3cf; border-radius:7px; background:#fff; color:#205168; padding:10px 14px; font-size:12px!important; min-height:48px; }
.report-pause[hidden] { display:none; }
[data-report-state="connecting"] .example-sources>span:not(.example-source-arrow) { border-color:#17a6b6; background:#edfafa; }
[data-report-state="updating"] .example-report { border-color:#45b5c2; }
[data-report-state="complete"] .example-report { border-color:#a8d7c6; }
.example-card [data-example-report-feedback] { min-height:34px; }
body[data-conversion-preview="v8"] .example-status { font-size:12px; }
.example-order-headings { font-size:12px; }
.example-order-board { height:233px; }
.example-order-card strong { font-size:20px; }
.example-order-card small { font-size:11px; }
.example-order-owner { font-size:10px; line-height:1.5; }
.order-progress-summary { display:flex; justify-content:space-between; gap:12px; font-size:11px; color:#42687b; }
.order-progress-summary strong { font-size:11px; color:#116e78; }
.order-progress-track { height:5px; overflow:hidden; border-radius:8px; background:#dce8ee; margin:10px 0 19px; }
.order-progress-track i { display:block; height:100%; width:33.333%; background:#0998a6; transition:width .5s; }
[data-order-step="1"] .order-progress-track i { width:66.666%; }
[data-order-step="2"] .order-progress-track i { width:100%; background:#218569; }
.order-next-action { display:flex; flex-direction:column; gap:9px; background:#fff; border:1px solid #dbe6ec; border-radius:9px; padding:18px; }
.order-next-action>small { font-size:9px; letter-spacing:.1em; color:#5b7a8c; }
.order-next-action>strong { font-size:18px; letter-spacing:-.02em; }
.order-next-action>span { font-size:12px; line-height:1.5; color:#597283; }
.example-order-checks { font-size:11px; line-height:1.6; padding-top:22px; }
.example-order-headings [aria-current="step"] { color:#006879; font-weight:750; }
@media(max-width:1000px) and (min-width:701px) {
  .story-kpis strong { font-size:19px; }
  .story-kpis span { font-size:8px; }
  .example-card { padding:20px; }
}
@media(max-width:700px) {
  .story-bridge { height:68px; }
  .story-devices { padding-right:0; }
  .story-phone { display:none; }
  .story-screen aside { display:none; }
  .story-laptop { padding:11px 5px 6px; }
  .story-dashboard { padding:13px; }
  .story-company-heading>span { font-size:12px; }
  .story-dashboard header { font-size:12px; }
  .story-dashboard header>span { display:flex; font-size:9px; }
  .story-kpis { gap:8px; }
  .story-kpis>div { padding:10px 8px; }
  .story-kpis span { font-size:10px; }
  .story-kpis strong { font-size:23px; }
  .story-kpis small { font-size:8px; }
  .story-dashboard-panels { display:block; }
  .story-dashboard-panels .story-donut-card { display:none; }
  .story-dashboard-panels>div { padding:12px; }
  .story-dashboard-panels strong { font-size:12px; }
  .story-chart-unit { font-size:9px; }
  .story-chart { height:118px; margin-top:7px; }
  .story-chart-values { font-size:15px; }
  .story-axis { font-size:9px; }
  .story-system-rows { font-size:9px; flex-direction:row; justify-content:space-between; gap:8px; margin:11px 0 2px; }
  .story-system-rows b { display:block; margin:3px 0 0; font-size:11px; }
  .story-stage { padding-bottom:21px; }
  .story-bottom { gap:12px; }
  .story-steps li { font-size:11px; }
  .story-playback button { min-height:44px; }
  .example-sources>span:not(.example-source-arrow) { padding:9px; }
  .example-sources>span>span { font-size:10px; }
  .example-sources strong { font-size:13px; }
  .example-report-body strong { font-size:32px; }
  .report-months { gap:4px; }
  .report-months button { height:145px; }
  .example-report-totals .example-report-row { padding:11px 9px; }
  .example-report-totals .example-report-row>strong { font-size:18px; }
  .example-order-board { height:204px; margin-top:15px; }
  .example-order-lanes { display:none; }
  .example-order-card, [data-order-step] .example-order-card { transform:none; left:0; top:52px; width:100%; padding:15px 17px; display:grid; grid-template-columns:1fr auto; gap:7px; transition:border-color .35s,background .35s; }
  .example-order-card>span:first-child { font-size:12px; grid-column:1/-1; }
  .example-order-card strong { font-size:25px; margin:0; }
  .example-order-card small { font-size:13px; align-self:center; }
  .example-order-owner { grid-column:1/-1; font-size:12px; margin-top:3px; padding-top:8px; }
  [data-order-step="2"] .example-order-card { background:#f1fbf5; }
  .order-next-action { padding:15px; }
  .order-next-action>strong { font-size:17px; }
  .example-order-headings { font-size:11px; }
  .example-order-checks { padding-top:16px; }
  .example-card [data-example-report-feedback] { min-height:0; }
  body[data-conversion-preview="v8"] .conv-section-heading h2 { font-size:29px; }
}
@media(max-width:360px) {
  .story-dashboard { padding:10px; }
  .story-kpis>div { padding:9px 7px; }
  .story-kpis strong { font-size:20px; }
  .story-kpis span { font-size:9px; }
  .story-company-heading>span { font-size:11px; }
  .story-dashboard header { font-size:10px; }
  .story-dashboard header>span { font-size:8px; min-width:50px; }
  .example-report { padding:12px; }
  .example-report-totals .example-report-row>strong { font-size:16px; }
  .example-report-totals .example-report-row>span { font-size:9px; }
  .report-months strong { font-size:11px; }
  .example-sources { gap:6px; }
  .example-sources>span:not(.example-source-arrow) { gap:5px; padding:8px 5px; }
  .example-order-card strong { font-size:22px; }
  .example-order-card small { font-size:12px; }
}
@media(max-width:700px) {
  .story-sheet-bottom { display:none; }
  .story-sheet-back { height:135px; }
  .story-dashboard-panels>div { padding:10px; }
  .story-chart { height:102px; }
  .story-system-rows b { display:inline; font-size:10px; margin-left:4px; }
  .story-system-rows { font-size:8px; gap:6px; }
}
.report-chart-footer { display:flex; align-items:center; justify-content:space-between; gap:8px; margin:7px 0 16px; }
.report-chart-footer>span { color:#647e8d; font-size:10px; }
.report-chart-footer .report-chart-selection { margin:0; }
.order-rule-list { display:grid; grid-template-columns:1fr 1fr; gap:12px; border-top:1px solid #e0eaf0; padding-top:14px; margin-top:3px; }
.order-rule-list small { display:block; color:#5b7380; font-size:10px; }
.order-rule-list b { display:block; font-size:15px; margin-top:7px; font-variant-numeric:tabular-nums; }
[data-order-step="1"] .order-rule-list b, [data-order-step="2"] .order-rule-list b { color:#167861; }
@media(max-width:360px) { .order-rule-list b { font-size:13px; } .report-chart-footer>span { font-size:9px; } .report-chart-selection { font-size:10px; } }
.conv-section-heading .conv-text-link { white-space:nowrap; flex:none; }
@media(max-width:700px) { .conv-section-heading { gap:12px; } }

/* V7: predictable navigation, touch targets and contact contrast. */
body[data-conversion-preview="v8"] { overflow-x:clip; }
body[data-conversion-preview="v8"] .site-header { position:sticky!important; top:0; z-index:40; background:#fff; gap:18px; }
body[data-conversion-preview="v8"] .home-nav { display:flex; gap:2px; padding:3px; }
body[data-conversion-preview="v8"] .home-nav a { display:flex; align-items:center; justify-content:center; min-height:44px; padding:10px 12px; font-size:13px; white-space:nowrap; text-decoration:none; }
body[data-conversion-preview="v8"] .home-nav a[aria-current] { color:#066b76; background:#e8f5f7; }
.home-menu-toggle { display:none; }
body[data-conversion-preview="v8"] :is(.conv-text-link,.footer-nav a,.footer-brand,.footer-bottom a) { min-height:44px; }
body[data-conversion-preview="v8"] .footer-bottom a { display:inline-flex; align-items:center; }
body[data-conversion-preview="v8"] .footer-nav { flex-wrap:wrap; gap:2px 8px; }
body[data-conversion-preview="v8"] .footer-nav a { display:inline-flex; align-items:center; font-size:13px; }
body[data-conversion-preview="v8"] #agenda.conv-final { background:#071a35!important; padding:42px 24px; }
body[data-conversion-preview="v8"] #agenda .conv-eyebrow { color:#a3d9e0; }
body[data-conversion-preview="v8"] #agenda h2 { color:#fff; }
body[data-conversion-preview="v8"] #agenda>.conv-text-link { color:#a7ecf2; font-size:14px; text-decoration:underline; text-underline-offset:4px; }
body[data-conversion-preview="v8"] #agenda>.conv-text-link:hover { color:#fff; }
body[data-conversion-preview="v8"] #agenda .conv-actions .primary-button { background:#3bcde0; color:#073249; border-color:#3bcde0; }
body[data-conversion-preview="v8"] :is(#hero,#agenda) :is(a,button):focus-visible { outline-color:#8aedf5; }
.story-modes button { min-height:44px; }
.story-playback button { min-width:84px; justify-content:center; }
.story-playback button:disabled { color:#90a8bb; opacity:.65; cursor:default; }
.report-pause { min-width:84px; }
.report-pause:disabled { color:#526d7b; background:#ecf2f5; border-color:#cfdee5; cursor:default; }
body[data-conversion-preview="v8"] .company-ai-prompts>button { min-height:44px; font-size:12px; }
.ai-idea-feedback { padding:0 12px; margin:0 0 6px; color:#315d70; font-size:11px; line-height:1.4; }
.ai-idea-feedback[hidden] { display:none; }
body[data-conversion-preview="v8"] #diagnostico-ia .ai-chat-form textarea { font-size:16px; }
body[data-conversion-preview="v8"] .example-card { padding:24px; }
.example-sources { padding-block:16px 23px; }
.example-report-body { margin-block:12px 15px; }
.report-months button { height:142px; }
body[data-conversion-preview="v8"] .conv-faq summary h3 { font-size:16px; }
body[data-conversion-preview="v8"] .conv-faq summary { min-height:60px; }
body[data-conversion-preview="v8"] .conv-faq details>p { line-height:1.6; }
body[data-conversion-preview="v8"] #diagnostico-guiado .guided-assessment-card-v39 { display:block!important; min-height:0; padding:24px; }
body[data-conversion-preview="v8"] #diagnostico-guiado .guided-assessment-intro-v39 h2 { font-size:26px; }
body[data-conversion-preview="v8"] #diagnostico-guiado .guided-assessment-intro-v39 { margin-bottom:16px; }
@media(max-width:900px) {
  body[data-conversion-preview="v8"] .site-header { display:grid; grid-template-columns:minmax(0,1fr) auto auto; gap:10px; padding:9px 16px; min-height:62px; }
  body[data-conversion-preview="v8"] .site-header .brand { min-width:0; width:auto; min-height:44px; }
  body[data-conversion-preview="v8"] .site-header .brand-logo { width:140px; max-width:100%; height:auto; }
  body[data-conversion-preview="v8"] .site-header .brand small { display:none; }
  body[data-conversion-preview="v8"] .header-contact-pair { grid-column:3; grid-row:1; }
  body[data-conversion-preview="v8"] .header-phone-button { display:none!important; }
  body[data-conversion-preview="v8"] .home-menu-toggle { grid-column:2; grid-row:1; display:flex; align-items:center; gap:7px; min-height:44px; padding:10px; border:1px solid #c7dce3; border-radius:7px; background:#f5f9fb; color:#16394f; font-size:12px; font-weight:650; }
  .home-menu-toggle svg { width:17px; height:17px; fill:none; stroke:currentColor; stroke-width:1.6; }
  body[data-conversion-preview="v8"] .home-nav { display:none; position:absolute; left:16px; right:16px; top:calc(100% - 1px); grid-template-columns:1fr 1fr; padding:8px; gap:5px; border:1px solid #c7dce3; border-radius:0 0 12px 12px; box-shadow:0 10px 24px #16394f1a; background:#fff; }
  body[data-conversion-preview="v8"] [data-menu-open] .home-nav { display:grid; }
  body[data-conversion-preview="v8"] .home-nav a { min-height:48px; background:#f4f8fa; font-size:14px; }
  body[data-conversion-preview="v8"] :is(.conv-section,#diagnostico-ia,#diagnostico-guiado,#inicio) { scroll-margin-top:82px!important; }
}
@media(max-width:700px) {
  body[data-conversion-preview="v8"] .example-card { padding:18px; }
  .report-months { gap:5px; }
  .report-months button { height:132px; }
  .story-stage { padding-bottom:24px; }
  body[data-conversion-preview="v8"] #hero { padding-top:26px; }
  body[data-conversion-preview="v8"] .conv-hero-contact .conv-actions a { font-size:12px; }
  body[data-conversion-preview="v8"] .conv-faq summary h3 { font-size:15px; }
  body[data-conversion-preview="v8"] #diagnostico-guiado .guided-assessment-card-v39 { padding:20px 16px; }
  body[data-conversion-preview="v8"] #diagnostico-guiado .guided-assessment-intro-v39 h2 { font-size:23px; }
  body[data-conversion-preview="v8"] .footer-nav { display:grid; grid-template-columns:repeat(3,1fr); gap:4px 8px; width:100%; }
  body[data-conversion-preview="v8"] .footer-nav a { justify-content:center; }
}
@media(max-width:360px) {
  body[data-conversion-preview="v8"] .conv-hero-contact .conv-actions a { font-size:11px; }
  body[data-conversion-preview="v8"] .conv-section-heading { flex-wrap:wrap; gap:4px; }
  body[data-conversion-preview="v8"] .example-card { padding:15px; }
  body[data-conversion-preview="v8"] .company-ai-prompts { gap:4px; }
  body[data-conversion-preview="v8"] .company-ai-prompts>button { padding:7px; font-size:11px; }
}

/* V8: show the action before the report; keep operational cards readable. */
.example-heading+.report-controls { margin:16px 0 0; }
.report-controls .example-action { justify-content:center; }
.report-pause { padding-inline:11px; }
.report-months [aria-pressed="true"]>span { font-weight:800; text-decoration:underline; text-underline-offset:4px; }
.example-order-owner { font-size:12px; margin-top:10px; padding-top:8px; }
.example-order-card strong { margin-top:8px; }
.example-order-board { height:250px; }
.example-order-lanes { height:201px; }
body[data-conversion-preview="v8"] .example-status { min-height:36px; }
@media(min-width:701px) and (max-width:1100px) {
  .example-order-board { height:211px; margin-top:15px; }
  .example-order-lanes { display:none; }
  .example-order-card, [data-order-step] .example-order-card { transform:none; left:0; top:52px; width:100%; padding:14px 16px; display:grid; grid-template-columns:1fr auto; gap:7px; transition:border-color .35s,background .35s; }
  .example-order-card>span:first-child { grid-column:1/-1; font-size:12px; }
  .example-order-card strong { font-size:24px; margin:0; }
  .example-order-card small { font-size:12px; align-self:center; }
  .example-order-owner { grid-column:1/-1; margin-top:3px; }
  [data-order-step="2"] .example-order-card { background:#f1fbf5; }
}
@media(max-width:700px) {
  .story-stage { display:grid; grid-template-columns:minmax(0,1fr) 76px; gap:20px 12px; padding-top:21px; }
  .story-inputs { width:100%; max-width:none; padding:0; align-self:center; }
  .story-sheet-back { left:12px; top:17px; width:calc(100% - 12px); height:110px; }
  .story-stage-label { margin-bottom:15px; }
  .story-file-tags { position:static; flex-direction:row; justify-content:flex-start; gap:5px; margin-top:10px; font-size:8px; }
  .story-file-tags>span { padding:5px 6px; }
  .story-bridge { height:100%; padding:0; width:100%; }
  .story-engine { width:76px; display:flex; flex-direction:column; gap:7px; padding:10px 5px; }
  .story-engine span { font-size:9px; text-align:center; }
  .story-engine img { width:28px; height:28px; }
  .story-stream, .stream-one, .stream-three { left:-35%; top:50%; width:110%; transform:none; }
  .stream-one { transform:rotate(-12deg); }
  .stream-three { transform:rotate(12deg); }
  .story-devices { grid-column:1/-1; }
  .story-sheet-front { transform:rotate(-2deg); }
  .story-sheet-title { font-size:9px; gap:5px; padding:6px 8px; }
  .story-sheet-title>b { width:17px; height:18px; font-size:11px; }
  .story-sheet-front .story-sheet-title>span:last-child:not([data-story-file]) { display:none; }
  .story-sheet-title>[data-story-file] { display:block; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
  .story-formula, .story-sheet thead { display:none; }
  .example-order-board { height:204px; }
  .example-order-card strong { margin:0; }
}
@media(max-width:360px) {
  .story-stage { grid-template-columns:minmax(0,1fr) 61px; gap:18px 10px; }
  .story-engine { width:61px; }
  .story-engine span { font-size:8px; }
  .story-sheet-title { padding-inline:6px; font-size:8px; }
  .story-sheet :is(th,td) { padding-inline:3px; font-size:8px; }
  .story-file-tags { font-size:7px; gap:3px; }
  .story-file-tags>span { padding-inline:4px; }
}

/* 2026-09-09: content is visible; only useful actions require interaction. */
body[data-commercial-open] .conv-hero-copy .conv-intro { margin:18px 0 8px; max-width:620px; }
body[data-commercial-open] .conv-ownership { margin:0; color:#d9eee9; font-size:15px; font-weight:550; line-height:1.5; }
body[data-commercial-open] .conv-hero-top { padding-top:26px; }
body[data-commercial-open] .story-toolbar>strong { color:#d5eeec; font-size:12px; font-weight:600; }
body[data-commercial-open] .example-heading { min-height:0; margin-bottom:16px; }
body[data-commercial-open] .example-heading h3 { margin:0; }
body[data-commercial-open] .conv-section-heading>h2 { margin:0; }
body[data-commercial-open] #diagnostico-guiado.conv-open-contact { width:min(1100px,calc(100% - 64px)); display:grid; grid-template-columns:.72fr 1.5fr; gap:32px; align-items:start; margin:12px auto 48px; padding:30px; background:#f2f8f5; border:1px solid #c7ddd3; border-radius:16px; }
body[data-commercial-open] .open-contact-heading h2 { margin:0; font-size:clamp(25px,3vw,34px); line-height:1.18; color:#143c38; }
body[data-commercial-open] .open-contact-heading p { color:#486760; font-size:14px; line-height:1.6; max-width:270px; margin:14px 0 0; }
body[data-commercial-open] .commercial-contact-form { display:block; margin:0; padding:0; background:none; border:0; box-shadow:none; min-width:0; }
body[data-commercial-open] .open-contact-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px 16px; }
body[data-commercial-open] .open-contact-fields label { display:flex; flex-direction:column; gap:6px; min-width:0; margin:0; padding:0; color:#183e37; font-size:13px; font-weight:650; }
body[data-commercial-open] .open-contact-fields label small { color:#637b72; font-size:11px; font-weight:400; }
body[data-commercial-open] .open-contact-fields :is(input,textarea) { box-sizing:border-box; width:100%; min-width:0; min-height:45px; border:1px solid #b2c9be; border-radius:7px; background:#fff; padding:10px 12px; font:inherit; font-size:16px; font-weight:400; color:#173a33; box-shadow:none; }
body[data-commercial-open] .open-contact-fields textarea { resize:vertical; min-height:92px; line-height:1.5; }
body[data-commercial-open] .open-contact-fields :is(input,textarea):focus-visible { outline:3px solid #67b2a4; outline-offset:2px; }
body[data-commercial-open] .open-contact-fields .field-invalid { border-color:#ae3540; background:#fff7f7; }
body[data-commercial-open] .open-contact-message { grid-column:1/-1; }
body[data-commercial-open] .open-contact-submit { display:flex; flex-wrap:wrap; align-items:center; gap:12px; margin-top:16px; }
body[data-commercial-open] .open-contact-submit button { min-height:46px; padding:12px 22px; border:0; border-radius:7px; font-size:15px; background:#087c73; color:#fff; font-weight:700; }
body[data-commercial-open] .open-contact-submit p { margin:0; font-size:12px; color:#49665d; }
body[data-commercial-open] .open-contact-privacy { margin:13px 0 0; font-size:11px; line-height:1.6; color:#597267; }
body[data-commercial-open] .open-contact-privacy a { color:#215d50; text-decoration:underline; }
body[data-commercial-open] .commercial-contact-form .form-error:empty { display:none; }
body[data-commercial-open] .open-faq-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 28px; margin-top:18px; }
body[data-commercial-open] .open-faq-list article { padding:18px 0; border-top:1px solid #d2e0db; }
body[data-commercial-open] .open-faq-list h3 { margin:0 0 8px; font-size:17px; line-height:1.4; color:#173e38; }
body[data-commercial-open] .open-faq-list p { margin:0; font-size:14px; line-height:1.65; color:#4a6860; }
body[data-commercial-open] .conv-faq { display:block; }
body[data-commercial-open] .conv-faq>h2 { font-size:30px; margin:0; }
.ai-visual-story { width:100%; border:1px solid #6c97964f; border-radius:16px; padding:22px; margin-top:26px; background:#0c343f; }
.ai-demo-label { text-align:right; margin:0 0 18px; font-size:11px; color:#afcbce; }
.ai-document-flow { display:grid; grid-template-columns:1fr .8fr 1.25fr; align-items:center; gap:24px; }
.ai-document-stack { position:relative; display:grid; gap:14px; }
.ai-document { background:#f8fcff; color:#294252; border-radius:7px; padding:16px; box-shadow:0 8px 20px #00121b25; }
.ai-document>span { display:block; font-size:9px; letter-spacing:1px; color:#657d8c; }
.ai-document>strong { display:block; font-size:19px; margin:7px 0 10px; }
.ai-document i { display:block; height:3px; width:80%; margin-top:7px; background:#dce8ec; }
.ai-document i+i { width:55%; }
.ai-document p { display:flex; justify-content:space-between; margin:12px 0 0; font-size:12px; }
.ai-rule-engine { text-align:center; color:#d8f9ec; }
.ai-rule-engine>span { display:block; font-size:48px; margin:0 0 9px; color:#6bd6c2; }
.ai-rule-engine strong { font-size:16px; }
.ai-rule-engine p { font-size:11px; line-height:1.6; color:#a0c1c1; }
.ai-review { background:#f3faf7; color:#224337; border:1px solid #acd4c7; border-radius:10px; padding:20px; }
.ai-review header>span { display:block; font-size:10px; letter-spacing:1px; color:#55756a; }
.ai-review header>strong { display:block; font-size:21px; line-height:1.3; margin:10px 0 20px; }
.ai-review>p { display:flex; align-items:center; gap:10px; font-size:13px; padding:10px 0; margin:0; border-top:1px solid #cbded5; }
.ai-check { color:#13775b; }
.ai-review .ai-exception { color:#77531b; background:#fff4da; padding:10px; border-radius:5px; border:0; margin-top:5px; }
.ai-review footer { display:flex; justify-content:space-between; gap:8px; padding-top:18px; font-size:11px; color:#527265; }
.ai-review footer strong { color:#1d4f40; }
.ai-use-cases .example-card h3 { font-size:24px; color:#16463c; margin:0 0 24px; }
.ai-example-input { display:flex; flex-wrap:wrap; gap:8px; }
.ai-example-input>span { padding:13px; background:#eaf1f8; border:1px solid #cbdae6; border-radius:6px; color:#385469; font-size:12px; }
.ai-example-arrow { padding:14px; text-align:center; font-size:25px; color:#319883; }
.ai-example-result { padding:16px; border:1px solid #bcdacc; border-radius:9px; background:#f0f8f4; }
.ai-example-result>div { display:flex; justify-content:space-between; gap:15px; padding:10px 0; font-size:13px; border-bottom:1px solid #d0e2d8; }
.ai-example-result>div:last-child { border-bottom:0; }
.ai-example-result>div>span { color:#5b766a; }
.ai-example-result strong { color:#215642; text-align:right; }
.ai-example-question { margin:0 0 17px; padding:17px; border-radius:10px 10px 0 10px; background:#e8f2f1; color:#1f534f; font-size:15px; }
.ai-example-answer { padding:20px; border:1px solid #bfd8d1; border-radius:0 10px 10px 10px; color:#28574e; }
.ai-example-answer strong { font-size:17px; line-height:1.5; }
.ai-example-answer p { font-size:12px; margin:17px 0; color:#207764; }
.ai-example-answer>span { font-size:12px; color:#607a70; }
@media(max-width:900px) {
  body[data-commercial-open] .site-header { flex-wrap:wrap; }
  body[data-commercial-open] .home-nav { position:static; display:flex!important; visibility:visible; opacity:1; transform:none; width:100%; order:3; justify-content:space-between; gap:6px; padding:8px 0 0; border:0; box-shadow:none; background:transparent; }
  body[data-commercial-open] .home-nav a { display:block; padding:7px 10px; font-size:12px; min-height:34px; }
  body[data-commercial-open] #diagnostico-guiado.conv-open-contact { grid-template-columns:1fr; gap:22px; padding:24px; }
  body[data-commercial-open] .open-contact-heading p { max-width:none; margin-top:8px; }
  .ai-document-flow { grid-template-columns:1fr 1.1fr; gap:18px; }
  .ai-rule-engine { grid-column:1/-1; grid-row:2; display:flex; align-items:center; justify-content:center; gap:12px; }
  .ai-rule-engine>span { font-size:28px; margin:0; }
  .ai-rule-engine p { margin:0; }
}
@media(max-width:600px) {
  body[data-commercial-open] .conv-hero-top { padding-top:10px; }
  body[data-commercial-open] .conv-ownership { font-size:13px; }
  body[data-commercial-open] #diagnostico-guiado.conv-open-contact { width:calc(100% - 32px); padding:20px; margin-bottom:32px; }
  body[data-commercial-open] .open-contact-fields { gap:14px; }
  body[data-commercial-open] .open-contact-fields label { font-size:12px; }
  body[data-commercial-open] .open-contact-submit { display:block; }
  body[data-commercial-open] .open-contact-submit button { width:100%; }
  body[data-commercial-open] .open-contact-submit p { margin-top:9px; }
  body[data-commercial-open] .open-faq-list { grid-template-columns:1fr; gap:0; margin-top:12px; }
  body[data-commercial-open] .conv-faq>h2 { font-size:26px; }
  .ai-visual-story { padding:14px; }
  .ai-document-flow { gap:12px; }
  .ai-document { padding:12px; }
  .ai-document>strong { font-size:16px; }
  .ai-document>span { font-size:8px; letter-spacing:.5px; }
  .ai-document p { font-size:10px; }
  .ai-review { padding:12px; }
  .ai-review header>strong { font-size:16px; margin:8px 0 12px; }
  .ai-review>p { font-size:11px; gap:6px; }
  .ai-review footer { font-size:10px; flex-direction:column; padding-top:13px; }
  .ai-use-cases .example-card h3 { font-size:21px; margin-bottom:20px; }
}
@media(max-width:360px) {
  body[data-commercial-open] .open-contact-fields { grid-template-columns:1fr; }
  body[data-commercial-open] .home-nav a { font-size:11px; padding-inline:7px; }
}
/* Override the historical inline reset only on the new surfaces. */
body[data-commercial-open] #diagnostico-guiado.conv-open-contact { padding:30px!important; }
body[data-commercial-open] #preguntas.conv-faq { padding:30px; border-radius:12px; }
@media(max-width:600px) { body[data-commercial-open] #diagnostico-guiado.conv-open-contact { padding:20px!important; } body[data-commercial-open] #preguntas.conv-faq { padding:22px 18px; } }

/* Qualification starts with illustrated choices; the existing runtime owns each step. */
body[data-commercial-open] #diagnostico-guiado.conv-visual-assessment { --assessment-ink:#153c3c; --assessment-muted:#526d70; --assessment-line:#cddfdf; --assessment-teal:#087f86; width:min(880px,calc(100% - 64px))!important; padding:32px!important; margin:16px auto 48px; border:1px solid #bcd9d7; border-radius:20px; background:linear-gradient(145deg,#f0f9f7,#f6f9fc); box-shadow:0 20px 54px #123e3d0a; }
body[data-commercial-open] #diagnostico-guiado .visual-qualifier { margin:0; padding:0; background:none; border:0; min-width:0; }
body[data-commercial-open] .qualifier-progress { display:grid; grid-template-columns:auto minmax(80px,1fr) auto; align-items:center; gap:18px; padding-bottom:22px; margin-bottom:24px; border-bottom:1px solid #d4e4e3; }
body[data-commercial-open] .qualifier-progress strong { font-size:12px; color:#246560; white-space:nowrap; }
body[data-commercial-open] .qualifier-progress>span { height:5px; border-radius:20px; background:#d5e6e3; overflow:hidden; }
body[data-commercial-open] .qualifier-progress i { display:block; width:33.333%; height:100%; border-radius:inherit; background:#159b91; transition:width .25s ease; }
body[data-commercial-open] .qualifier-progress small { color:#58736f; font-size:11px; }
body[data-commercial-open] #diagnostico-guiado .visual-qualifier legend { color:#133c38; font-size:clamp(25px,3vw,34px); line-height:1.15; letter-spacing:-.025em; font-weight:800; }
body[data-commercial-open] .qualifier-helper { margin:10px 0 22px; font-size:14px; line-height:1.5; color:#526f6a; }
body[data-commercial-open] .qualifier-options { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
body[data-commercial-open] .qualifier-option { position:relative; display:grid; grid-template-columns:1fr; gap:0; padding:0; margin:0; min-width:0; border:1px solid #c8deda; border-radius:13px; overflow:hidden; background:white; cursor:pointer; transition:border-color .15s,transform .15s,box-shadow .15s; }
body[data-commercial-open] .qualifier-option:hover { border-color:var(--assessment-accent); transform:translateY(-2px); box-shadow:0 8px 20px #133e3a12; }
body[data-commercial-open] .qualifier-option:has(input:checked) { border-color:var(--assessment-accent); box-shadow:0 0 0 2px var(--assessment-accent); }
body[data-commercial-open] .qualifier-option:has(input:focus-visible) { outline:3px solid var(--assessment-accent); outline-offset:3px; }
body[data-commercial-open] .qualifier-option>input { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
body[data-commercial-open] .qualifier-scene { display:block; width:100%; height:98px; color:var(--assessment-accent); background:var(--assessment-soft); border-bottom:1px solid #153b3520; }
body[data-commercial-open] .qualifier-option-copy { display:grid; gap:5px; padding:14px 36px 15px 16px; min-width:0; }
body[data-commercial-open] .qualifier-option-copy strong { color:#193d3a; font-size:16px; font-weight:750; line-height:1.25; }
body[data-commercial-open] .qualifier-option-copy small { color:#59716d; font-size:12px; font-weight:400; line-height:1.45; }
body[data-commercial-open] .qualifier-choice-arrow { position:absolute; bottom:30px; right:13px; color:var(--assessment-accent); font-size:20px; }
body[data-commercial-open] .qualifier-unsure { grid-column:1/-1; grid-template-columns:48px 1fr; align-items:center; background:#fffcf5; padding:0 12px; }
body[data-commercial-open] .qualifier-unsure .qualifier-option-copy { padding:12px 26px 12px 8px; }
body[data-commercial-open] .qualifier-compass { display:grid; width:40px; height:40px; place-items:center; color:#936820; font-size:27px; background:#f8eacb; border-radius:11px; }
body[data-commercial-open] .qualifier-unsure .qualifier-choice-arrow { bottom:24px; }
body[data-commercial-open] #diagnostico-guiado .qualifier-frictions { grid-template-columns:1fr 1fr; gap:14px; }
body[data-commercial-open] #diagnostico-guiado .qualifier-frictions>label { min-height:106px; padding:18px 18px 18px 48px; border-color:#c8deda; border-radius:13px; background:white; }
body[data-commercial-open] #diagnostico-guiado .qualifier-frictions>label:hover { border-color:var(--assessment-accent); background:var(--assessment-soft); }
body[data-commercial-open] #diagnostico-guiado .qualifier-frictions>label:has(input:checked) { border-color:var(--assessment-accent); background:var(--assessment-soft); }
body[data-commercial-open] #diagnostico-guiado .qualifier-frictions strong { font-size:15px; line-height:1.3; }
body[data-commercial-open] #diagnostico-guiado .qualifier-frictions small { font-size:12px; color:#5e746e; line-height:1.45; margin-top:5px; font-weight:400; }
body[data-commercial-open] #diagnostico-guiado .qualifier-back { display:inline-flex; align-items:center; min-height:44px; margin:18px 0 0; padding:8px 0; border:0; border-radius:4px; background:none; box-shadow:none; color:#396963; font:inherit; font-size:13px; cursor:pointer; }
body[data-commercial-open] .qualifier-back:focus-visible { outline:3px solid #338f84; outline-offset:3px; }
body[data-commercial-open] .qualifier-recap { display:flex; gap:12px; align-items:center; padding:14px 16px; margin:0 0 22px; border:1px solid #cbded7; border-radius:10px; background:var(--assessment-soft,#eaf8f4); }
body[data-commercial-open] .qualifier-recap-icon { display:grid; place-items:center; width:32px; height:32px; border-radius:50%; flex-shrink:0; background:var(--assessment-accent,#087f86); color:white; }
body[data-commercial-open] .qualifier-recap>div { display:grid; gap:4px; }
body[data-commercial-open] .qualifier-recap strong { font-size:14px; color:#234d43; }
body[data-commercial-open] .qualifier-recap div>span { font-size:13px; color:#526f63; }
body[data-commercial-open] .visual-qualifier .open-contact-fields textarea { min-height:70px; }
body[data-commercial-open] .qualifier-submit { display:flex; justify-content:space-between; align-items:center; gap:18px; margin-top:20px; }
body[data-commercial-open] #diagnostico-guiado .qualifier-submit .qualifier-back { margin:0; }
body[data-commercial-open] #diagnostico-guiado .qualifier-submit .primary-button { min-height:48px; padding:12px 24px; background:#087f78; color:white; border:0; border-radius:8px; font-size:15px; }
body[data-commercial-open] .qualifier-submit button:disabled { opacity:.65; cursor:wait; }
body[data-commercial-open] #diagnostico-guiado #formError:empty { display:none; }
@media(max-width:600px) {
  body[data-commercial-open] #diagnostico-guiado.conv-visual-assessment { width:calc(100% - 32px)!important; padding:20px 16px!important; border-radius:16px; }
  body[data-commercial-open] .qualifier-progress { gap:12px; grid-template-columns:auto 1fr; padding-bottom:16px; margin-bottom:20px; }
  body[data-commercial-open] .qualifier-progress small { grid-column:1/-1; font-size:11px; }
  body[data-commercial-open] .qualifier-helper { font-size:13px; margin-bottom:16px; }
  body[data-commercial-open] .qualifier-options { gap:10px; }
  body[data-commercial-open] .qualifier-scene { height:70px; }
  body[data-commercial-open] .qualifier-option-copy { padding:12px 10px; gap:6px; }
  body[data-commercial-open] .qualifier-option-copy strong { font-size:14px; }
  body[data-commercial-open] .qualifier-option-copy small { font-size:11px; }
  body[data-commercial-open] .qualifier-choice-arrow { display:none; }
  body[data-commercial-open] .qualifier-unsure .qualifier-option-copy { padding:11px 4px; }
  body[data-commercial-open] #diagnostico-guiado .qualifier-frictions { grid-template-columns:1fr; gap:10px; }
  body[data-commercial-open] #diagnostico-guiado .qualifier-frictions>label { min-height:76px; padding-top:14px; padding-bottom:14px; }
  body[data-commercial-open] .qualifier-submit { flex-direction:column-reverse; align-items:stretch; gap:4px; margin-top:18px; }
  body[data-commercial-open] #diagnostico-guiado .qualifier-submit .qualifier-back { justify-content:center; }
}
@media(prefers-reduced-motion:reduce) { body[data-commercial-open] .qualifier-option,body[data-commercial-open] .qualifier-progress i { transition:none; } }