/* Original visual explanations for PENVISTA. Solid surfaces, live text, no UI library. */
.visually-hidden,.inspection-picker input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.inspection-explorer{--story-accent:#8ed9eb;--story-muted:#adbdc9}
.inspection-picker{display:flex;gap:8px;padding:0;margin:0 0 32px;border:0;min-width:0}
.inspection-picker label{display:flex;align-items:center;justify-content:center;min-height:48px;padding:12px 24px;border:1px solid #314456;border-radius:4px;font-size:14px;color:#b9cad5;cursor:pointer;transition:background .3s cubic-bezier(.22,1,.36,1),color .3s cubic-bezier(.22,1,.36,1)}
.inspection-picker input:checked+label{background:#8ed9eb;border-color:#8ed9eb;color:#0b2837;font-weight:600}
.inspection-picker label:hover{border-color:#8ed9eb}.inspection-picker input:focus-visible+label{outline:2px solid #fff;outline-offset:4px}
.inspection-panel{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:center;gap:48px}
.inspection-panel.panel-api,.inspection-panel.panel-network{display:none}
.inspection-explorer:has(#inspect-api:checked) .panel-web,.inspection-explorer:has(#inspect-network:checked) .panel-web{display:none}
.inspection-explorer:has(#inspect-api:checked) .panel-api,.inspection-explorer:has(#inspect-network:checked) .panel-network{display:grid}
.inspection-copy .story-label{font-size:12px;color:#8ed9eb;letter-spacing:.06em;margin:0 0 16px}
.inspection-copy h3{font-size:30px;line-height:1.6;font-weight:600;letter-spacing:-.03em;margin:0 0 24px}.inspection-copy h3 span{display:block}
.inspection-copy>p{color:#b5c4d0;font-size:14px;line-height:1.9;margin:0 0 24px;max-width:40ch}
.inspection-copy ul{list-style:none;margin:24px 0;padding:0;display:grid;gap:12px}.inspection-copy li{font-size:14px;display:flex;gap:12px;align-items:center}.inspection-copy li::before{content:"";width:6px;height:6px;background:#8ed9eb;flex:none}
.inspection-copy>a{display:inline-flex;align-items:center;min-height:48px;color:#8ed9eb;text-decoration:underline;text-underline-offset:5px;font-size:14px}
.inspection-copy .inspection-boundary{margin-top:16px;font-size:12px;color:#91a7b8;max-width:52ch}
.inspection-bottom{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:32px;padding-top:24px;border-top:1px solid #314456}.inspection-bottom p{font-size:12px;color:#adbdc9;margin:0}
.inspection-visual{position:relative;aspect-ratio:640/440;width:100%;overflow:hidden;isolation:isolate;background:#000;border:1px solid #263b47;border-radius:8px;container-type:inline-size}
.inspection-orbits{position:absolute;inset:0;width:100%;height:100%;stroke:#314456;stroke-width:1;opacity:.65}.inspection-orbits>path{stroke-dasharray:3 6}.inspection-orbits .signal-path{stroke:#8ed9eb;stroke-width:2;stroke-dasharray:24 420;animation:signal-travel 5s cubic-bezier(.65,0,.35,1) infinite;animation-play-state:paused}
.visual-browser{position:absolute;left:22%;top:15%;width:56%;background:#181818;border:1px solid #4a6578;border-radius:8px;transform:rotate(-5deg);box-shadow:16px 24px 0 #0c182b,17px 25px 0 #314456;z-index:1}
.browser-chrome{display:flex;align-items:center;gap:6px;padding:4% 6%;border-bottom:1px solid #314456;font-size:1.65cqw;color:#9bb0c0}.browser-chrome i{width:1cqw;height:1cqw;background:#547083;border-radius:50%}.browser-chrome span{margin-left:auto;white-space:nowrap}
.browser-content{padding:7% 8%;font-size:2cqw}.mock-caption{display:block;color:#e2eef5;font-size:2.6cqw;margin-bottom:8%}.mock-field{font-size:1.8cqw;color:#8fa7b8;margin-top:6%}.mock-field>span{display:block;border:1px solid #314456;border-radius:3px;padding:4% 5%;margin-top:3%;color:#a9bac7}.mock-field .input-strokes{height:6cqw;display:flex;flex-direction:column;gap:1cqw}.input-strokes b{height:.5cqw;width:80%;background:#617e90;transform-origin:left;animation:line-reveal 5s cubic-bezier(.65,0,.35,1) infinite;animation-play-state:paused}.input-strokes b+b{width:55%;animation-delay:.3s}.mock-send{margin-top:8%;padding:4%;background:#8ed9eb;color:#0b2837;text-align:center;border-radius:3px;font-size:2cqw;font-weight:600}
.visual-ticket{position:absolute;padding:3% 4%;background:#1f1f1f;border:1px solid #526c7f;border-radius:8px;z-index:2;max-width:52%;box-shadow:0 12px 32px #0008}
.visual-ticket>span{display:block;font-size:1.6cqw;color:#8ed9eb;letter-spacing:.06em;margin-bottom:1cqw}.visual-ticket strong{display:block;font-size:2.3cqw;font-weight:600;color:#edf7fc}.visual-ticket code{display:block;font-size:1.6cqw;color:#9aafbf;margin-top:1.5cqw}.ticket-request{left:4%;top:12%;transform:rotate(-3deg)}.ticket-result{right:4%;bottom:12%;transform:rotate(3deg)}
.packet-track{display:flex;gap:1cqw;margin-top:2cqw}.packet-track i{width:3cqw;height:.6cqw;background:#8ed9eb;animation:packet-flow 4s cubic-bezier(.65,0,.35,1) infinite;animation-play-state:paused}.packet-track i:nth-child(2){animation-delay:.4s}.packet-track i:nth-child(3){animation-delay:.8s}
.evidence-line{width:100%;height:.6cqw;background:#8ed9eb;margin-top:2cqw;transform-origin:left;animation:line-reveal 5s cubic-bezier(.65,0,.35,1) infinite;animation-play-state:paused}.evidence-line.short{width:64%;animation-delay:.5s}
.visual-caption{position:absolute;left:4%;bottom:4%;font-size:1.6cqw;color:#8299aa;z-index:2}.request-method{display:inline-block;background:#263b47;color:#8ed9eb;padding:2% 4%;margin-right:4%;font-size:2cqw;border-radius:3px}.api-console{top:21%;left:20%;width:60%;transform:rotate(-4deg)}.api-console code{font-size:2.2cqw;color:#e1eff7}.code-lines{margin-top:8%;font-size:2cqw;font-family:monospace}.code-lines p{margin:3% 0!important;color:#a6b8c5;font-size:2cqw!important;line-height:1.5!important}.code-lines p span{color:#8ed9eb}.code-lines b{font-weight:400;color:#c7dce7}.response-status{display:flex;align-items:center;gap:2cqw;font-size:1.8cqw;color:#8ed9eb;margin-top:8%}.response-status i{width:1cqw;height:1cqw;border-radius:50%;background:#8ed9eb}
.network-core{position:absolute;width:43%;left:29%;top:14%}.network-core svg{width:100%;height:auto}.network-core>span{display:block;text-align:center;font-size:2cqw;color:#bad2e0}.visual-network .ticket-request{top:20%;left:4%}.visual-network .ticket-result{right:4%;bottom:20%}
[data-motion=running] .signal-path,[data-motion=running] .input-strokes b,[data-motion=running] .packet-track i,[data-motion=running] .evidence-line{animation-play-state:running}
.security-statement{padding:64px 24px 32px;text-align:center}.security-statement p{font-size:48px;line-height:1.5;letter-spacing:-.04em;color:#94a9b9;margin:0;font-weight:500}.security-statement strong{font-weight:600;color:#e9f5fb}.security-statement>span{display:block;color:#8ed9eb;font-size:12px;letter-spacing:.08em;margin-top:24px}
.public-home .evidence-story{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);gap:32px 64px;align-items:start}.evidence-intro{position:sticky;top:48px}.evidence-intro>p:not(.eyebrow){font-size:16px;line-height:2;color:#adbdc9;margin-top:32px}.evidence-intro .arrow-link{margin-top:24px}.evidence-intro .sample-disclosure{font-size:12px!important;color:#8fa7b8!important}.evidence-document{padding:32px;background:#181818;border:1px solid #314456;border-radius:4px;box-shadow:12px 12px 0 #0c182b,13px 13px 0 #314456;transform:rotate(1deg)}.document-top,.document-bottom{display:flex;justify-content:space-between;gap:16px;font-size:10px;color:#8fa7b8;letter-spacing:.05em}.document-top{padding-bottom:24px;border-bottom:1px solid #314456}.evidence-document>h3{font-size:30px;line-height:1.5;font-weight:600;letter-spacing:-.03em;margin:32px 0 16px}.document-target{font-size:12px;color:#8fa7b8;margin-bottom:32px}.evidence-step{display:grid;grid-template-columns:24px minmax(0,1fr);gap:16px;padding:24px 0;border-top:1px solid #314456}.evidence-index{color:#8ed9eb;font-size:12px;line-height:28px}.evidence-step h4{font-size:18px;font-weight:600;margin:0 0 12px;line-height:28px}.evidence-step p{font-size:14px;line-height:1.9;color:#b4c3ce;margin:0}.response-excerpt,.fix-excerpt{padding:16px;margin-top:16px;background:#000;border:1px solid #314456;border-radius:4px;overflow-wrap:anywhere}.response-excerpt>span,.fix-excerpt>span{display:block;font-size:10px;color:#8fa7b8;margin-bottom:12px}.response-excerpt code,.fix-excerpt code{font-size:12px;line-height:1.8;color:#d9e8f1;white-space:normal}.response-excerpt .missing-header{color:#d9c59d;margin:12px 0 0}.fix-excerpt{border-color:#3e7181}.fix-excerpt code{color:#8ed9eb}.document-bottom{border-top:1px solid #314456;padding-top:24px;margin-top:8px}.evidence-footnote{grid-column:2;font-size:12px;color:#8fa7b8;line-height:1.9;margin:0}
.insights-lede{max-width:360px}.insights-lede>p{font-size:14px;color:#adbdc9;line-height:1.9}.insights-lede .arrow-link{margin-top:16px}.insights-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.insight-feature{min-width:0;display:flex;flex-direction:column;background:#181818;border:1px solid #314456;border-radius:8px;overflow:hidden;transition:border-color .3s cubic-bezier(.22,1,.36,1);text-decoration:none}.insight-feature:hover{border-color:#8ed9eb}.insight-0,.insight-3{grid-column:span 2;display:grid;grid-template-columns:1fr 1fr;align-items:center}.insight-art{overflow:hidden}.insight-art .inspection-visual{border:0;border-radius:0;aspect-ratio:640/420}.insight-0 .inspection-visual,.insight-3 .inspection-visual{aspect-ratio:440/480}.insight-0 .visual-browser,.insight-3 .visual-browser{top:24%}.insight-0 .ticket-request,.insight-3 .ticket-request{top:20%}.insight-0 .ticket-result,.insight-3 .ticket-result{bottom:20%}.insight-0 .network-core,.insight-3 .network-core{top:25%}.insight-copy{padding:24px}.insight-copy>p{font-size:12px;color:#8ed9eb;margin:0 0 12px}.insight-copy h3{font-size:24px;font-weight:600;line-height:1.6;text-wrap:balance;margin:0 0 16px;letter-spacing:-.02em}.insight-copy>span{display:block;font-size:14px;color:#adbdc9;line-height:1.9}.insight-copy>strong{font-size:12px;font-weight:500;display:block;margin-top:24px;color:#dcecf5;text-decoration:underline;text-underline-offset:5px}.insight-1 .insight-copy h3,.insight-2 .insight-copy h3{font-size:20px}.insights-foundation{display:flex;align-items:center;gap:16px 24px;flex-wrap:wrap;margin-top:32px;padding:24px 0;border-block:1px solid #314456;font-size:12px}.insights-foundation>span{color:#91a7b8}.insights-foundation>a{color:#dcecf5;display:inline-flex;align-items:center;min-height:44px;text-decoration:underline;text-underline-offset:5px}
.public-home .security-questions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.8fr);gap:64px}.questions-intro>p:not(.eyebrow){font-size:14px;line-height:1.9;color:#adbdc9;margin-top:24px}.questions-intro .arrow-link{margin-top:24px}.questions-list details{border-bottom:1px solid #314456}.questions-list details:first-child{border-top:1px solid #314456}.questions-list summary{display:grid;grid-template-columns:24px minmax(0,1fr) 16px;align-items:center;gap:16px;padding:24px 0;min-height:64px;cursor:pointer;font-size:16px;font-weight:500;list-style:none;line-height:1.8}.questions-list summary::-webkit-details-marker{display:none}.questions-list summary::after{content:'+';color:#8ed9eb;font-size:20px;font-weight:400}.questions-list details[open]>summary::after{content:'−'}.question-number{font-size:12px;color:#8fa7b8;font-weight:400}.questions-list details>div{padding:0 32px 24px 40px}.questions-list p{font-size:14px;line-height:1.9;color:#adbdc9;margin:0 0 16px}.questions-list details a{display:inline-flex;align-items:center;min-height:44px;font-size:12px;color:#8ed9eb;text-decoration:underline;text-underline-offset:5px}
.inspection-copy a:focus-visible,.insight-feature:focus-visible,.questions-list summary:focus-visible,.questions-list a:focus-visible{outline:2px solid #8ed9eb;outline-offset:4px}
.insight-0 .insight-art,.insight-3 .insight-art{align-self:stretch;display:flex;align-items:center;background:#000}
.article-visual{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:48px;align-items:center;margin:0 0 64px;padding:32px;background:#181818;border-radius:8px}.article-visual .inspection-visual{max-width:480px}.article-visual figcaption>span{color:#8ed9eb;font-size:12px}.article-visual ol{padding:0;list-style:none;counter-reset:flow;margin:24px 0}.article-visual li{display:flex;align-items:center;gap:16px;counter-increment:flow;font-size:18px;padding:16px 0}.article-visual li::before{content:'0' counter(flow);color:#8ed9eb;font-size:12px}.article-visual figcaption>p{font-size:12px;color:#91a7b8}.visual-guide-grid .guide-item{display:flex;flex-direction:column;gap:24px}.guide-thumbnail .inspection-visual{aspect-ratio:640/320}.guide-thumbnail .visual-caption{display:none}.guide-thumbnail .visual-browser{top:8%}.guide-thumbnail .ticket-request{top:8%}.guide-thumbnail .network-core{top:4%}.guide-thumbnail{overflow:hidden;max-height:280px}
@keyframes signal-travel{0%,10%{stroke-dashoffset:440;opacity:0}25%{opacity:1}75%{opacity:1}90%,100%{stroke-dashoffset:-440;opacity:0}}
@keyframes line-reveal{0%,100%{transform:scaleX(.65);opacity:.5}40%,70%{transform:scaleX(1);opacity:1}}
@keyframes packet-flow{0%,100%{transform:translateX(-4px);opacity:.3}40%,65%{transform:translateX(4px);opacity:1}}
@media(max-width:1050px){.inspection-panel{gap:32px;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}.inspection-copy h3{font-size:24px}.public-home .evidence-story{gap:32px}.insight-0,.insight-3{display:flex}.insight-0 .inspection-visual,.insight-3 .inspection-visual{aspect-ratio:640/320}.insight-copy h3{font-size:20px}.public-home .security-questions{grid-template-columns:1fr 1.6fr;gap:32px}.article-visual{gap:24px}}
@media(max-width:760px){.inspection-picker{gap:8px;display:grid;grid-template-columns:1fr 1fr 1.5fr}.inspection-picker label{font-size:12px;padding:12px 8px;text-align:center;line-height:1.5}.inspection-panel{grid-template-columns:1fr;gap:32px}.inspection-copy h3{font-size:24px}.inspection-copy>p{max-width:none}.inspection-copy .inspection-boundary{max-width:none}.inspection-bottom{align-items:start;flex-direction:column;gap:16px}.inspection-visual{max-width:640px}.security-statement{padding:32px 8px}.security-statement p{font-size:30px}.security-statement>span{font-size:10px;letter-spacing:0}.public-home .evidence-story{grid-template-columns:1fr;gap:32px}.evidence-intro{position:static}.evidence-intro>p:not(.eyebrow){font-size:14px}.evidence-document{padding:24px;transform:none;box-shadow:8px 8px 0 #0c182b,9px 9px 0 #314456;margin-right:8px}.evidence-document>h3{font-size:24px}.evidence-footnote{grid-column:1}.document-top,.document-bottom{font-size:10px;letter-spacing:0}.insights-grid{grid-template-columns:1fr 1fr;gap:16px}.insight-0,.insight-3{grid-column:auto;display:flex}.insight-art .inspection-visual,.insight-0 .inspection-visual,.insight-3 .inspection-visual{aspect-ratio:640/440}.insight-copy{padding:24px 16px}.insight-copy h3,.insight-1 .insight-copy h3,.insight-2 .insight-copy h3{font-size:18px}.insight-copy>span{font-size:12px}.insights-foundation{gap:8px 24px}.insights-foundation>span{width:100%}.public-home .security-questions{grid-template-columns:1fr;gap:32px}.questions-list summary{font-size:14px;gap:12px;grid-template-columns:24px 1fr 16px}.questions-list details>div{padding:0 8px 24px 36px}.article-visual{grid-template-columns:1fr;gap:24px;padding:24px;margin-bottom:40px}.article-visual li{font-size:16px}.visual-guide-grid .guide-item{padding-block:24px;gap:16px}}
@media(max-width:480px){.insights-grid{grid-template-columns:1fr}.insight-copy{padding:24px}.insight-copy h3,.insight-1 .insight-copy h3,.insight-2 .insight-copy h3{font-size:20px}.insight-copy>span{font-size:14px}.insight-art .inspection-visual,.insight-0 .inspection-visual,.insight-3 .inspection-visual{aspect-ratio:640/320}.insight-0 .visual-browser,.insight-3 .visual-browser{top:10%}.insight-0 .network-core,.insight-3 .network-core{top:10%}.insight-0 .ticket-request,.insight-3 .ticket-request{top:12%}.security-statement p{font-size:24px}.evidence-step{gap:12px;grid-template-columns:20px 1fr}.evidence-step h4{font-size:16px}.document-top{flex-wrap:wrap}.article-visual{padding:16px}}
@media(prefers-reduced-motion:reduce){.inspection-visual *{animation:none!important}.inspection-picker label,.insight-feature{transition:none}}
@media print{.inspection-panel.panel-web,.inspection-panel.panel-api,.inspection-panel.panel-network{display:block!important}.inspection-picker,.inspection-visual,.evidence-intro{position:static}.evidence-document{transform:none;box-shadow:none}.article-visual{display:none}}