.visibility-learning{padding:clamp(72px,9vw,140px) max(5vw,24px);background:#f8f8f6;color:#142331;scroll-margin-top:30px}.visibility-heading{max-width:1100px;margin:0 auto 48px}.visibility-heading h2{font-size:clamp(2.7rem,6vw,5.8rem);line-height:1.03;letter-spacing:-.055em;margin:18px 0 24px}.visibility-heading h2 em{font-style:normal;color:#087fff}.visibility-heading>p:last-child{max-width:750px;font-size:clamp(1.05rem,1.8vw,1.35rem);line-height:1.6;color:#536272}.visibility-lesson{max-width:1100px;margin:auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(270px,400px);gap:clamp(30px,6vw,100px);align-items:start}.visibility-lesson-copy{position:sticky;top:30px;padding-top:24px}.visibility-step-count{margin:0 0 16px;color:#087fff;font-size:.8rem;font-weight:800;letter-spacing:.15em}.visibility-lesson-copy h3{font-size:clamp(2rem,4vw,3.7rem);line-height:1.1;letter-spacing:-.04em;margin:0 0 20px}.visibility-lesson-copy>p:not(.visibility-step-count){font-size:1.1rem;line-height:1.65;color:#526475;max-width:570px}.visibility-outcome{border-left:4px solid #087fff;background:#eaf3ff;border-radius:0 16px 16px 0;padding:18px 22px;max-width:560px;line-height:1.55;font-weight:650}.visibility-lesson-copy .visibility-tap-hint{font-weight:700;color:#087fff!important}.visibility-controls{display:flex;gap:12px;margin:30px 0 18px}.visibility-controls button{font:inherit;font-weight:700;border:1px solid #aebed0;background:white;color:#142331;border-radius:999px;padding:13px 25px;cursor:pointer}.visibility-controls button:last-child{background:#087fff;color:#fff;border-color:#087fff}.visibility-controls button:disabled{opacity:.45;cursor:not-allowed}.visibility-note{font-size:.85rem!important;color:#6d7e8c!important}.visibility-visual{display:flex;align-items:center;flex-direction:column}.visibility-phone{width:min(100%,355px);position:relative;border:7px solid #11191f;border-radius:40px;overflow:hidden;background:#f2f3f8;box-shadow:0 28px 65px #263b5630}.visibility-phone img{display:block;width:100%;height:auto}.visibility-hotspot{position:absolute;z-index:2;border:3px solid #087fff;background:#087fff1c;border-radius:15px;box-shadow:0 0 0 5px #087fff30,0 0 24px #087fff88;cursor:pointer;animation:visibility-pulse 2.2s infinite}.visibility-hotspot span{position:absolute;right:-2px;top:-28px;background:#087fff;color:white;border-radius:8px 8px 0 0;padding:4px 9px;font-size:11px;font-weight:800;letter-spacing:.12em}.visibility-hotspot:focus-visible,.visibility-controls button:focus-visible{outline:4px solid #ffac32;outline-offset:3px}.visibility-visual>p{font-size:.85rem;color:#647588;text-align:center;line-height:1.5;max-width:400px}.visibility-clarity{max-width:1100px;margin:72px auto 0;display:grid;grid-template-columns:1fr 1fr;gap:16px}.visibility-clarity>div{background:white;border:1px solid #d5e1ee;border-radius:24px;padding:28px}.visibility-clarity span{display:block;color:#087fff;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;font-weight:800;margin-bottom:13px}.visibility-clarity strong{font-size:1.3rem}.visibility-clarity p{color:#526475;line-height:1.6;margin-bottom:0}.visibility-caveat{max-width:1100px;margin:30px auto 0;color:#566778;line-height:1.6;font-size:.95rem}@keyframes visibility-pulse{50%{box-shadow:0 0 0 9px #087fff12,0 0 30px #087fff66}}@media(max-width:760px){.visibility-learning{padding:72px 20px}.visibility-lesson{display:flex;flex-direction:column;align-items:stretch;gap:24px}.visibility-lesson-copy{position:static;padding:0}.visibility-visual{order:1}.visibility-phone{width:min(75vw,320px)}.visibility-clarity{margin-top:48px;grid-template-columns:1fr}.visibility-heading{margin-bottom:32px}}@media(prefers-reduced-motion:reduce){.visibility-hotspot{animation:none}}
.visibility-pair{max-width:650px;margin:0 auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(12px,3vw,34px);align-items:start}.visibility-pair-item{min-width:0;text-align:center}.visibility-screen-label{font-size:.76rem;font-weight:800;letter-spacing:.16em;color:#53677c;margin:0 0 14px}.visibility-pair-phone{position:relative;margin:auto;max-width:270px;overflow:hidden;background:#f2f3f8;border:5px solid #15202b;border-radius:32px;box-shadow:0 18px 42px #263b5625}.visibility-pair-phone img{display:block;width:100%;height:auto}.visibility-choice{position:absolute;z-index:2;left:8.5%;width:83%;height:6.4%;border:2px solid transparent;background:transparent;border-radius:12px;cursor:pointer}.visibility-choice span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.visibility-choice[aria-pressed=false]{border-color:#087fff;background:#087fff18;box-shadow:0 0 0 4px #087fff33,0 0 20px #087fff66;animation:visibility-pulse 2.2s infinite}.visibility-choice[aria-pressed=false]::after{content:'TAP';position:absolute;right:0;top:-22px;background:#087fff;color:#fff;font-size:10px;font-weight:800;padding:3px 7px;border-radius:6px 6px 0 0}.visibility-choice:hover{border-color:#087fff}.visibility-choice:focus-visible{outline:4px solid #ffac32;outline-offset:3px}#visibility-choice-anyone{top:45.4%}#visibility-choice-link{top:52.2%}.visibility-status{max-width:650px;margin:28px auto 0;background:#eaf3ff;border-radius:20px;padding:22px 26px;text-align:center}.visibility-status strong{font-size:1.3rem}.visibility-status p{color:#526475;line-height:1.5;margin:8px 0 0}.visibility-learning>.visibility-note{max-width:650px;margin:16px auto 0;text-align:center}.visibility-result-phone img{transition:opacity .18s ease}@media(max-width:760px){.visibility-pair{gap:10px}.visibility-pair-phone{border-width:4px;border-radius:21px}.visibility-screen-label{font-size:.6rem;letter-spacing:.11em}.visibility-choice{border-radius:8px}.visibility-choice[aria-pressed=false]::after{top:-17px;font-size:8px;padding:2px 4px}.visibility-status{padding:18px 20px}.visibility-status strong{font-size:1.1rem}}@media(prefers-reduced-motion:reduce){.visibility-choice[aria-pressed=false]{animation:none}.visibility-result-phone img{transition:none}}
.visibility-use-case{max-width:650px;margin:28px auto 0;color:#263b4d;line-height:1.6;font-size:1.05rem}.visibility-use-case strong{color:#142331}