/* QR en mesa: el lenguaje de Conexa, con una experiencia de producto interactiva. */
.qr-page { --qr-red:#d90034; --qr-pink:#fff0f3; --qr-soft:#e9f1ee; overflow:clip; }
.qr-page [hidden] { display:none!important; }
.qr-page section[id],.qr-experience { scroll-margin-top:110px; }
.qr-page button { font:inherit; }
.qr-page h2 { font-size:clamp(2.1rem,3.65vw,3.65rem); }
.qr-page .eyebrow { font-size:.75rem; }
.qr-hero { padding:44px 0 64px; background:var(--cream); }
.qr-hero-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); align-items:center; gap:66px; }
.qr-back { display:inline-flex; gap:10px; margin:0 0 52px; color:var(--muted); font-size:.8rem; }
.qr-back span { color:#b5bdc1; }
.qr-kicker { display:flex; align-items:center; gap:9px; }
.qr-kicker > span { width:7px; height:7px; border-radius:50%; background:var(--qr-red); }
.qr-hero h1 { font-size:clamp(3.5rem,5.8vw,5.65rem); line-height:1.01; letter-spacing:-.065em; }
.qr-hero h1 > span { color:var(--orange-dark); }
.qr-hero-lead { margin:25px 0 9px; font-weight:700; font-size:1.3rem; }
.qr-hero-description { max-width:450px; margin:0 0 28px; color:#4b616c; font-size:1.08rem; }
.qr-page .hero-actions { align-items:center; gap:20px; }
.qr-text-link { display:inline-flex; align-items:center; gap:12px; min-height:46px; border-bottom:1px solid #84949c; color:var(--navy); font-size:.95rem; font-weight:800; }
.qr-text-link span { font-size:1.2rem; }
.qr-hero-facts { display:flex; flex-wrap:wrap; gap:9px 18px; list-style:none; padding:0; margin:25px 0 38px; font-size:.77rem; font-weight:700; }
.qr-hero-facts li:before { content:'✓'; color:var(--green); margin-right:6px; }
.qr-technology { display:flex; align-items:center; gap:28px; border-top:1px solid #d8d9d2; padding-top:23px; color:var(--muted); font-size:.77rem; }
.qr-technology strong { color:var(--navy); font-weight:500; }
.qr-technology img { width:95px; height:auto; padding:7px 10px; background:var(--navy); border-radius:5px; }
.qr-stage { position:relative; isolation:isolate; height:640px; background:var(--navy); border-radius:24px 110px 24px 24px; overflow:hidden; }
.qr-stage:before { content:''; position:absolute; inset:0; background:radial-gradient(ellipse at 60% 38%,#2a5869 0,transparent 65%); z-index:-1; }
.qr-stage-label { position:absolute; top:28px; left:28px; display:flex; align-items:center; gap:9px; margin:0; color:#d9e8e9; font-size:.8rem; }
.qr-stage-label > span { color:#ff9a68; font-size:1.4rem; }
.qr-orbit { position:absolute; z-index:-1; width:580px; height:580px; border:1px solid #ffffff18; border-radius:50%; left:65px; top:85px; }
.qr-orbit-two { width:430px; height:430px; left:140px; top:160px; border-color:#ffffff12; }
.qr-motion-toggle { position:absolute; right:21px; bottom:18px; z-index:5; border:0; color:#bcd0d9; padding:7px 0; background:transparent; font-size:.65rem!important; text-decoration:underline; text-underline-offset:4px; cursor:pointer; }
.qr-phone { position:absolute; z-index:2; left:calc(50% - 105px); top:81px; width:268px; height:500px; padding:9px; border:2px solid #6c8190; border-radius:39px; background:#0e2029; box-shadow:12px 24px 42px #0005, inset 0 0 0 2px #112a36; transform:rotate(-4deg); }
.qr-phone:before { position:absolute; content:''; width:4px; height:37px; background:#8a9ba3; right:-5px; top:113px; border-radius:0 3px 3px 0; }
.qr-phone-top { display:flex; justify-content:space-between; align-items:center; height:29px; padding:0 15px; background:#fff; border-radius:28px 28px 0 0; font-size:.65rem; font-weight:800; }
.qr-phone-top i { width:64px; height:17px; background:#0e2029; border-radius:15px; margin-top:-4px; }
.qr-phone-brand { display:flex; align-items:center; gap:8px; padding:13px 15px; background:#fff; border-bottom:1px solid #e5eaeb; font-size:.79rem; font-weight:800; }
.qr-mini-mark { display:grid; place-items:center; width:28px; height:28px; font-size:1.5rem; color:var(--qr-red); }
.qr-phone-brand small { display:block; margin-top:2px; font-size:.58rem; font-weight:400; color:var(--muted); }
.qr-lock { margin-left:auto; color:var(--muted); font-size:1.2rem; }
.qr-phone-content { height:370px; overflow:auto; background:#fbfcfc; scrollbar-width:none; }
.qr-phone-content::-webkit-scrollbar { display:none; }
.qr-screen { padding:18px 16px 13px; }
.qr-phone-eyebrow { display:block; margin-bottom:8px; font-size:.58rem; color:var(--muted); }
.qr-page .qr-screen h2 { font-size:1.9rem; line-height:1.06; letter-spacing:-.05em; }
.qr-screen > p { font-size:.7rem; margin:11px 0 13px; color:var(--muted); }
.qr-scan-window { position:relative; display:grid; place-items:center; width:136px; height:136px; margin:14px auto 0; padding:17px; border:1px solid #bbccd2; border-radius:14px; color:var(--navy); background:#fff; }
.qr-scan-window svg { width:100%; height:100%; }
.qr-scan-window > span { position:absolute; height:2px; top:19px; left:9px; right:9px; background:var(--qr-red); box-shadow:0 0 10px #d9003440; }
.qr-screen .qr-scan-caption { margin:7px 0 13px; font-size:.53rem; text-align:center; }
.qr-demo-primary { display:flex; justify-content:center; align-items:center; gap:5px; width:100%; min-height:43px; border:0; border-radius:8px; padding:10px 8px; color:#fff; background:var(--qr-red); font-size:.7rem!important; font-weight:700!important; cursor:pointer; }
.qr-demo-primary:hover { background:#b6002b; }
.qr-demo-primary > span:last-child { margin-left:auto; }
.qr-phone-bottom { height:20px; display:grid; place-items:center; border-radius:0 0 28px 28px; background:#fbfcfc; }
.qr-phone-bottom:after { content:''; width:78px; height:4px; background:#0e2029; border-radius:5px; }
.qr-notification { position:absolute; z-index:3; display:flex; gap:10px; align-items:center; right:17px; top:93px; padding:13px 16px; border:1px solid #ffffff29; border-radius:12px; background:#f4f9f6; box-shadow:0 10px 26px #0002; font-size:.68rem; font-weight:800; transform:rotate(3deg); }
.qr-notification > span { display:grid; width:27px; height:27px; place-items:center; color:var(--green); background:#dceee3; border-radius:50%; font-size:.9rem; }
.qr-notification small { display:block; color:var(--muted); margin-top:2px; font-size:.59rem; font-weight:400; }
.qr-table-card { position:absolute; z-index:3; width:151px; left:24px; bottom:82px; padding:17px; border-radius:9px; color:var(--navy); background:#f4e6d1; transform:rotate(6deg); box-shadow:0 10px 30px #0003; }
.qr-table-card > span:first-child { font-size:.55rem; font-weight:800; letter-spacing:.16em; }
.qr-table-card > strong { display:block; margin:7px 0 11px; padding-bottom:9px; border-bottom:1px solid #00263e25; font-family:'Conexa Display',sans-serif; font-size:2.45rem; line-height:1; letter-spacing:-.07em; }
.qr-table-card p { margin:0; font-size:.88rem; font-weight:800; line-height:1.3; }
.qr-table-card em { display:block; margin-top:5px; font-style:normal; font-weight:400; font-size:.65rem; }
.qr-table-arrow { position:absolute; right:17px; top:47px; font-size:1.6rem; }
.qr-stage-bottom { position:absolute; bottom:57px; left:28px; display:flex; align-items:center; gap:7px; color:#bcd0d9; font-size:.65rem; }
.qr-live-dot { width:6px; height:6px; border-radius:50%; background:#86d3aa; }
.qr-demo-steps { display:grid; grid-template-columns:repeat(3,1fr); padding:16px 0 0; gap:8px; }
.qr-demo-steps button { display:flex; align-items:center; justify-content:center; gap:8px; padding:10px 8px; min-height:44px; border:1px solid #cbd1d1; border-radius:9px; color:var(--muted); background:transparent; cursor:pointer; font-size:.75rem; font-weight:700; }
.qr-demo-steps button span { font-size:.62rem; opacity:.7; }
.qr-demo-steps button[aria-current] { color:#fff; border-color:var(--navy); background:var(--navy); }
.qr-demo-disclaimer { max-width:450px; margin:12px auto 0; text-align:center; color:var(--muted); font-size:.65rem; }
.qr-bill { list-style:none; padding:0; margin:13px 0 0; font-size:.64rem; }
.qr-bill li { display:flex; justify-content:space-between; gap:8px; padding:7px 0; border-bottom:1px solid #e4e9ea; }
.qr-bill strong { white-space:nowrap; }
.qr-bill-total { display:flex; align-items:center; justify-content:space-between; gap:5px; margin:12px 0; font-size:.68rem; font-weight:700; }
.qr-bill-total small { display:block; font-size:.5rem; font-weight:400; color:var(--muted); }
.qr-bill-total > strong { font-size:1.35rem; letter-spacing:-.06em; }
.qr-share-heading { display:flex; align-items:center; justify-content:space-between; gap:4px; font-size:.6rem; margin:8px 0; }
.qr-split-toggle { border:0; min-height:44px; padding:5px 0 5px 5px; color:var(--qr-red); background:transparent; font-size:.6rem!important; cursor:pointer; font-weight:700!important; text-decoration:underline; }
.qr-share-options { display:flex; gap:4px; margin:0 0 8px; padding:0; border:0; }
.qr-share-options legend { font-size:.52rem; margin-bottom:5px; color:var(--muted); }
.qr-share-options button { flex:1; min-height:44px; border:1px solid #d6dfe2; padding:5px 3px; border-radius:6px; color:var(--navy); background:#fff; cursor:pointer; font-size:.6rem!important; }
.qr-share-options button[aria-pressed='true'] { border-color:var(--navy); color:#fff; background:var(--navy); }
.qr-screen .qr-share-note,.qr-screen .qr-no-charge { font-size:.52rem; margin:6px 0 9px; }
.qr-screen .qr-no-charge { text-align:center; margin-bottom:0; }
.qr-paid { text-align:center; padding-top:22px; }
.qr-success-icon { display:block; width:77px; height:77px; margin:0 auto 15px; }
.qr-success-icon svg { fill:#e4f4e9; stroke:var(--green); stroke-width:2; width:100%; height:100%; }
.qr-success-icon path { fill:none; stroke-width:4; stroke-linecap:round; stroke-linejoin:round; }
.qr-paid > p strong { color:var(--navy); font-size:1.7rem; letter-spacing:-.04em; }
.qr-paid-confirmation { display:flex; align-items:center; justify-content:center; gap:6px; border-radius:7px; padding:10px 5px; background:#e4f1e9; color:#16653e; font-size:.61rem; font-weight:700; }
.qr-screen .qr-paid-detail { font-size:.59rem; }
.qr-demo-reset { display:inline-flex; align-items:center; justify-content:center; gap:12px; border:0; color:var(--navy); background:transparent; min-height:44px; cursor:pointer; font-size:.67rem!important; text-decoration:underline; }
.qr-no-js a { text-decoration:underline; }
.qr-sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.qr-benefit-strip { background:var(--navy); color:#fff; }
.qr-benefit-strip .wrap { display:grid; grid-template-columns:repeat(3,1fr); }
.qr-benefit-strip p { display:flex; align-items:center; gap:15px; min-height:86px; margin:0; padding:18px 24px; border-right:1px solid #ffffff24; font-size:.87rem; font-weight:700; }
.qr-benefit-strip p:first-child { padding-left:0; }
.qr-benefit-strip p:last-child { border-right:0; }
.qr-benefit-strip p span { color:#ffa778; font-size:.65rem; font-weight:400; }
.qr-how-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:48px; list-style:none; padding:0; margin:62px 0 0; }
.qr-how-number { display:flex; align-items:center; justify-content:space-between; padding-bottom:23px; margin-bottom:27px; border-bottom:1px solid var(--line); color:var(--orange-dark); font-size:.8rem; font-weight:700; }
.qr-how-number i { display:grid; width:39px; height:39px; place-items:center; border-radius:50%; color:var(--navy); background:var(--cream); font-style:normal; font-size:1.25rem; }
.qr-how-grid h3 { font-size:1.55rem; line-height:1.18; }
.qr-how-grid p { margin:16px 0 0; color:var(--muted); font-size:1rem; }
.qr-videos { background:#faf9f5; }
.qr-videos h2 > span { color:var(--orange-dark); }
.qr-video-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:26px; }
.qr-video-card { min-width:0; overflow:hidden; border:1px solid #d8dfdf; border-radius:20px; background:#fff; }
.qr-video-card-top { display:flex; align-items:center; gap:11px; padding:17px 22px; font-size:.6rem; font-weight:800; letter-spacing:.08em; }
.qr-video-number { display:grid; width:27px; height:27px; place-items:center; border-radius:50%; color:var(--qr-red); background:var(--qr-pink); font-size:.63rem; letter-spacing:0; }
.qr-video-duration { margin-left:auto; color:var(--muted); font-size:.72rem; font-weight:500; letter-spacing:0; }
.qr-video-frame { position:relative; aspect-ratio:16/9; background:var(--navy); }
.qr-video-frame video { display:block; width:100%; height:100%; object-fit:contain; }
.qr-video-play { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); display:flex; align-items:center; gap:12px; min-height:68px; width:max-content; max-width:90%; padding:11px 19px 11px 12px; border:1px solid #ffffff80; border-radius:999px; color:var(--navy); background:#fffffff5; box-shadow:0 7px 30px #00263e35; cursor:pointer; font-size:.85rem!important; font-weight:800!important; text-align:left; }
.qr-video-play:hover { background:#fff; }
.qr-video-play-icon { display:grid; width:44px; height:44px; flex-shrink:0; place-items:center; border-radius:50%; color:#fff; background:var(--qr-red); font-size:1rem; }
.qr-video-play small { display:block; margin-top:3px; color:var(--muted); font-size:.65rem; font-weight:400; }
.qr-video-copy { padding:26px; }
.qr-video-copy .eyebrow { color:var(--qr-red); font-size:.65rem; margin-bottom:12px; }
.qr-video-copy h3 { font-size:1.65rem; line-height:1.16; }
.qr-video-copy > p:not(.eyebrow) { margin:17px 0 19px; color:var(--muted); font-size:.95rem; }
.qr-video-tags { display:flex; flex-wrap:wrap; list-style:none; gap:7px; margin:0; padding:0; }
.qr-video-tags li { padding:6px 9px; border-radius:6px; color:#46616d; background:var(--mist); font-size:.66rem; }
.qr-video-explanation { margin-top:24px; border-top:1px solid var(--line); }
.qr-video-explanation summary { display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:49px; padding-top:8px; cursor:pointer; list-style:none; font-size:.8rem; font-weight:700; }
.qr-video-explanation summary::-webkit-details-marker { display:none; }
.qr-video-explanation summary > span { color:var(--orange-dark); font-size:1.25rem; }
.qr-video-explanation[open] summary > span { transform:rotate(45deg); }
.qr-video-explanation ol { padding:12px 0 0 19px; margin:0; color:var(--muted); font-size:.84rem; }
.qr-video-explanation li + li { margin-top:9px; }
.qr-videos-note { display:flex; justify-content:space-between; align-items:center; gap:45px; padding-top:26px; }
.qr-videos-note p { max-width:660px; margin:0; color:var(--muted); font-size:.8rem; }
.qr-videos-note .qr-text-link { flex-shrink:0; font-size:.85rem; }
.qr-your-way { background:var(--mist); }
.qr-your-way-grid { display:grid; grid-template-columns:1fr .85fr; align-items:center; gap:110px; }
.qr-your-way h2 span { color:var(--orange-dark); }
.qr-section-intro { max-width:470px; margin:23px 0 30px; font-size:1.08rem; color:var(--muted); }
.qr-choice-list { display:grid; gap:26px; }
.qr-choice-list article { padding:23px 0 0; border-top:1px solid #cbd7dc; }
.qr-choice-list article > span { display:block; margin-bottom:11px; font-size:.65rem; font-weight:800; color:var(--qr-red); letter-spacing:.15em; }
.qr-choice-list h3 { font-size:1.35rem; line-height:1.2; }
.qr-choice-list p { margin:11px 0 0; color:var(--muted); font-size:.98rem; }
.qr-menu-visual { position:relative; display:grid; justify-items:center; padding:31px; border-radius:80px 20px 20px; margin:0; background:#e0e9e9; }
.qr-menu-label { margin-bottom:23px; font-size:.7rem; color:#46606c; }
.qr-menu-image { width:205px; aspect-ratio:720 / 1645; position:relative; overflow:hidden; border-radius:15% / 6.6%; box-shadow:0 18px 26px #00263e22; transform:rotate(4deg); }
.qr-menu-image img { position:absolute; top:-7.9%; left:-22.6%; width:149.2%; height:auto; max-width:none; }
.qr-menu-visual figcaption { display:grid; gap:4px; margin:29px 0 0; text-align:center; font-size:1rem; }
.qr-menu-visual figcaption > span { font-size:.75rem; color:var(--muted); }
.qr-menu-badge { position:absolute; bottom:155px; left:-23px; padding:20px 24px; border-radius:12px; color:#fff; background:var(--navy); font-size:1.12rem; line-height:1.4; box-shadow:var(--shadow); transform:rotate(-5deg); }
.qr-menu-badge strong { color:#ffac84; }
.qr-connection { color:#fff; background:var(--navy); }
.qr-connection-heading { max-width:800px; }
.qr-connection-heading > p:last-child { max-width:590px; margin:24px 0 0; color:#bed1da; font-size:1.05rem; }
.qr-connection-flow { display:grid; grid-template-columns:1fr 40px 1fr 40px 1fr; align-items:center; gap:20px; margin:56px 0 45px; }
.qr-connection-flow > div { display:grid; justify-items:center; gap:10px; padding:28px 14px; border:1px solid #ffffff27; border-radius:15px; text-align:center; }
.qr-connection-flow > div > span { display:grid; place-items:center; width:47px; height:47px; margin-bottom:5px; background:#ffffff0c; border-radius:50%; color:#ff9a68; font-size:1.55rem; }
.qr-connection-flow strong { font-size:1.05rem; }
.qr-connection-flow small { color:#c2d2da; font-size:.78rem; }
.qr-connection-flow > i { font-style:normal; text-align:center; color:#ff9a68; font-size:1.5rem; }
.qr-conexa-promise { display:flex; align-items:center; justify-content:space-between; gap:40px; border-top:1px solid #ffffff26; padding-top:27px; }
.qr-conexa-promise p { margin:0; font-size:.88rem; color:#bcd0da; }
.qr-conexa-promise strong { color:#fff; }
.qr-conexa-promise a { display:flex; align-items:center; gap:14px; min-height:44px; font-size:.85rem; font-weight:700; white-space:nowrap; }
.qr-launch-grid { display:grid; grid-template-columns:1.1fr .8fr; align-items:center; gap:110px; }
.qr-launch-steps { display:grid; gap:25px; list-style:none; margin:36px 0 0; padding:0; }
.qr-launch-steps li { display:grid; grid-template-columns:32px 1fr; gap:18px; }
.qr-launch-steps li > span { display:grid; place-items:center; width:32px; height:32px; border:1px solid var(--line); border-radius:50%; color:var(--orange-dark); font-size:.75rem; font-weight:700; }
.qr-launch-steps h3 { font-size:1.15rem; line-height:1.35; letter-spacing:-.025em; }
.qr-launch-steps p { margin:7px 0 0; color:var(--muted); font-size:.98rem; }
.qr-proposal { padding:35px; border:1px solid #ddded7; border-radius:20px; background:var(--cream); box-shadow:0 18px 35px #00263e08; }
.qr-proposal h3 { font-size:2.5rem; line-height:1.08; }
.qr-proposal > p:not(.eyebrow) { margin:20px 0; color:var(--muted); font-size:.98rem; }
.qr-proposal ul { list-style:none; padding:19px 0; margin:0 0 10px; border-top:1px solid #d8d9d2; font-size:.84rem; }
.qr-proposal li { margin:9px 0; }
.qr-proposal li:before { content:'✓'; color:var(--green); margin-right:8px; }
.qr-proposal-phone { display:block; padding:16px 0; font-size:.85rem; font-weight:700; text-align:center; text-decoration:underline; text-underline-offset:4px; }
.qr-proposal small { display:block; margin-top:9px; font-size:.73rem; color:var(--muted); }
.qr-faq { background:var(--mist); }
.qr-faq-grid { display:grid; grid-template-columns:.85fr 1.15fr; gap:80px; align-items:start; }
.qr-faq-grid > div:first-child > p:last-child { margin:24px 0 0; max-width:290px; color:var(--muted); }
.qr-faq details { border-top:1px solid #bccbd2; }
.qr-faq details:last-child { border-bottom:1px solid #bccbd2; }
.qr-faq summary { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:22px 0; font-size:1rem; font-weight:700; cursor:pointer; list-style:none; }
.qr-faq summary::-webkit-details-marker { display:none; }
.qr-faq summary span { font-size:1.4rem; color:var(--orange-dark); transition:transform .2s; }
.qr-faq details[open] summary span { transform:rotate(45deg); }
.qr-faq details p { margin:0; padding:0 30px 22px 0; color:var(--muted); font-size:.95rem; }
.qr-final { position:relative; padding:92px 0; background:var(--cream); }
.qr-final-inner { position:relative; }
.qr-final h2 { max-width:780px; }
.qr-final p:not(.eyebrow) { margin:25px 0; color:var(--muted); font-size:1.1rem; }
.qr-page.qr-enhanced:not(.qr-motion-paused) .qr-scan-window > span { animation:qr-scan 2.8s ease-in-out infinite; }
.qr-page.qr-enhanced:not(.qr-motion-paused) .qr-notification { animation:qr-float 4.5s ease-in-out infinite; }
.qr-page.qr-enhanced:not(.qr-motion-paused) .qr-screen.qr-screen-enter { animation:qr-screen-in .3s ease both; }
.qr-page.qr-enhanced:not(.qr-motion-paused) .qr-connection-flow > i { animation:qr-arrow 2.5s ease-in-out infinite; }
.qr-page.qr-enhanced:not(.qr-motion-paused) .qr-connection-flow > i:nth-of-type(2) { animation-delay:.4s; }
.qr-page.qr-enhanced .qr-reveal.qr-will-reveal { opacity:0; transform:translateY(22px); transition:opacity .6s ease,transform .6s ease; }
.qr-page.qr-enhanced .qr-reveal.qr-is-visible { opacity:1; transform:none; }
.qr-page.qr-motion-paused .qr-reveal { opacity:1!important; transform:none!important; transition:none!important; }
@keyframes qr-scan { 0%,100% { transform:translateY(0);opacity:.6; } 50% { transform:translateY(95px);opacity:1; } }
@keyframes qr-float { 0%,100% { transform:translateY(0) rotate(3deg); } 50% { transform:translateY(-7px) rotate(3deg); } }
@keyframes qr-screen-in { from { opacity:0; transform:translateY(7px); } to { opacity:1; transform:none; } }
@keyframes qr-arrow { 0%,100% { transform:translateX(0);opacity:.5; } 50% { transform:translateX(5px);opacity:1; } }
@media(min-width:1300px) { .qr-hero-grid { gap:82px; } }
@media(max-width:1100px) { .qr-hero-grid { gap:35px; } .qr-hero h1 { font-size:4.5rem; } .qr-stage { height:625px; } .qr-phone { left:calc(50% - 125px); } .qr-notification { top:80px; right:12px; padding:11px; } .qr-table-card { left:15px; width:125px; padding:14px; bottom:76px; } .qr-stage-bottom { left:18px; } .qr-motion-toggle { right:15px; } .qr-your-way-grid,.qr-launch-grid { gap:60px; } }
@media(max-width:780px) {
  .qr-video-grid { grid-template-columns:1fr; gap:24px; } .qr-video-card-top { padding:14px 18px; } .qr-video-copy { padding:23px; } .qr-video-copy h3 { font-size:1.5rem; } .qr-video-play { gap:9px; min-height:60px; padding:9px 15px 9px 10px; font-size:.75rem!important; } .qr-video-play-icon { width:39px; height:39px; } .qr-videos-note { align-items:flex-start; flex-direction:column; gap:13px; } .qr-videos-note .qr-text-link { font-size:.85rem; }
  .qr-hero { padding:26px 0 36px; } .qr-hero-grid { grid-template-columns:1fr; gap:36px; } .qr-back { margin-bottom:28px; } .qr-hero h1 { font-size:clamp(3.2rem,11vw,5rem); } .qr-hero-lead { margin-top:21px; font-size:1.2rem; } .qr-hero-description { font-size:1.03rem; max-width:520px; } .qr-hero-facts { margin:23px 0; font-size:.72rem; gap:9px 14px; } .qr-technology { padding-top:19px; } .qr-stage { max-width:520px; margin:auto; height:622px; border-top-right-radius:95px; } .qr-phone { left:calc(50% - 110px); } .qr-notification { right:15px; top:87px; } .qr-table-card { left:22px; bottom:72px; width:134px; } .qr-demo-steps { max-width:520px; margin:auto; } .qr-stage-bottom { bottom:41px; } .qr-motion-toggle { bottom:9px; } .qr-benefit-strip .wrap { grid-template-columns:1fr; padding-block:12px; } .qr-benefit-strip p { min-height:50px; border-right:0; padding:12px 0; font-size:.82rem; } .qr-how-grid { grid-template-columns:1fr; margin-top:30px; gap:28px; } .qr-how-number { margin-bottom:18px; padding-bottom:16px; } .qr-how-grid h3 br { display:none; } .qr-how-grid p { margin-top:11px; } .qr-your-way-grid,.qr-launch-grid,.qr-faq-grid { grid-template-columns:1fr; gap:38px; } .qr-menu-visual { width:100%; max-width:430px; margin:auto; padding:28px; } .qr-menu-badge { left:12px; } .qr-connection-flow { grid-template-columns:1fr; gap:12px; margin:30px 0; } .qr-connection-flow > div { padding:22px; } .qr-connection-flow > i { transform:rotate(90deg); animation:none!important; } .qr-conexa-promise { flex-direction:column; align-items:flex-start; gap:15px; } .qr-proposal { padding:27px; } .qr-faq-grid > div:first-child > p:last-child { max-width:none; } .qr-final { padding:64px 0; } .qr-final h2 br { display:none; } .qr-page .split-heading { gap:22px; }
}
@media(max-width:400px) { .qr-stage { height:620px; } .qr-stage-label { left:20px; font-size:.72rem; } .qr-phone { top:88px; left:calc(50% - 134px); transform:none; } .qr-notification { top:65px; right:10px; padding:8px 10px; } .qr-notification small { display:none; } .qr-table-card { display:none; } .qr-hero .button { width:100%; } .qr-hero .hero-actions { gap:8px; } }
@media(prefers-reduced-motion:reduce) { .qr-page *, .qr-page *:before,.qr-page *:after { animation:none!important; transition:none!important; scroll-behavior:auto!important; } .qr-page .qr-reveal { opacity:1!important; transform:none!important; } html:has(.qr-page) { scroll-behavior:auto; } }