/* POS detail page only. No changes to shared styles or existing pages. */
.pos-hero{background:linear-gradient(#f8fcff,#edf7ff);padding:32px 0 34px}.pos-heading{padding:0 4.55% 27px;max-width:1180px;margin:auto;text-align:center}.pos-heading .eyebrow{color:#0063e5;font-size:13px;font-weight:600;letter-spacing:1.5px}.pos-heading h1{font-size:43px;line-height:1.12;letter-spacing:-1.3px;margin:16px 0}.pos-heading>p:last-child{font-size:18px;line-height:1.5;color:#647087;max-width:890px;margin:auto}
.pos-visual{max-width:1320px;margin:0 auto;padding:0 20px}.pos-screenshot-scroll{overflow-x:auto;scrollbar-width:thin;scrollbar-color:#80b7ef #edf6ff;box-shadow:0 10px 30px #174b7812}.pos-screenshot-scroll:focus-visible{outline:3px solid #0066ff;outline-offset:4px}.pos-visual img{display:block;width:100%;height:auto;max-width:none}.pos-visual figcaption{display:none}
.pos-details{max-width:1280px;margin:auto;padding:0 4.55% 32px}.pos-section-label .icon-tile{width:48px;height:48px;margin-bottom:17px}.pos-section-label svg{width:28px;height:28px}.pos-explanation{padding:38px 24px;border-radius:12px;margin-top:14px}.pos-explanation:nth-child(even){background:#f6fbff;border-color:#e4eff9}.pos-list{font-size:16px;color:#647087;line-height:1.65;padding-left:21px;margin:0 0 19px;columns:2;column-gap:28px}.pos-list li{break-inside:avoid;margin-bottom:5px}.pos-list li::marker{color:#0670ff}
.pos-connected{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;padding:42px 24px}.pos-connected h2{font-size:29px;line-height:1.15;letter-spacing:-.6px;margin-bottom:18px}.pos-connected p{font-size:16px;line-height:1.7;color:#647087}.pos-workflow{display:flex;flex-direction:column;gap:25px;list-style:none;padding:0;margin:0}.pos-workflow li{position:relative;border:1px solid #dcecff;background:#f0f8ff;border-radius:10px;padding:13px 18px;text-align:center;color:#225593;font-size:13px;font-weight:600;letter-spacing:.5px}.pos-workflow li:not(:last-child):after{content:'↓';position:absolute;top:100%;left:calc(50% - 6px);height:25px;line-height:25px;color:#6ca4df;font-size:20px}
.pos-highlights{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:0 0 30px}.pos-highlights article{padding:23px;border:1px solid #e3edf7;border-radius:12px;background:#fff}.pos-highlights .icon-tile{width:48px;height:48px}.pos-highlights svg{width:28px;height:28px}.pos-highlights h2{font-size:18px;line-height:1.25;letter-spacing:-.3px;margin:17px 0 9px}.pos-highlights p{font-size:15px;line-height:1.55;color:#647087}
.pos-cta{background:#eaf6ff;border-radius:15px;padding:30px 4%;display:flex;gap:28px;align-items:center}.pos-cta>div:first-child{flex:1}.pos-cta .eyebrow{font-size:12px;letter-spacing:1.5px;color:#0063dd}.pos-cta h2{font-size:30px;line-height:1.15;letter-spacing:-.6px;margin:10px 0 13px}.pos-cta p:not(.eyebrow){font-size:16px;line-height:1.55;color:#647087}.pos-cta-actions{display:flex;flex-direction:column;gap:12px;flex-shrink:0}.pos-page .pos-cta .button{background:#0066ff;border-color:#0066ff;font-weight:600}.pos-page .pos-cta .button.outline{color:#0063ff;background:transparent}
@media(max-width:1100px){.pos-visual img{width:1280px}.pos-visual figcaption{display:block;color:#647087;font-size:12px;line-height:1.4;margin-top:10px}}
@media(max-width:850px){.pos-heading h1{font-size:38px}.pos-highlights{grid-template-columns:repeat(2,minmax(0,1fr))}.pos-explanation{gap:28px;padding:28px 20px}.pos-connected{gap:28px;padding:32px 20px}.pos-list{columns:1}.pos-cta{flex-wrap:wrap}.pos-cta-actions{flex-direction:row;flex-wrap:wrap}}
@media(max-width:650px){.pos-hero{padding:28px 0 24px}.pos-heading{padding:0 6% 24px}.pos-heading h1{font-size:34px}.pos-heading>p:last-child{font-size:17px}.pos-visual{padding:0 6%}.pos-details{padding:0 6% 24px}.pos-explanation{padding:26px 16px;display:block}.pos-section-label{margin-bottom:18px}.pos-section-label .icon-tile{margin-bottom:12px}.pos-section-label h2{margin-bottom:0}.pos-connected{grid-template-columns:1fr;padding:30px 0;gap:25px}.pos-connected h2{font-size:27px}.pos-highlights{gap:12px}.pos-highlights article{padding:17px 13px}.pos-highlights h2{font-size:16px;margin-top:14px}.pos-highlights p{font-size:14px}.pos-highlights .icon-tile{width:42px;height:42px}.pos-cta{padding:25px 20px;display:block}.pos-cta h2{font-size:28px}.pos-cta-actions{margin-top:20px}.pos-cta .button{white-space:normal}}
