.pro-page .eyebrow,.pro-page .text-link{color:var(--product)}
.pro-page .button.primary{background:var(--product);border-color:var(--product)}
.pro-page h2{max-width:24ch}.pro-page h1{max-width:15ch}
.pro-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.pro-three{grid-template-columns:repeat(3,minmax(0,1fr))}
.pro-card{padding:30px;border:1px solid var(--line);border-radius:20px;background:#fff}.pro-card p:last-child{margin-bottom:0}
.pro-number{display:block;color:var(--product);font:600 .75rem/1.5 "IBM Plex Mono",monospace;letter-spacing:.06em;margin-bottom:20px}
.pro-note{margin:24px 0 0;max-width:75ch}.pro-architecture{margin-top:36px;padding:32px;border:1px solid #d6cfe0;border-radius:24px;background:#f2eff6}
.pro-data,.pro-display{display:grid;gap:5px;text-align:center;padding:22px;border-radius:14px;background:#fff}.pro-data span,.pro-display span{color:var(--muted);font-size:.9rem}
.pro-connection{text-align:center;padding:18px;color:var(--product);font-size:.85rem}.pro-core,.pro-linux{padding:28px;border:1px solid #d6cfe0;border-radius:16px;background:#fff}.pro-core{border-top:4px solid var(--product)}.pro-linux{border-top:4px solid #526c87}
.pro-library{padding:15px;margin:22px 0;background:#f0ebf5;border-radius:10px;font-weight:600}.pro-core p:last-child,.pro-linux p:last-child{margin-bottom:0}.pro-display{background:var(--product);color:#fff}.pro-display span{color:#eee7f5}
.pro-explanation{margin-top:30px}.pro-demo-note{padding-top:24px;max-width:850px}.pro-process{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;list-style:none;counter-reset:step;padding:0;margin:36px 0 0}.pro-process li{counter-increment:step;border-top:2px solid #d6cfe0;padding-top:20px}.pro-process li:before{content:counter(step,decimal-leading-zero);display:block;color:var(--product);font:600 1rem "IBM Plex Mono",monospace;margin-bottom:20px}.pro-process h3{font-size:1.25rem}
.pro-faq{max-width:900px}.pro-faq details{border-bottom:1px solid var(--line);padding:20px 0}.pro-faq summary{cursor:pointer;font-weight:600;font-size:1.1rem}.pro-faq details p{margin:16px 0 0}.pro-page .dark .eyebrow{color:#d5c3ed}
@media(max-width:980px){.pro-three,.pro-process{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.pro-grid,.pro-process{grid-template-columns:1fr}.pro-architecture{padding:16px}.pro-core,.pro-linux,.pro-card{padding:22px}.pro-page h1{font-size:clamp(2.65rem,10vw,4rem)}}