/* ---------- shared bits for company + product pages ---------- */
.picon{border-radius:9px;display:block;flex:none}
.gm-prod{display:flex!important;align-items:center;gap:12px}
.gm-prod b{display:block;font-size:14px}.gm-prod i{font-style:normal;font-size:12px;color:#6e6e6e}
.gm-all{grid-column:1/-1;border-top:1px solid #eee;margin-top:6px;text-decoration:underline;font-weight:700}
.gmenu{grid-template-columns:repeat(2,260px)}
.eyebrow-s{font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;margin-bottom:6px;color:#3b63fb}
.phero{padding:88px 24px 80px}
.phero .eyebrow{color:#ff9a00}
.phero.light .eyebrow{color:#eb1000}
.soon-ico{display:flex;justify-content:center;margin-bottom:20px}
.sec.narrow{max-width:760px}
.bodyp{font-size:20px;line-height:32px;margin-bottom:24px;color:#2c2c2c}
.legal-h{font-size:44px;line-height:55px;font-weight:800;margin-bottom:28px}
.bq{border-left:4px solid #eb1000;padding:8px 0 8px 28px;font-size:26px;line-height:36px;font-weight:700;margin:40px 0}
.bq footer{font-size:16px;font-weight:400;color:#6e6e6e;margin-top:12px}
.sitemap{list-style:none}.sitemap li{padding:10px 0;border-bottom:1px solid #e1e1e1;font-size:18px}.sitemap span{color:#6e6e6e;font-size:14px;margin-left:12px}.sitemap a{text-decoration:underline}

/* home hero */
.hero-home .hero-brand span{color:#eb1000}
.hero-home h1{font-size:56px;line-height:64px}
.hero-home .lead{margin-top:8px}

/* product cards */
.pgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.pc2{display:flex;flex-direction:column;gap:6px;background:#fff;border:1px solid #e1e1e1;border-radius:16px;padding:24px;transition:transform .2s,box-shadow .2s}
.pc2:hover{transform:translateY(-4px);box-shadow:0 12px 28px rgba(0,0,0,.12)}
.pc2-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}
.soon{font-size:12px;font-weight:700;background:#f5f5f5;border:1px solid #d5d5d5;border-radius:12px;padding:2px 10px;line-height:18px}
.soon.live{background:#e5f4ec;border-color:#05834e;color:#05603a}
.pc2 h3{font-size:22px;line-height:28px;font-weight:800}
.pc2-cat{font-size:13px;color:#6e6e6e}
.pc2 p{font-size:16px;line-height:24px;color:#4b4b4b;flex:1}
.pc2-link{font-size:15px;font-weight:700;color:#3b63fb;margin-top:10px}

/* promo band with real editor screenshot */
.promo-band{padding:80px 24px}
.pb-in{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1.2fr;gap:56px;align-items:center}
.pb-text h2{font-size:36px;line-height:45px;font-weight:800;margin-bottom:12px}
.pb-text p{font-size:18px;line-height:27px;margin-bottom:28px}
.pb-img img{width:100%;border-radius:12px;box-shadow:0 16px 40px rgba(0,0,0,.25);aspect-ratio:1528/732;object-fit:contain;background:#262626}

/* embedded real editor */
.editor-frame{max-width:1100px;margin:0 auto;border-radius:12px;overflow:hidden;background:#262626;box-shadow:0 20px 50px rgba(0,0,0,.25)}
.ef-bar{height:34px;background:#1d1d1d;display:flex;align-items:center;gap:7px;padding:0 14px;color:#bbb;font-size:12px}
.ef-bar i{width:10px;height:10px;border-radius:50%;background:#eb1000}.ef-bar i:nth-child(2){background:#ff9a00}.ef-bar i:nth-child(3){background:#05834e}
.ef-bar span{margin-left:12px}
.editor-frame iframe{width:100%;height:620px;border:0;display:block;background:#262626}

/* feature cards with real screenshots keep the screenshot's own proportions */
.fgrid.shots img{width:100%;height:auto;aspect-ratio:1528/732;object-fit:contain;background:#262626;border-radius:8px}
.fgrid.shots{align-items:start}
.featrow .fr-img img{background:#262626;aspect-ratio:1528/732;object-fit:contain;box-shadow:0 12px 30px rgba(0,0,0,.2)}
.featrow .eyebrow-s{color:#3b63fb}

/* customer stories */
.sc{display:block;background:#fff;border:1px solid #e1e1e1;border-radius:16px;overflow:hidden;transition:transform .2s,box-shadow .2s}
.sc:hover{transform:translateY(-4px);box-shadow:0 12px 28px rgba(0,0,0,.12)}
.sc-top{padding:40px 28px;display:flex;flex-direction:column;gap:2px;min-height:150px;justify-content:flex-end}
.sc-top b{font-size:52px;line-height:56px;font-weight:800}.sc-top span{font-size:16px}
.sc-body{padding:24px}
.sc-meta{font-size:13px;color:#6e6e6e;margin-bottom:8px}
.sc-body h3{font-size:20px;line-height:26px;font-weight:800;margin-bottom:12px}
.story-hero{padding:88px 24px}
.sh-in{max-width:900px;margin:0 auto}
.sh-in h1{font-size:44px;line-height:55px;font-weight:800;margin:6px 0 16px}
.sh-in p{font-size:22px;line-height:33px;margin-bottom:28px}
.sh-stat b{display:block;font-size:64px;line-height:68px;font-weight:800}.sh-stat span{font-size:18px}

/* careers */
.jobs{margin-top:32px;border-top:1px solid #e1e1e1}
.job{display:grid;grid-template-columns:1fr 200px 90px;gap:16px;align-items:center;padding:22px 4px;border-bottom:1px solid #e1e1e1}
.job b{display:block;font-size:20px}.job span{font-size:14px;color:#6e6e6e}.job .pc2-link{margin:0;text-align:right}
.job:hover{background:#f5f5f5}

@media (max-width:1200px){.pgrid{grid-template-columns:repeat(2,1fr)}.pb-in{padding:0}.promo-band{padding:56px 24px}}
@media (max-width:900px){.pb-in{grid-template-columns:1fr}.hero-home h1{font-size:44px;line-height:52px}.editor-frame iframe{height:480px}}
@media (max-width:600px){
  .pgrid{grid-template-columns:1fr}
  .hero-home h1{font-size:34px;line-height:42px}
  .pb-text h2{font-size:28px;line-height:35px}
  .editor-frame iframe{height:360px}
  .job{grid-template-columns:1fr}.job .pc2-link{text-align:left}
  .sh-in h1{font-size:32px;line-height:40px}.bq{font-size:20px;line-height:30px}.legal-h{font-size:32px;line-height:40px}
  .promo-band{padding:40px 16px}
}