/* POS company overview; shared colors, navigation and buttons use the home layout. */
.pos-integration h1, .pos-integration h2 { font-weight:500; letter-spacing:-.045em; line-height:1.08; }
.pos-integration h1 { font-size:clamp(44px,5.6vw,78px); margin:0 0 28px; }
.pos-integration h2 { font-size:clamp(34px,4vw,52px); margin:0 0 36px; }
.pos-integration h1 span, .pos-integration h2 span { color:var(--bitcoin-orange); }
.pos-integration h3 { font-size:21px; font-weight:500; letter-spacing:-.02em; }
.pos-integration p, .pos-integration li { line-height:1.75; }
.pos-int-hero { display:grid; grid-template-columns:1.35fr 1fr; align-items:center; gap:72px; padding-block:76px; }
.pos-int-lead { color:#babbb4; font-size:19px; max-width:600px; margin-bottom:30px; }
.pos-int-preview { margin:0; }
.pos-int-terminal { max-width:370px; margin:auto; padding:28px; border:1px solid #454237; border-radius:22px; background:var(--surface); box-shadow:0 24px 80px rgba(232,181,60,.07); }
.pos-int-screen-top { display:flex; justify-content:space-between; font:11px var(--font-mono); letter-spacing:.12em; color:#babbb4; margin-bottom:28px; }
.pos-int-sale { margin:0; color:#babbb4; font-size:14px; }
.pos-integration .pos-int-total { font-size:54px; letter-spacing:-.04em; line-height:1.3; margin:4px 0 24px; }
.pos-int-caption { font-size:13px; color:#babbb4; margin-bottom:10px; }
.pos-int-tenders { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.pos-int-tenders span { padding:12px; border:1px solid #3b3b34; border-radius:6px; font-size:14px; color:#babbb4; }
.pos-int-tenders i { margin-right:7px; }
.pos-int-lightning { display:flex; align-items:center; gap:10px; margin-top:10px; padding:15px 12px; color:var(--bitcoin-orange); background:rgba(232,181,60,.08); border:1px solid var(--bitcoin-orange-dark); border-radius:6px; font-size:15px; }
.pos-int-lightning i:last-child { margin-left:auto; }
.pos-int-status { display:flex; align-items:center; gap:12px; margin-top:30px; padding-top:22px; border-top:1px solid #3b3b34; }
.pos-int-status>i { font-size:27px; color:var(--bitcoin-orange); }
.pos-int-status strong, .pos-int-status span { display:block; font-size:14px; }
.pos-int-status span { color:#babbb4; margin-top:4px; font-size:12px; }
.pos-int-preview figcaption { text-align:center; color:#aaa99f; font-size:12px; line-height:1.7; margin-top:18px; }
.pos-int-strip { border-block:1px solid #303229; }
.pos-int-strip .rail-container { display:flex; justify-content:space-between; flex-wrap:wrap; gap:20px; padding-block:24px; }
.pos-int-strip span { font-size:14px; color:#babbb4; }
.pos-int-strip i { color:var(--bitcoin-orange); margin-right:9px; }
.pos-int-section { padding-block:80px; scroll-margin-top:80px; }
.pos-int-ownership, .pos-int-fit { display:grid; grid-template-columns:1fr 1fr; gap:48px; }
.pos-int-ownership article>i { display:block; font-size:28px; color:var(--bitcoin-orange); margin-bottom:20px; }
.pos-int-ownership p, .pos-int-fit p, .pos-int-fit li { color:#babbb4; }
.pos-int-note { color:#babbb4; border-left:2px solid var(--bitcoin-orange-dark); padding-left:20px; margin:24px 0 0; }
.pos-int-flow-section { background:var(--surface); border-block:1px solid #303229; }
.pos-int-steps { display:grid; grid-template-columns:repeat(3,1fr); list-style:none; padding:0; margin:0; gap:40px; }
.pos-int-number { display:block; color:var(--bitcoin-orange); font:13px var(--font-mono); margin-bottom:20px; }
.pos-int-steps p { color:#babbb4; font-size:16px; }
.pos-int-money { display:flex; align-items:center; gap:20px; padding-top:30px; border-top:1px solid #303229; margin-top:24px; }
.pos-int-money>i { color:var(--bitcoin-orange); font-size:30px; }
.pos-int-money p { margin:4px 0 0; color:#babbb4; font-size:14px; }
.pos-int-fit ul { padding-left:20px; margin-block:20px; }
.pos-int-fit li { padding-bottom:10px; }
.pos-int-fit p { font-size:14px; }
.pos-int-commercial { border:1px solid #454237; border-radius:8px; padding:28px; margin-top:32px; display:flex; align-items:center; gap:32px; justify-content:space-between; }
.pos-int-commercial p { color:#babbb4; font-size:14px; margin:0; max-width:750px; }
.pos-int-commercial a { flex-shrink:0; }
.pos-int-faq { display:grid; grid-template-columns:1fr 1.5fr; gap:70px; border-top:1px solid #303229; }
.pos-int-final { padding-block:80px; background:radial-gradient(ellipse at 25% 100%,rgba(232,181,60,.08),transparent 65%); border-top:1px solid #303229; }
.pos-int-final p:not(.rail-eyebrow) { color:#babbb4; margin-bottom:30px; }
@media(max-width:991px) {
  .pos-int-hero { gap:32px; grid-template-columns:1.2fr 1fr; padding-block:48px; }
  .pos-int-terminal { padding:20px; }
  .pos-int-lead { font-size:17px; }
  .pos-int-faq { gap:30px; }
  .pos-int-commercial { flex-direction:column; align-items:flex-start; gap:16px; }
}
@media(max-width:767px) {
  .pos-int-hero, .pos-int-ownership, .pos-int-fit, .pos-int-steps, .pos-int-faq { grid-template-columns:1fr; }
  .pos-int-preview { margin-top:20px; }
  .pos-int-section, .pos-int-final { padding-block:52px; }
  .pos-int-ownership, .pos-int-fit, .pos-int-steps { gap:26px; }
  .pos-int-strip .rail-container { flex-direction:column; gap:14px; }
  .pos-int-number { margin-bottom:12px; }
  .pos-int-faq h2 { margin-bottom:0; }
}