:root{
  --po-bg:#F6F8FB;
  --po-surface:#FFFFFF;
  --po-surface-glass:rgba(255,255,255,.62);
  --po-text:#142033;
  --po-text-soft:#5A6A85;
  --po-primary:#1456B8;
  --po-primary-2:#1C6CDA;
  --po-primary-glow:#4FA3FF;
  --po-border:rgba(17,78,166,.10);
  --po-border-strong:rgba(17,78,166,.18);
  --po-shadow:0 12px 36px rgba(20,86,184,.16);
  --po-shadow-hover:0 18px 46px rgba(20,86,184,.18);
  --po-radius-sm:12px;
  --po-radius-md:18px;
  --po-radius-lg:24px;
  --po-radius-xl:32px;
  --po-container:1280px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:'Inter',sans-serif;
  color:var(--po-text);
  background:
    radial-gradient(circle at 10% 0%, rgba(79,163,255,.08), transparent 26%),
    radial-gradient(circle at 100% 20%, rgba(20,86,184,.07), transparent 24%),
    var(--po-bg);
}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto;display:block}
main{display:block}
h1,h2,h3,h4,h5,h6{
  margin:0 0 14px;
  font-family:'Manrope',sans-serif;
  line-height:1.12;
  letter-spacing:-.03em;
}
h1{font-size:clamp(2.3rem,4vw,4rem)}
h2{font-size:clamp(1.9rem,3vw,3rem)}
h3{font-size:clamp(1.25rem,2vw,1.7rem)}
p{margin:0 0 16px;color:var(--po-text-soft);line-height:1.75}
ul{margin:0;padding:0;list-style:none}
.po-container{width:min(calc(100% - 32px), var(--po-container));margin-inline:auto}
.po-section{padding:96px 0}
.po-section--alt{background:linear-gradient(180deg, rgba(255,255,255,.36), rgba(255,255,255,.12))}
.po-section--tight{padding-top:72px;padding-bottom:72px}
.po-kicker{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 14px;
  border:1px solid var(--po-border);
  border-radius:999px;
  background:rgba(255,255,255,.72);
  color:var(--po-primary);
  font-size:.9rem;
  font-weight:700;
  margin-bottom:18px;
}
.glass-card{
  background:var(--po-surface-glass);
  backdrop-filter:blur(14px);
  border:1px solid rgba(255,255,255,.58);
  box-shadow:var(--po-shadow);
  border-radius:var(--po-radius-xl);
}
.po-empty-state{padding:24px;border-radius:24px;background:#fff;border:1px solid var(--po-border)}
.reveal-up{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}
.reveal-up.is-visible{opacity:1;transform:none}
.delay-1{transition-delay:.08s}
.delay-2{transition-delay:.16s}
.delay-3{transition-delay:.24s}
@media (max-width: 900px){
  .po-section{padding:72px 0}
}