/* V19 — distinct photography and responsive, resolution-independent interface previews */
.plans-section .plans-grid{gap:24px;border:0}
.plans-section .plan{padding:28px;border:1px solid var(--line);overflow:hidden}
.plans-section .plan.featured{border:1px solid var(--line);border-top:3px solid var(--ui-gold);padding-top:26px}
.plans-section .plan-visual{display:block;position:relative;min-height:0;padding:0;margin:-28px -28px 28px;border:0;background:var(--ui-soft)}
.plans-section .plan.featured .plan-visual{margin-top:-26px}
.plan-image{display:block;width:100%;height:auto;aspect-ratio:5/4;object-fit:cover}
.plan-number{position:absolute;top:16px;left:16px;display:grid;place-items:center;width:40px;height:40px;background:#fff;color:#000;border-top:2px solid var(--ui-gold);font-size:.75rem;font-weight:600;pointer-events:none}
.plans-section .plan h3{font-size:clamp(1.65rem,2.2vw,2.2rem);line-height:1.1;min-height:2.2em;margin:16px 0 24px;text-wrap:initial}
.plans-section .price{font-size:1.5rem;margin-bottom:16px;padding-bottom:16px}
.plans-section .plan>p{min-height:3.6em;margin-bottom:0;line-height:1.8}
.plans-section .plan-scope{margin-top:24px}
.plans-section .plan .check-list{margin-block:16px 24px}
.plans-section .plan .check-list li{line-height:1.7;padding-block:5px}
.plans-section .plan .button{font-size:.625rem;gap:12px;padding:16px}
.page-platform .security-editorial,.page-platform .integration-layout{display:block}
.page-platform .security-photo,.page-platform .integration-layout>.visual{position:static;margin:0 0 28px;width:100%;max-height:320px;overflow:hidden}
.page-platform .security-photo img,.page-platform .integration-layout>.visual img{display:block;width:100%;height:320px;object-fit:cover;object-position:center}
.security-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.integration-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.security-grid article,.integration-grid article{padding:0!important;overflow:hidden;background:var(--canvas)}
.integration-image{display:block;width:100%;height:auto;aspect-ratio:5/4;object-fit:cover}
.visual-card-copy{padding:24px}
.visual-card-copy h3{font-size:.875rem;margin:0 0 12px}
.visual-card-copy p{margin:0;font-size:.8125rem;line-height:1.8}
.capability-grid .capability{padding:0;overflow:hidden}
.capability-grid .capability-heading{padding:24px 28px 0;margin:0 0 16px}
.capability-grid .capability>p{margin:0 28px 20px;min-height:3.5em}
.capability-grid .feature-details{margin:0 28px 12px}
.visual-panel{background:var(--ui-soft);padding:24px;color:var(--text);border-bottom:1px solid var(--line);overflow:hidden}
.visual-panel>div{border:1px solid var(--ui-frame);background:var(--canvas)}
.vp-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid var(--ui-frame);font-size:.5625rem;letter-spacing:.06em;line-height:1.5}
.vp-bar>span{font-size:.5rem;border-left:1px solid var(--ui-gold);padding-left:10px}
.vp-stage{height:208px;padding:20px;display:flex;flex-direction:column;justify-content:center;gap:16px;overflow:hidden}
.vp-tag{display:inline-flex;align-self:flex-start;align-items:center;gap:8px;color:var(--text);font-size:.5625rem;letter-spacing:.04em;font-weight:600}
.vp-tag:before{content:"";display:block;width:6px;height:6px;background:var(--link)}.vp-tag.vp-gold:before{background:var(--ui-gold)}
.vp-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 0;border-bottom:1px solid var(--line);font-size:.5625rem;line-height:1.5;letter-spacing:.015em}
.vp-row>b{font-size:.5625rem;text-align:right;color:var(--link)}
.vp-chat{display:flex;flex-direction:column;gap:6px;padding:10px 14px;align-self:flex-start;border-left:2px solid var(--ui-gold);background:var(--ui-soft);width:78%;font-size:.6875rem}
.vp-chat>span{font-size:.5rem;letter-spacing:.06em}.vp-chat.reply{align-self:flex-end;border-left-color:var(--link)}
.vp-wave{display:flex;height:48px;align-items:center;justify-content:center;gap:5px;flex-shrink:0}.vp-wave i{display:block;width:3px;height:var(--h);max-height:100%;background:var(--link);transform-origin:center}
.vp-split{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:20px;min-height:130px}.vp-split .vp-row{flex-direction:column;align-items:flex-start;padding:8px 0;gap:3px}.vp-split .vp-row>b{text-align:left}
.vp-capture{height:130px;position:relative;display:grid;place-content:center;text-align:center;gap:14px;background:var(--ui-soft);border:1px solid var(--ui-frame);outline:1px solid var(--link);outline-offset:-10px}
.vp-capture span{display:block;width:36px;height:36px;border:1px solid var(--link);border-radius:50%;margin:auto;box-shadow:0 0 0 7px var(--canvas)}.vp-capture b{font-size:.4375rem;letter-spacing:.045em}
.vp-map{height:145px;min-height:130px;position:relative;overflow:hidden;border:1px solid var(--ui-frame);background-color:var(--ui-soft);background-image:linear-gradient(32deg,transparent 44%,var(--canvas) 44% 49%,transparent 49%),repeating-linear-gradient(90deg,transparent 0 39px,var(--ui-frame) 40px 41px),repeating-linear-gradient(0deg,transparent 0 27px,var(--ui-frame) 28px 29px)}
.vp-zone{position:absolute;inset:20% 24%;border:1px dashed var(--link);transform:rotate(-12deg);background:#1559ea0d}
.vp-point{position:absolute;width:9px;height:9px;border:2px solid var(--canvas);border-radius:50%;background:var(--link);box-shadow:0 0 0 4px #1559ea22}.vp-point.p1{top:30%;left:30%}.vp-point.p2{top:60%;left:63%;background:var(--ui-gold)}.vp-point.p3{top:24%;left:71%}
.vp-map-label{position:absolute;bottom:10px;left:10px;background:var(--canvas);padding:5px 7px;font-size:.4375rem;letter-spacing:.05em;border:1px solid var(--ui-frame)}
.vp-legend{display:flex;gap:16px;justify-content:center;font-size:.5rem;font-weight:500;flex-wrap:wrap}.vp-legend>span{display:flex;align-items:center;gap:5px}.vp-legend i{width:5px;height:5px;background:var(--link)}.vp-legend>span:nth-child(2) i{background:var(--ui-gold)}.vp-legend>span:nth-child(3) i{background:transparent;border:1px solid var(--link)}
.vp-flow{display:flex;align-items:center;justify-content:space-between;gap:8px}.vp-node{display:grid;place-content:center;min-height:54px;flex:1;text-align:center;padding:8px 5px;border:1px solid var(--ui-frame);font-size:.5rem;font-weight:600;line-height:1.7;letter-spacing:.02em;background:var(--ui-soft)}.vp-node:nth-of-type(2){border-color:var(--ui-gold)}.vp-flow>i{font-style:normal;color:var(--link);font-size:.875rem}
.vp-alert{display:flex;align-items:center;gap:16px;border:1px solid var(--ui-gold);padding:16px}.vp-alert>span{font-size:1.6rem;border:1px solid var(--ui-gold);width:36px;height:36px;display:grid;place-items:center}.vp-alert b{font-size:.6875rem}.vp-alert small{display:block;font-size:.4375rem;margin-top:8px;letter-spacing:.04em}
.vp-timeline{border-left:2px solid var(--ui-gold);padding-left:16px}.vp-timeline .vp-row{padding:14px 0}
.vp-org{text-align:center}.vp-org>b,.vp-network>b{display:inline-block;padding:12px 16px;border:1px solid var(--ui-gold);font-size:.625rem;background:var(--canvas)}.vp-org>div{display:flex;gap:10px;position:relative;margin-top:30px}.vp-org>div:before{content:"";position:absolute;top:-16px;left:16%;right:16%;border-top:1px solid var(--link)}.vp-org>div:after{content:"";position:absolute;top:-30px;height:15px;left:50%;border-left:1px solid var(--link)}.vp-org>div>span{position:relative;flex:1;border:1px solid var(--ui-frame);padding:10px 4px;font-size:.5rem}.vp-org>div>span:before{content:"";position:absolute;left:50%;top:-16px;height:15px;border-left:1px solid var(--link)}
.vp-network{display:grid;grid-template-columns:repeat(3,1fr);gap:32px 8px;text-align:center;position:relative}.vp-network>b{grid-column:1/-1;justify-self:center;position:relative;z-index:1}.vp-network>b:after{content:"";position:absolute;left:50%;top:100%;height:32px;border-left:1px solid var(--link)}.vp-network>span{font-size:.5rem;position:relative;padding:12px 4px;border:1px solid var(--ui-frame);background:var(--canvas);z-index:1}.vp-network:after{content:"";position:absolute;left:16%;right:16%;top:62%;border-top:1px solid var(--link)}
.vp-matrix{display:grid;grid-template-columns:1.3fr 1fr 1fr;align-items:center;font-size:.5rem;gap:0}.vp-matrix>*{padding:12px 4px;border-bottom:1px solid var(--line)}.vp-matrix>i{text-align:center;font-style:normal;color:var(--link)}.vp-matrix>span{font-weight:600;font-size:.4375rem}.vp-matrix>span:not(:first-child){text-align:center}
.vp-distribution{text-align:center}.vp-distribution>b{display:inline-block;font-size:.625rem;border:1px solid var(--ui-gold);padding:12px 20px}.vp-distribution>div{display:flex;gap:12px;margin-top:20px}.vp-distribution span{flex:1;border:1px solid var(--ui-frame);padding:12px 6px;font-size:.4375rem;line-height:1.7}.vp-distribution strong{display:block;font-size:.5625rem;margin-top:8px;color:var(--link)}
.security-grid .visual-panel{padding:16px}.security-grid .vp-stage{height:190px;padding:16px;gap:16px}.security-grid .vp-bar{padding:12px;font-size:.5rem}.security-grid .vp-bar>span{font-size:.4375rem}
.signal-play .vp-wave i{animation:voice-signal 1.6s ease-in-out 2}.signal-play .vp-point{animation:point-arrive 1s ease-out 1}
@keyframes point-arrive{from{transform:scale(.5)}to{transform:scale(1)}}
@media(max-width:1100px){.security-grid,.integration-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.plans-section .plans-grid{gap:16px}.plans-section .plan{padding:24px}.plans-section .plan-visual{margin:-24px -24px 24px}.plans-section .plan.featured{padding-top:22px}.plans-section .plan.featured .plan-visual{margin-top:-22px}.plans-section .plan h3{font-size:1.75rem}.visual-panel{padding:20px}.vp-stage{padding:16px}.vp-split{gap:12px}}
@media(max-width:900px){.plans-section .plans-grid{grid-template-columns:1fr;gap:24px}.plans-section .plan{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 28px;padding:28px}.plans-section .plan-visual{grid-row:1/6;grid-column:1;margin:0;align-self:start}.plans-section .plan.featured{padding:28px}.plans-section .plan.featured .plan-visual{margin:0}.plans-section .plan h3{min-height:0}.plans-section .plan>p{min-height:0}.plans-section .plan>.check-list,.plans-section .plan>.button{grid-column:1/-1}.plans-section .plan .check-list{display:grid;grid-template-columns:1fr 1fr;gap:4px 24px}.vp-flow{gap:6px}.vp-stage{height:220px}.vp-chat{width:90%;font-size:.625rem}.capability-grid .capability-heading{padding-inline:24px}.capability-grid .capability>p{margin-inline:24px}.capability-grid .feature-details{margin-inline:24px}.vp-bar{font-size:.5rem}}
@media(max-width:600px){.security-grid,.integration-grid{grid-template-columns:1fr;gap:24px}.plans-section .plan{display:flex;padding:24px;gap:0}.plans-section .plan.featured{padding:22px 24px 24px}.plans-section .plan-visual{margin:-24px -24px 24px;align-self:stretch}.plans-section .plan.featured .plan-visual{margin:-22px -24px 24px}.plans-section .plan .check-list{display:block}.plans-section .plan h3{font-size:2rem;margin:16px 0 24px}.plans-section .plan .button{margin-top:0}.visual-panel{padding:16px}.vp-stage{padding:16px;height:210px}.vp-bar{padding:12px;font-size:.5rem}.vp-bar>span{font-size:.4375rem}.vp-split{gap:12px}.capability-grid .capability-heading{padding:24px 24px 0}.capability-grid .capability>p{min-height:0}.visual-card-copy{padding:24px}.page-platform .security-photo img,.page-platform .integration-layout>.visual img{height:auto;aspect-ratio:5/4;object-fit:contain}.page-platform .security-photo,.page-platform .integration-layout>.visual{max-height:none}.security-grid .vp-stage{height:210px}.security-grid .visual-panel{padding:16px}}
@media(prefers-reduced-motion:reduce){.signal-play .vp-wave i,.signal-play .vp-point{animation:none}}
.vp-stage:has(.vp-chat){gap:10px}
.vp-stage:has(.vp-chat) .vp-wave{height:36px}
@media(max-width:600px){.plans-section .plan-visual{width:calc(100% + 48px)}}