:root{--pp-bg:#07090d;--pp-card:#121721;--pp-line:rgba(255,255,255,.11);--pp-text:#f7fafc;--pp-muted:#a3acba;--pp-green:#55f39a}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 15% 0,rgba(85,243,154,.12),transparent 28rem),radial-gradient(circle at 90% 10%,rgba(83,154,255,.14),transparent 30rem),var(--pp-bg);color:var(--pp-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;line-height:1.6}.shell{width:min(1160px,calc(100% - 40px));margin-inline:auto}.product-header{border-bottom:1px solid var(--pp-line)}.product-nav{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:20px}.product-nav__links{display:flex;align-items:center;gap:8px}.product-nav__links a{color:#c4cad4;text-decoration:none;padding:9px 12px}.product-nav__app{border-radius:999px;background:var(--pp-text);color:#07100b!important;font-weight:800}.product-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.86fr);gap:56px;align-items:center;padding-block:72px}.product-kicker{display:flex;align-items:center;gap:9px;color:var(--pp-green);font-size:13px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.product-hero h1{font-size:clamp(42px,6vw,76px);line-height:1.02;letter-spacing:-.05em;margin:14px 0 22px}.product-lede{max-width:650px;color:var(--pp-muted);font-size:clamp(17px,2vw,21px)}.product-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}.product-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:50px;padding:12px 20px;border:1px solid var(--pp-line);border-radius:999px;color:var(--pp-text);text-decoration:none;font-weight:800;background:rgba(255,255,255,.04)}.product-button--primary{background:linear-gradient(135deg,#72f5aa,#35d982);color:#07110b;border-color:transparent}.product-hero__media{margin:0;border:1px solid var(--pp-line);border-radius:26px;padding:14px;background:rgba(255,255,255,.04);box-shadow:0 30px 80px rgba(0,0,0,.35)}.product-hero__media img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:18px}.product-hero__media figcaption{padding:12px 4px 2px;color:var(--pp-muted);font-size:13px}.product-section{padding-block:64px}.product-section h2{font-size:clamp(30px,4.5vw,50px);line-height:1.08;letter-spacing:-.035em;margin:12px 0 26px;max-width:780px}.product-section--steps{border-block:1px solid var(--pp-line);background:rgba(255,255,255,.025)}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.product-card{border:1px solid var(--pp-line);border-radius:22px;padding:22px;background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.02))}.product-card img{width:38px;height:38px}.product-card h3{font-size:20px;margin:14px 0 8px}.product-card p,.product-final p{color:var(--pp-muted);margin:0}.product-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;list-style:none;padding:0;counter-reset:step}.product-steps li{counter-increment:step;border:1px solid var(--pp-line);border-radius:20px;padding:22px;background:var(--pp-card)}.product-steps li:before{content:counter(step,decimal-leading-zero);display:block;color:var(--pp-green);font-weight:900;margin-bottom:12px}.product-boundary{margin-top:18px;padding:17px;border:1px solid rgba(255,205,86,.25);border-radius:16px;background:rgba(255,205,86,.07);color:#e8dcae}.public-site-hub{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.public-site-hub a{display:flex;align-items:center;gap:10px;min-height:62px;padding:12px;border:1px solid var(--pp-line);border-radius:16px;color:var(--pp-text);text-decoration:none;background:rgba(255,255,255,.035)}.public-site-hub img{width:28px;height:28px}.product-faq details{border-bottom:1px solid var(--pp-line);padding:18px 0}.product-faq summary{font-weight:800;cursor:pointer}.product-faq details p{color:var(--pp-muted);max-width:820px}.product-final{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:24px;padding:clamp(28px,5vw,52px);border:1px solid var(--pp-line);border-radius:26px;background:linear-gradient(120deg,rgba(85,243,154,.12),rgba(83,154,255,.1));text-align:center}.product-final>div{max-width:760px}.product-final .product-kicker{justify-content:center}.product-final h2{margin:10px auto}.product-final .product-button{min-width:min(100%,260px)}

.product-media-story{border-bottom:1px solid var(--pp-line);background:linear-gradient(180deg,rgba(83,154,255,.035),rgba(85,243,154,.025))}.product-media-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.product-media-card{overflow:hidden;border:1px solid var(--pp-line);border-radius:22px;background:var(--pp-card)}.product-media-card>a{display:block;background:#080b10}.product-media-card img{display:block;width:100%;height:clamp(210px,22vw,320px);object-fit:contain;background:radial-gradient(circle at 50% 45%,rgba(85,243,154,.09),transparent 62%),#080b10}.product-media-card__copy{padding:20px}.product-media-card h3{margin:0 0 8px;font-size:20px}.product-media-card h3 a{color:var(--pp-text);text-decoration:none}.product-media-card p{margin:0;color:var(--pp-muted)}

.bm-public-footer{border-top:1px solid var(--pp-line);padding:42px max(20px,calc((100vw - 1160px)/2)) 24px;background:#080b10}.bm-public-footer__inner{display:grid;grid-template-columns:minmax(240px,.85fr) minmax(360px,1.35fr);gap:28px 48px;align-items:start}.bm-public-footer__brand a{display:inline-flex;align-items:center;gap:10px;color:var(--pp-text);font-size:20px;text-decoration:none}.bm-public-footer__brand p{max-width:430px;margin:12px 0 0;color:var(--pp-muted);font-size:14px}.bm-public-footer__links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.bm-public-footer__link,.bm-public-footer__community a{display:flex;align-items:center;min-height:42px;padding:9px 12px;border:1px solid var(--pp-line);border-radius:12px;color:#c4cad4;text-decoration:none;background:rgba(255,255,255,.025)}.bm-public-footer__community{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px}.bm-public-footer__community a{min-height:38px}.bm-public-footer__link:hover,.bm-public-footer__link:focus-visible,.bm-public-footer__community a:hover,.bm-public-footer__community a:focus-visible{border-color:var(--pp-green);color:#fff}.bm-public-footer__note{max-width:1160px;margin:24px auto 0;padding-top:18px;border-top:1px solid var(--pp-line);color:#7f8998;font-size:12px}
@media(max-width:850px){.product-hero{grid-template-columns:1fr;padding-block:48px}.product-grid,.product-steps,.product-media-grid{grid-template-columns:1fr}.public-site-hub{grid-template-columns:1fr 1fr}.bm-public-footer__inner{grid-template-columns:1fr}.bm-public-footer__links{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.shell{width:min(100% - 28px,1160px)}.product-nav__links a:not(.product-nav__app){display:none}.product-hero{gap:30px}.product-actions{display:grid}.product-button{width:100%}.public-site-hub,.bm-public-footer__links{grid-template-columns:1fr}.product-section{padding-block:46px}.product-final{padding-inline:20px}.bm-public-footer{padding-inline:14px}.bm-public-footer__community{display:grid;grid-template-columns:1fr}.bm-public-footer__note{line-height:1.5}}

/* PUBLIC_MEDIA_LAYOUT_R1_START */
/* Keep every product illustration completely visible and prevent portrait or
 * square artwork from taking over the viewport. The media frame, rather than
 * the source image ratio, owns the responsive size contract. */
.product-hero{
  grid-template-columns:minmax(0,1fr) minmax(320px,540px);
  align-items:start;
  padding-block:clamp(48px,6vw,72px);
}
.product-hero__media{
  width:100%;
  max-width:540px;
  justify-self:end;
  overflow:hidden;
}
.product-hero__media img{
  width:100%;
  height:clamp(340px,38vw,520px);
  aspect-ratio:auto;
  object-fit:contain;
  object-position:center;
  background:radial-gradient(circle at 50% 45%,rgba(85,243,154,.09),transparent 58%),#080b10;
}
@media(max-width:850px){
  .product-hero{grid-template-columns:1fr}
  .product-hero__media{max-width:680px;justify-self:center}
  .product-hero__media img{height:clamp(320px,58vw,500px)}
}
@media(max-width:560px){
  .product-hero__media{padding:9px;border-radius:20px}
  .product-hero__media img{height:clamp(260px,76vw,390px);border-radius:14px}
  .product-hero__media figcaption{padding:10px 5px 3px;line-height:1.45}
}
/* PUBLIC_MEDIA_LAYOUT_R1_END */