/* Pricing (new): a solution list on the left, everything inside the chosen solution on the right. */
.pn-page{--pn-control-size:42px}
.pn-top{background:var(--navy,#0c1116);padding:28px 0 22px;border-bottom:1px solid rgba(255,255,255,.08)}
.pn-title{display:flex;align-items:flex-end;justify-content:space-between;gap:40px}
.pn-title h1{font-size:clamp(34px,4.4vw,56px);font-weight:800;letter-spacing:-1.1px;line-height:1.08;margin-top:10px;max-width:22ch;color:#edeeec}
.pn-main{background:var(--navy,#0c1116);padding:26px 0 96px}
.pn-wrap{display:grid;grid-template-columns:400px minmax(0,1fr);gap:64px;align-items:start}
/* solution list */
.pn-rail{position:sticky;top:96px}
.pn-rail ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}
.pn-item{width:100%;text-align:left;font:inherit;color:#edeeec;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 18px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.03);transition:border-color .15s,background .15s}
.pn-item:hover{border-color:rgba(63,199,212,.5);background:rgba(63,199,212,.06)}
.pn-item.on{border-color:#3fc7d4;background:rgba(63,199,212,.12)}
.pn-item:focus-visible,.pn-act:focus-visible,.pn-link:focus-visible{outline:2px solid #3fc7d4;outline-offset:3px}
.pn-lines{display:flex;flex-direction:column;gap:10px;min-width:0}
.pn-sol{font-size:14px;font-weight:800;line-height:1.3;letter-spacing:1.2px;text-transform:uppercase;color:#3fc7d4}
.pn-name{font-size:16.5px;font-weight:800;letter-spacing:-.3px;line-height:1.25}
.pn-tier{display:inline-block;flex:none;min-width:96px;text-align:center;font-size:12.5px;font-weight:800;padding:6px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.2);color:#ccd1d4;white-space:nowrap}
.pn-tier.tA{color:#3fc7d4;border-color:rgba(63,199,212,.55);background:rgba(63,199,212,.1)}
.pn-tier.tB{color:#e8a93a;border-color:rgba(232,169,58,.5);background:rgba(232,169,58,.08)}
/* detail */
.pn-js .pn-panel[hidden]{display:none}
.pn-panel+.pn-panel{margin-top:72px}
.pn-js .pn-panel+.pn-panel{margin-top:0}
.pn-ph{display:block;padding-bottom:40px;border-bottom:1px solid rgba(255,255,255,.12)}
.pn-ph .x-kicker{font-size:15px;line-height:1.3;letter-spacing:1.2px}
.pn-ph h2{font-size:clamp(28px,3.2vw,40px);font-weight:700;letter-spacing:-.9px;line-height:1.12;margin:18px 0 16px;color:#edeeec;max-width:none}
.pn-ph p{font-size:17px;line-height:1.6;color:#a2b2c3;max-width:56ch}
.pn-ph .pn-on,.pn-ph .pn-leg{font-size:15px;margin-top:18px;color:#a2b2c3}
.pn-link{font:inherit;font-weight:700;color:#3fc7d4;background:none;border:0;padding:0;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.pn-leg{display:flex;align-items:center;gap:10px}
.pn-leg i{width:9px;height:9px;border-radius:50%;background:#3fc7d4;flex:none}
.pn-side{display:flex;flex-direction:row;align-items:center;gap:22px;flex-wrap:wrap;margin-top:24px}
.pn-priceline{display:flex;align-items:center;gap:18px}
.pn-priceline b{font-size:32px;font-weight:800;color:#edeeec}
.pn-page .pn-tier,.pn-side .x-btn{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;height:var(--pn-control-size);min-height:var(--pn-control-size);padding-top:0;padding-bottom:0;line-height:1;white-space:nowrap}
.pn-acts{display:flex;gap:10px}
.pn-act{display:inline-flex;align-items:center;justify-content:center;width:var(--pn-control-size);height:var(--pn-control-size);box-sizing:border-box;border-radius:50%;color:#e1e3e3;text-decoration:none;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.04);transition:background .15s,border-color .15s}
.pn-act svg{width:19px;height:19px}
.pn-act:hover{background:rgba(63,199,212,.16);border-color:#3fc7d4;color:#fff}
.pn-act.pn-try{background:#3fc7d4;border-color:#3fc7d4;color:#0C1116}
.pn-act.pn-try:hover{background:#7ed6df}
.pn-feat{padding-top:12px}
.pn-grp{margin-top:44px}
.pn-grp h4{font-size:12px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:#3fc7d4;margin:0 0 6px}
.pn-grp ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:56px}
.pn-grp li{position:relative;padding:20px 0 20px 0;border-bottom:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;gap:6px}
.pn-grp li b{font-size:16.5px;font-weight:700;color:#edeeec;line-height:1.3}
.pn-grp li span{font-size:15px;line-height:1.6;color:#a2b2c3}
@media(max-width:1100px){.pn-wrap{grid-template-columns:392px minmax(0,1fr);gap:40px}.pn-grp ul{grid-template-columns:1fr}}
@media(max-width:900px){
.pn-top{padding:36px 0 28px}
.pn-title{gap:20px;flex-wrap:wrap}
.pn-main{padding:32px 0 64px}
.pn-wrap{grid-template-columns:1fr;gap:36px}
.pn-rail{position:static}
.pn-rail ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.pn-grp ul{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){.pn-page{--pn-control-size:48px}}
@media(max-width:620px){
.pn-top{padding:22px 0 18px}
.pn-title{gap:12px}
.pn-title h1{font-size:34px}
.pn-main{padding:20px 0 56px}
.pn-wrap{gap:28px}
.pn-rail ul{grid-template-columns:1fr;gap:10px}
.pn-item{padding:11px 16px;gap:12px}
.pn-name{font-size:15px}
.pn-tier{min-width:92px;font-size:11.5px;padding:5px 12px}
.pn-ph{padding-bottom:24px}
.pn-side{margin-top:20px}
.pn-grp ul{grid-template-columns:1fr}
.pn-grp{margin-top:28px}
.pn-grp li{padding:16px 0}
}
@media(prefers-reduced-motion:reduce){.pn-item,.pn-act{transition:none}}

/* One gateway product with two selectable tiers. */
.pn-category{font-size:11px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:#899eb3;margin:0 0 14px}
.pn-category:not(:first-child){margin-top:28px}
.pn-gateway{padding:18px;border:1px solid #ffffff1f;border-radius:12px;background:#ffffff08}
.pn-gateway:has(.pn-item.on){border-color:#3fc7d4;background:#3fc7d40d}
.pn-gateway-tiers{display:flex;gap:10px;margin-top:16px}
.pn-gateway-tier.pn-item{width:auto;min-width:0;display:inline-flex;justify-content:center;padding:8px 16px;border-radius:999px;font-size:12.5px}
.pn-gateway-tier.pn-item.on{color:#0c1116;background:#3fc7d4;border-color:#3fc7d4}
@media(max-width:900px){.pn-gateway{min-width:260px}.pn-category{width:100%}}

/* Keep selection stable on mobile; align gateway tier controls vertically. */
.pn-gateway{display:flex;align-items:center;justify-content:space-between;gap:14px}.pn-gateway-tiers{flex-direction:column;gap:8px;margin-top:0;flex-shrink:0}.pn-gateway-tier.pn-item{min-width:96px;width:100%}


/* Swipe through products horizontally; read the selected features vertically. */
.pn-mobile-picker{display:none}
@media(max-width:900px){
 .pn-js .pn-rail{display:none}
 .pn-js .pn-mobile-picker{display:block;position:sticky;top:var(--site-nav-height,64px);z-index:40;align-self:start;background:#0c1116;padding:12px 0 14px;border-bottom:1px solid #ffffff26}
 .pn-swipe-hint{display:flex;justify-content:space-between;gap:12px;color:#ccd1d4;font-size:12px;margin:0 0 10px}
 .pn-swipe-hint span{color:#899eb3;font-size:11px}
 .pn-product-strip{display:flex;gap:10px;overflow-x:auto;padding:2px 2px 10px;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#3fc7d4 #14191f}
 .pn-product-strip button{flex:0 0 148px;min-height:70px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:6px;scroll-snap-align:start;padding:12px 14px;border:1px solid #ffffff26;border-radius:12px;background:#14191f;color:#edeeec;font:inherit;cursor:pointer;text-align:left}
 .pn-product-strip button span{font-size:9px;color:#899eb3;text-transform:uppercase;letter-spacing:.6px}
 .pn-product-strip button strong{font-size:14px;white-space:nowrap}
 .pn-product-strip button[aria-pressed="true"]{border-color:#3fc7d4;background:#3fc7d41a}
 .pn-mobile-picker button:focus-visible{outline:2px solid #3fc7d4;outline-offset:2px}
 #pn-mobile-tiers{display:flex;gap:10px;margin-top:8px}
 #pn-mobile-tiers[hidden]{display:none}
 #pn-mobile-tiers button{min-height:38px;min-width:96px;padding:8px 18px;border-radius:999px;border:1px solid #ffffff33;background:#14191f;color:#ccd1d4;font:inherit;font-size:12px;font-weight:700;cursor:pointer}
 #pn-mobile-tiers button[aria-pressed="true"]{background:#3fc7d4;border-color:#3fc7d4;color:#0c1116}
 .pn-wrap{gap:22px}.pn-panel{scroll-margin-top:260px}
}
/* Constrain the strip to the viewport rather than widening the grid. */
.pn-wrap>*{min-width:0}.pn-product-strip{width:100%;max-width:100%}.pn-mobile-picker{max-width:100%}

/* Larger mobile product targets; Gateway advertises its free option. */
@media(max-width:900px){
 .pn-product-strip button{flex-basis:172px;min-height:96px;padding:14px 16px;position:relative;justify-content:flex-start}
 .pn-product-strip button strong{font-size:15px}
 .pn-product-strip button .pn-free-badge{position:absolute;right:12px;bottom:9px;padding:2px 7px;border:1px solid #3fc7d455;border-radius:999px;background:#3fc7d414;color:#3fc7d4;font-size:9px;font-weight:800;letter-spacing:.5px}
}

@media(max-width:900px){
 .pn-mobile-category{font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#ccd1d4;margin:8px 0}
 .pn-product-group+.pn-product-group{margin-top:6px}
 .pn-product-strip button strong{font-size:17px;line-height:1.25}
 .pn-product-strip button .pn-free-badge{font-size:11px;padding:3px 10px;right:11px;bottom:8px}
 .pn-product-group.pn-applications-row .pn-product-strip button{min-height:66px}
 .pn-product-group.pn-applications-row .pn-product-strip button>span:not(.pn-free-badge){display:none}
}

@media(max-width:900px){.pn-product-icon{width:24px;height:24px;color:#3fc7d4;flex-shrink:0}.pn-product-strip button{gap:8px;min-height:108px}.pn-product-group.pn-applications-row .pn-product-strip button{min-height:90px}}
/* Solution titles stay consistent across the selector and feature panels. */
.pn-ph .pn-product-name{font-size:14px;color:#3fc7d4;margin:-4px 0 18px;line-height:1.6}
.pn-feature-note{font-size:13px;line-height:1.7;color:#a2b2c3;margin-top:20px}
.pn-solution-links{display:flex;flex-wrap:wrap;gap:16px;margin-top:18px}
.pn-solution-links a{font-size:13px;font-weight:700;color:#3fc7d4;text-decoration:none}
.pn-solution-links a:hover{text-decoration:underline}
.pn-page .pn-product-strip button strong{white-space:normal;overflow-wrap:normal}
@media(max-width:900px){.pn-product-strip button{min-height:112px}.pn-product-group.pn-applications-row .pn-product-strip button{min-height:100px}}
/* Lead with the solution; the implementing product is supporting context. */
.pn-rail .pn-lines{gap:7px}
.pn-rail .pn-sol{font-size:18px;font-weight:800;line-height:1.35;letter-spacing:-.3px;text-transform:none;color:#edeeec}
.pn-rail .pn-name{font-size:12.5px;font-weight:500;line-height:1.6;letter-spacing:0;color:#a2b2c3}
.pn-rail .pn-item.on .pn-name{color:#3fc7d4}

/* Prominent deployment options beneath the pricing hero. */
.pn-install-note{margin-top:26px;padding:22px 26px;border:1px solid rgba(63,199,212,.45);border-left:4px solid #3fc7d4;border-radius:12px;background:rgba(63,199,212,.09);color:#edeeec;font-size:17px;line-height:1.65}
.pn-install-note p+p{margin-top:12px}
.pn-install-note strong{color:#fff}
@media(max-width:620px){.pn-install-note{padding:18px;font-size:16px}}


.pn-install-note a{color:#7ed6df;font-weight:700;text-decoration:underline;text-underline-offset:3px}