.po-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:48px;
  padding:0 22px;
  border-radius:999px;
  border:1px solid transparent;
  font-weight:700;
  transition:transform .22s ease, box-shadow .22s ease, background-color .22s ease, color .22s ease, border-color .22s ease;
}
.po-btn:hover{transform:translateY(-2px)}
.po-btn--primary{background:var(--po-primary);color:#fff;box-shadow:var(--po-shadow)}
.po-btn--primary:hover{background:#fff;color:var(--po-primary);border-color:var(--po-primary);box-shadow:var(--po-shadow-hover)}
.po-btn--ghost{background:#fff;color:var(--po-primary);border-color:var(--po-border-strong)}
.po-btn--ghost:hover{background:rgba(28,108,218,.08);box-shadow:var(--po-shadow)}

.po-site-header{
  position:sticky;top:0;z-index:40;
  padding:14px 0;
  background:rgba(246,248,251,.72);
  backdrop-filter:blur(12px);
  border-bottom:1px solid rgba(20,86,184,.08);
}
.po-site-header.is-scrolled{padding:10px 0;background:rgba(246,248,251,.92)}
.po-site-header__inner{display:flex;align-items:center;justify-content:space-between;gap:24px}
.po-site-branding__text{font:800 1.35rem 'Manrope',sans-serif;color:var(--po-primary)}
.po-primary-nav{display:flex;align-items:center;gap:28px}
.po-primary-menu{display:flex;align-items:center;gap:24px}
.po-primary-menu a{font-weight:600;color:var(--po-text)}
.po-primary-menu a:hover{color:var(--po-primary)}
.po-header-actions{display:flex;align-items:center;gap:12px}
.po-nav-toggle{display:none;flex-direction:column;gap:5px;border:0;background:transparent;padding:0}
.po-nav-toggle span{display:block;width:24px;height:2px;background:var(--po-text);border-radius:999px}

.po-site-footer{padding:72px 0 24px;background:#fff;border-top:1px solid var(--po-border)}
.po-site-footer__grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:32px}
.po-site-footer__title{margin-bottom:12px}
.po-site-footer__heading{margin-bottom:14px;font-size:1rem}
.po-site-footer__list,.po-footer-menu{display:grid;gap:10px}
.po-site-footer__bottom{display:flex;justify-content:space-between;gap:16px;border-top:1px solid var(--po-border);margin-top:32px;padding-top:20px;color:var(--po-text-soft);font-size:.95rem}

.po-section-heading{max-width:760px;margin-bottom:36px}
.po-logo-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.po-logo-chip,
.po-feature-card,
.po-step,
.po-product-card{background:#fff;border:1px solid var(--po-border);border-radius:var(--po-radius-lg);box-shadow:0 8px 22px rgba(10,30,70,.05);transition:transform .24s ease, box-shadow .24s ease, border-color .24s ease}
.po-logo-chip:hover,
.po-feature-card:hover,
.po-step:hover,
.po-product-card:hover{transform:translateY(-4px);box-shadow:var(--po-shadow-hover);border-color:var(--po-border-strong)}
.po-logo-chip{padding:24px;display:flex;align-items:center;justify-content:center;font-weight:800;color:var(--po-primary)}
.po-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.po-feature-card{padding:28px}

.po-product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.po-product-card{overflow:hidden}
.po-product-card__media{display:block;aspect-ratio:1/1;background:linear-gradient(180deg,#fff,#f4f7fb);padding:18px}
.po-product-card__media img{width:100%;height:100%;object-fit:contain}
.po-product-card__placeholder{width:100%;height:100%;display:grid;place-items:center;border:1px dashed var(--po-border);border-radius:18px;color:var(--po-text-soft)}
.po-product-card__body{padding:22px}
.po-product-card__eyebrow{display:block;margin-bottom:10px;font-size:.88rem;font-weight:700;color:var(--po-primary)}
.po-product-card__title{font-size:1.18rem;margin-bottom:10px}
.po-product-card__excerpt{font-size:.98rem;min-height:54px}
.po-product-card__actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}

.po-page-hero{padding:92px 0 34px}
.po-page-hero--small{padding-bottom:24px}
.po-filter-bar{display:flex;align-items:center;gap:12px;justify-content:space-between;padding:18px 20px;margin-bottom:28px;flex-wrap:wrap}
.po-two-column,.po-contact-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.po-contact-list{display:grid;gap:12px}
.po-form{display:grid;gap:16px}.po-form__row{display:grid;gap:8px}
.po-form input,.po-form textarea{width:100%;min-height:48px;border-radius:16px;border:1px solid var(--po-border);padding:14px 16px;background:#fff;font:inherit;color:var(--po-text)}
.po-form textarea{min-height:130px;resize:vertical}

@media (max-width: 1024px){
  .po-product-grid,.po-logo-grid,.po-feature-grid{grid-template-columns:repeat(2,1fr)}
  .po-site-footer__grid{grid-template-columns:1fr 1fr}
}
@media (max-width: 900px){
  .po-nav-toggle{display:flex}
  .po-primary-nav{position:absolute;left:16px;right:16px;top:100%;display:none;flex-direction:column;align-items:stretch;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);padding:18px;border:1px solid var(--po-border);border-radius:24px;box-shadow:var(--po-shadow)}
  .po-primary-nav.is-open{display:flex}
  .po-primary-menu,.po-header-actions{flex-direction:column;align-items:stretch}
  .po-two-column,.po-contact-grid,.po-site-footer__grid,.po-site-footer__bottom{grid-template-columns:1fr;display:grid}
}
@media (max-width: 640px){
  .po-product-grid,.po-logo-grid,.po-feature-grid{grid-template-columns:1fr}
}

.po-site-branding__img{max-height:44px;width:auto;display:block}
.po-site-header{padding:10px 0!important}
.po-site-header.is-scrolled{padding:10px 0!important}
.admin-bar .po-site-header{top:32px}
@media (max-width:782px){.admin-bar .po-site-header{top:46px}}