/* consent-analytics — page styles, scoped to main.pg and recoloured to the
   CookieLet palette. Generated from the CK-230 source page. */
html{scroll-behavior:smooth}
main.pg{scroll-margin-top:5rem}
main.pg [id]{scroll-margin-top:5rem}
main.pg{
  --pg-ink:#10151F;
  --pg-ink-2:#434C61;
  --pg-ink-3:#64708B;
  --pg-primary:#7F5B00;
  --pg-primary-2:#986D00;
  --pg-secondary:#BD8800;
  --pg-accent:#B45309;
  --pg-accent-2:#D97706;
  --pg-accent-soft:#FEF0DA;
  --pg-bg:#FCFBF8;
  --pg-surface:#FFFFFF;
  --pg-muted:#F9F5ED;
  --pg-border:#F7EFDC;
  --pg-border-2:#F2E5C7;
  --pg-green:#15803D;
  --pg-green-soft:#DCFCE7;
  --pg-rose-soft:#FEE7E7;
  --pg-violet-soft:#EDE9FE;
  --pg-blue-soft:#FBF2DE;

  --pg-space-1:8px; --pg-space-2:16px; --pg-space-3:24px; --pg-space-4:32px;
  --pg-space-5:48px; --pg-space-6:64px; --pg-space-7:96px;

  --pg-r-sm:8px; --pg-r-md:14px; --pg-r-lg:20px; --pg-r-xl:28px;
  --pg-shadow-sm:0 1px 2px rgba(108,79,19,.06), 0 1px 3px rgba(108,79,19,.05);
  --pg-shadow-md:0 4px 12px rgba(108,79,19,.07), 0 2px 4px rgba(108,79,19,.04);
  --pg-shadow-lg:0 18px 40px rgba(108,79,19,.10), 0 4px 12px rgba(108,79,19,.05);
  --pg-shadow-xl:0 32px 70px rgba(108,79,19,.14), 0 8px 20px rgba(108,79,19,.06);

  --pg-maxw:1180px;
  --pg-ease:cubic-bezier(.22,.61,.36,1);
}
main.pg *,main.pg *::before,main.pg *::after{box-sizing:border-box}
main.pg{-webkit-text-size-adjust:100%; scroll-behavior:smooth}
main.pg{
  margin:0;
  font-family:'Fira Sans',system-ui,-apple-system,'Segoe UI',sans-serif;
  font-size:17px; line-height:1.65;
  color:var(--pg-ink-2);
  background:var(--pg-bg);
  -webkit-font-smoothing:antialiased;
}
main.pg h1,main.pg h2,main.pg h3,main.pg h4{color:var(--pg-ink); line-height:1.18; margin:0; font-weight:600; letter-spacing:-.02em}
main.pg h1{font-size:clamp(2.35rem,5.2vw,3.7rem); font-weight:700; letter-spacing:-.035em}
main.pg h2{font-size:clamp(1.85rem,3.6vw,2.6rem); letter-spacing:-.03em}
main.pg h3{font-size:1.24rem}
main.pg h4{font-size:1.02rem}
main.pg p{margin:0}
main.pg a{color:var(--pg-primary); text-decoration:none}
main.pg ul{margin:0; padding:0; list-style:none}
main.pg img,main.pg svg{max-width:100%}
main.pg :focus-visible{outline:3px solid var(--pg-secondary); outline-offset:3px; border-radius:4px}
main.pg .wrap{max-width:var(--pg-maxw); margin-inline:auto; padding-inline:var(--pg-space-3)}
main.pg section{padding-block:var(--pg-space-7)}
main.pg .narrow{max-width:760px}
main.pg .center{text-align:center; margin-inline:auto}
main.pg .mono{font-family:'Fira Code',ui-monospace,monospace; font-variant-numeric:tabular-nums}
main.pg .eyebrow{
  display:inline-flex; align-items:center; gap:8px;
  font-family:'Fira Code',monospace; font-size:.73rem; font-weight:500;
  letter-spacing:.14em; text-transform:uppercase;
  color:var(--pg-primary); background:var(--pg-blue-soft);
  border:1px solid var(--pg-border-2); border-radius:999px;
  padding:6px 14px; margin-bottom:var(--pg-space-2);
}
main.pg .eyebrow svg{width:14px;height:14px}
main.pg .lede{font-size:1.16rem; color:var(--pg-ink-2); margin-top:var(--pg-space-2)}
main.pg .btn{
  display:inline-flex; align-items:center; justify-content:center; gap:9px;
  min-height:48px; padding:0 26px;
  border-radius:var(--pg-r-sm); border:1px solid transparent;
  font-family:inherit; font-size:1rem; font-weight:600; letter-spacing:-.01em;
  cursor:pointer; transition:all .2s var(--pg-ease); text-decoration:none;
}
main.pg .btn svg{width:17px;height:17px}
main.pg .btn-primary{background:var(--pg-primary); color:#FFFFFF; box-shadow:var(--pg-shadow-md)}
main.pg .btn-primary:hover{background:var(--pg-primary-2); transform:translateY(-2px); box-shadow:var(--pg-shadow-lg)}
main.pg .btn-ghost{background:var(--pg-surface); color:var(--pg-ink); border-color:var(--pg-border-2)}
main.pg .btn-ghost:hover{border-color:var(--pg-secondary); color:var(--pg-primary); transform:translateY(-2px); box-shadow:var(--pg-shadow-md)}
main.pg .btn-accent{background:var(--pg-accent-2); color:#FFFFFF}
main.pg .btn-accent:hover{background:var(--pg-accent); transform:translateY(-2px); box-shadow:var(--pg-shadow-lg)}
main.pg .btn-sm{min-height:40px; padding:0 18px; font-size:.92rem}
main.pg .nav{
  position:sticky; top:0; z-index:50;
  background:rgba(252,251,248,.86); backdrop-filter:blur(14px);
  border-bottom:1px solid var(--pg-border);
}
main.pg .nav-in{display:flex; align-items:center; gap:var(--pg-space-3); height:70px}
main.pg .brand{display:flex; align-items:center; gap:10px; font-weight:700; color:var(--pg-ink); font-size:1.12rem; letter-spacing:-.02em}
main.pg .brand svg{width:30px;height:30px}
main.pg .nav-links{display:flex; gap:var(--pg-space-3); margin-left:auto; align-items:center}
main.pg .nav-links a{color:var(--pg-ink-2); font-size:.95rem; font-weight:500; transition:color .2s var(--pg-ease)}
main.pg .nav-links a:hover{color:var(--pg-primary)}
@media(max-width:880px){main.pg .nav-links a:not(.btn){display:none}
main.pg .nav-links{margin-left:auto}}
main.pg .hero{
  position:relative; overflow:hidden;
  padding-block:var(--pg-space-7) var(--pg-space-6);
  background:
    radial-gradient(900px 460px at 15% -10%, #FCF4E3 0%, transparent 62%),
    radial-gradient(760px 420px at 92% 4%, #FDF0DC 0%, transparent 58%),
    var(--pg-bg);
}
main.pg .hero::after{
  content:""; position:absolute; inset:0; pointer-events:none;
  background-image:linear-gradient(var(--pg-border) 1px,transparent 1px),linear-gradient(90deg,var(--pg-border) 1px,transparent 1px);
  background-size:56px 56px;
  mask-image:radial-gradient(760px 460px at 50% 12%,#000000 0%,transparent 78%);
  opacity:.5;
}
main.pg .hero-in{position:relative; z-index:1}
main.pg .hero h1{max-width:15ch}
main.pg .hero .lede{max-width:56ch; font-size:1.24rem}
main.pg .hero-cta{display:flex; flex-wrap:wrap; gap:var(--pg-space-2); margin-top:var(--pg-space-4)}
main.pg .hero-note{
  display:flex; flex-wrap:wrap; gap:var(--pg-space-3); margin-top:var(--pg-space-3);
  font-size:.88rem; color:var(--pg-ink-3);
}
main.pg .hero-note span{display:inline-flex; align-items:center; gap:7px}
main.pg .hero-note svg{width:15px;height:15px;color:var(--pg-green)}
main.pg .mock{
  margin-top:var(--pg-space-6);
  background:var(--pg-surface); border:1px solid var(--pg-border);
  border-radius:var(--pg-r-lg); box-shadow:var(--pg-shadow-xl);
  overflow:hidden;
}
main.pg .mock-bar{
  display:flex; align-items:center; gap:9px;
  padding:12px 18px; background:#FCFAF4; border-bottom:1px solid var(--pg-border);
}
main.pg .dot{width:11px;height:11px;border-radius:50%}
main.pg .mock-url{
  margin-left:12px; flex:1; max-width:340px;
  background:var(--pg-surface); border:1px solid var(--pg-border);
  border-radius:6px; padding:4px 12px;
  font-family:'Fira Code',monospace; font-size:.73rem; color:var(--pg-ink-3);
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
main.pg .mock-tag{
  margin-left:auto; font-family:'Fira Code',monospace; font-size:.68rem; font-weight:500;
  color:var(--pg-green); background:var(--pg-green-soft);
  border:1px solid #BBF7D0; border-radius:999px; padding:3px 11px;
  display:inline-flex; align-items:center; gap:6px;
}
main.pg .pulse{width:7px;height:7px;border-radius:50%;background:var(--pg-green);animation:pulse 2.2s ease-in-out infinite}
@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.82)}}
main.pg .mock-body{padding:var(--pg-space-3)}
main.pg .kpis{display:grid; grid-template-columns:repeat(4,1fr); gap:var(--pg-space-2)}
@media(max-width:760px){main.pg .kpis{grid-template-columns:repeat(2,1fr)}}
main.pg .kpi{border-radius:var(--pg-r-md); padding:18px; border:1px solid transparent}
main.pg .kpi-label{font-size:.82rem; font-weight:500; color:var(--pg-ink-2); display:flex; align-items:center; gap:7px}
main.pg .kpi-label svg{width:15px;height:15px;opacity:.75}
main.pg .kpi-val{font-family:'Fira Code',monospace; font-size:1.95rem; font-weight:600; color:var(--pg-ink); margin-top:8px; letter-spacing:-.03em}
main.pg .kpi.k-blue{background:var(--pg-blue-soft); border-color:#F7E9C7}
main.pg .kpi.k-amber{background:var(--pg-accent-soft); border-color:#F8DEB4}
main.pg .kpi.k-rose{background:var(--pg-rose-soft); border-color:#FBD0D0}
main.pg .kpi.k-violet{background:var(--pg-violet-soft); border-color:#DDD6FE}
main.pg .mock-grid{display:grid; grid-template-columns:1fr 1.35fr; gap:var(--pg-space-2); margin-top:var(--pg-space-2)}
@media(max-width:860px){main.pg .mock-grid{grid-template-columns:1fr}}
main.pg .panel{background:var(--pg-surface); border:1px solid var(--pg-border); border-radius:var(--pg-r-md); padding:18px}
main.pg .panel-hd{display:flex; align-items:center; justify-content:space-between; margin-bottom:16px}
main.pg .panel-hd h4{font-size:.94rem}
main.pg .chip{
  font-family:'Fira Code',monospace; font-size:.68rem; color:var(--pg-ink-3);
  background:var(--pg-muted); border:1px solid var(--pg-border); border-radius:6px; padding:3px 9px;
  display:inline-flex; align-items:center; gap:5px;
}
main.pg .chip svg{width:11px;height:11px}
main.pg .donut-row{display:flex; align-items:center; gap:22px; flex-wrap:wrap}
main.pg .donut{
  width:130px; height:130px; border-radius:50%; flex:none;
  background:conic-gradient(var(--pg-accent-2) 0 6.2deg, #F2ECDD 6.2deg 360deg);
  display:grid; place-items:center; position:relative;
}
main.pg .donut::after{content:""; width:82px; height:82px; background:var(--pg-surface); border-radius:50%}
main.pg .donut-mid{position:absolute; text-align:center; z-index:1}
main.pg .donut-mid b{font-family:'Fira Code',monospace; font-size:1.28rem; color:var(--pg-ink); display:block; line-height:1.1}
main.pg .donut-mid span{font-size:.68rem; color:var(--pg-ink-3)}
main.pg .legend{display:grid; gap:9px; font-size:.85rem; min-width:150px}
main.pg .legend li{display:flex; align-items:center; gap:9px}
main.pg .legend b{margin-left:auto; font-family:'Fira Code',monospace; color:var(--pg-ink); font-weight:500}
main.pg .sw{width:10px;height:10px;border-radius:3px;flex:none}
main.pg .spark{width:100%; height:132px; display:block}
main.pg .axis{font-family:'Fira Code',monospace; font-size:.63rem; fill:var(--pg-ink-3)}
main.pg .bars{display:grid; gap:15px}
main.pg .bar-row{display:grid; grid-template-columns:auto 1fr auto; gap:12px; align-items:center}
main.pg .bar-lbl{font-family:'Fira Code',monospace; font-size:.8rem; color:var(--pg-ink); font-weight:500; width:62px}
main.pg .bar-track{height:9px; background:var(--pg-muted); border-radius:999px; overflow:hidden}
main.pg .bar-fill{height:100%; border-radius:999px; width:0; transition:width 1.1s var(--pg-ease)}
main.pg .bar-fill.f-amber{background:linear-gradient(90deg,#F0B25A,var(--pg-accent-2))}
main.pg .bar-fill.f-blue{background:linear-gradient(90deg,#F2D07F,var(--pg-secondary))}
main.pg .bar-num{font-family:'Fira Code',monospace; font-size:.76rem; color:var(--pg-ink-3); width:74px; text-align:right}
main.pg .strip{background:var(--pg-ink); color:#ECE2C9; padding-block:var(--pg-space-5)}
main.pg .strip h2,main.pg .strip h3{color:#FFFFFF}
main.pg .strip-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:var(--pg-space-3); text-align:center}
@media(max-width:820px){main.pg .strip-grid{grid-template-columns:repeat(2,1fr); gap:var(--pg-space-4)}}
main.pg .strip-val{font-family:'Fira Code',monospace; font-size:2.3rem; font-weight:600; color:#FFFFFF; letter-spacing:-.03em; line-height:1.1}
main.pg .strip-val em{font-style:normal; color:#F5B963}
main.pg .strip-lbl{font-size:.9rem; margin-top:6px; color:#D4C49F}
main.pg .grid-3{display:grid; grid-template-columns:repeat(3,1fr); gap:var(--pg-space-3)}
main.pg .grid-2{display:grid; grid-template-columns:repeat(2,1fr); gap:var(--pg-space-3)}
@media(max-width:900px){main.pg .grid-3{grid-template-columns:1fr}
main.pg .grid-2{grid-template-columns:1fr}}
main.pg .card{
  background:var(--pg-surface); border:1px solid var(--pg-border);
  border-radius:var(--pg-r-md); padding:var(--pg-space-3);
  box-shadow:var(--pg-shadow-sm); transition:transform .25s var(--pg-ease), box-shadow .25s var(--pg-ease), border-color .25s var(--pg-ease);
}
main.pg .card:hover{transform:translateY(-4px); box-shadow:var(--pg-shadow-lg); border-color:var(--pg-border-2)}
main.pg .card h3{margin-bottom:9px}
main.pg .card p{font-size:.97rem}
main.pg .ico{
  width:44px;height:44px;border-radius:11px; display:grid; place-items:center;
  margin-bottom:15px; background:var(--pg-blue-soft); color:var(--pg-primary);
}
main.pg .ico svg{width:21px;height:21px}
main.pg .ico.i-amber{background:var(--pg-accent-soft); color:var(--pg-accent)}
main.pg .ico.i-green{background:var(--pg-green-soft); color:var(--pg-green)}
main.pg .ico.i-violet{background:var(--pg-violet-soft); color:#6D28D9}
main.pg .ico.i-rose{background:var(--pg-rose-soft); color:#B91C1C}
main.pg .split{display:grid; grid-template-columns:1fr 1fr; gap:var(--pg-space-6); align-items:center}
@media(max-width:940px){main.pg .split{grid-template-columns:1fr; gap:var(--pg-space-4)}}
main.pg .split.flip .split-media{order:-1}
@media(max-width:940px){main.pg .split.flip .split-media{order:0}}
main.pg .checks{display:grid; gap:13px; margin-top:var(--pg-space-3)}
main.pg .checks li{display:flex; gap:12px; align-items:flex-start; font-size:.98rem}
main.pg .checks svg{width:19px;height:19px;flex:none;color:var(--pg-green);margin-top:3px}
main.pg .checks b{color:var(--pg-ink); font-weight:600}
main.pg .formula{
  background:var(--pg-surface); border:1px solid var(--pg-border-2);
  border-left:4px solid var(--pg-accent-2); border-radius:var(--pg-r-sm);
  padding:20px 22px; margin-top:var(--pg-space-3);
}
main.pg .formula code{
  font-family:'Fira Code',monospace; font-size:.9rem; color:var(--pg-ink);
  display:block; line-height:1.9;
}
main.pg .formula .cmt{color:var(--pg-ink-3)}
main.pg .tbl-wrap{overflow-x:auto; border:1px solid var(--pg-border); border-radius:var(--pg-r-md); background:var(--pg-surface); box-shadow:var(--pg-shadow-sm)}
main.pg table{border-collapse:collapse; width:100%; min-width:640px; font-size:.95rem}
main.pg th,main.pg td{padding:15px 20px; text-align:left; border-bottom:1px solid var(--pg-border)}
main.pg th{background:#FCFAF4; color:var(--pg-ink); font-weight:600; font-size:.83rem; letter-spacing:.03em; text-transform:uppercase}
main.pg tr:last-child td{border-bottom:none}
main.pg td.mono{color:var(--pg-ink); font-size:.87rem}
main.pg tbody tr{transition:background .18s var(--pg-ease)}
main.pg tbody tr:hover{background:#FAFCFF}
main.pg .layers{display:grid; gap:var(--pg-space-2); margin-top:var(--pg-space-3)}
main.pg .layer{
  display:grid; grid-template-columns:auto 1fr auto; gap:var(--pg-space-3); align-items:center;
  background:var(--pg-surface); border:1px solid var(--pg-border); border-radius:var(--pg-r-md);
  padding:22px var(--pg-space-3); transition:all .25s var(--pg-ease);
}
main.pg .layer:hover{border-color:var(--pg-border-2); box-shadow:var(--pg-shadow-md); transform:translateX(4px)}
main.pg .layer-n{
  width:52px;height:52px;border-radius:13px; display:grid; place-items:center;
  font-family:'Fira Code',monospace; font-weight:600; font-size:1.15rem;
  background:var(--pg-blue-soft); color:var(--pg-primary); flex:none;
}
main.pg .layer:nth-child(2) .layer-n{background:var(--pg-accent-soft); color:var(--pg-accent)}
main.pg .layer:nth-child(3) .layer-n{background:var(--pg-violet-soft); color:#6D28D9}
main.pg .layer h4{margin-bottom:4px}
main.pg .layer p{font-size:.94rem}
main.pg .layer-stat{text-align:right; flex:none}
main.pg .layer-stat b{font-family:'Fira Code',monospace; font-size:1.5rem; color:var(--pg-ink); display:block; line-height:1.1}
main.pg .layer-stat span{font-size:.74rem; color:var(--pg-ink-3)}
@media(max-width:700px){main.pg .layer{grid-template-columns:auto 1fr}
main.pg .layer-stat{grid-column:2;text-align:left}}
main.pg .steps{display:grid; grid-template-columns:repeat(3,1fr); gap:var(--pg-space-3); counter-reset:s}
@media(max-width:900px){main.pg .steps{grid-template-columns:1fr}}
main.pg .step{position:relative; padding-top:var(--pg-space-3)}
main.pg .step::before{
  counter-increment:s; content:"0" counter(s);
  font-family:'Fira Code',monospace; font-size:.8rem; font-weight:600; color:var(--pg-primary);
  background:var(--pg-blue-soft); border:1px solid var(--pg-border-2);
  border-radius:999px; padding:5px 13px; display:inline-block; margin-bottom:14px;
}
main.pg .step h3{margin-bottom:8px}
main.pg .step p{font-size:.97rem}
main.pg .faq{display:grid; gap:12px; margin-top:var(--pg-space-4)}
main.pg details{
  background:var(--pg-surface); border:1px solid var(--pg-border);
  border-radius:var(--pg-r-sm); overflow:hidden; transition:border-color .2s var(--pg-ease)
}
main.pg details[open]{border-color:var(--pg-border-2); box-shadow:var(--pg-shadow-sm)}
main.pg summary{
  padding:19px 22px; cursor:pointer; font-weight:600; color:var(--pg-ink);
  display:flex; align-items:center; gap:14px; list-style:none; font-size:1rem;
}
main.pg summary::-webkit-details-marker{display:none}
main.pg summary::after{
  content:""; margin-left:auto; width:10px; height:10px; flex:none;
  border-right:2px solid var(--pg-ink-3); border-bottom:2px solid var(--pg-ink-3);
  transform:rotate(45deg) translateY(-3px); transition:transform .25s var(--pg-ease);
}
main.pg details[open] summary::after{transform:rotate(-135deg) translateY(-3px)}
main.pg details p{padding:0 22px 21px; font-size:.97rem; max-width:78ch}
main.pg .cta{
  background:linear-gradient(135deg,var(--pg-ink) 0%,#181F2F 55%,#7F5B00 100%);
  color:#ECE2C9; border-radius:var(--pg-r-xl); padding:var(--pg-space-6) var(--pg-space-4);
  text-align:center; position:relative; overflow:hidden;
}
main.pg .cta::before{
  content:""; position:absolute; inset:0;
  background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);
  background-size:46px 46px;
  mask-image:radial-gradient(560px 320px at 50% 0%,#000000,transparent 72%);
}
main.pg .cta > *{position:relative; z-index:1}
main.pg .cta h2{color:#FFFFFF; max-width:19ch; margin-inline:auto}
main.pg .cta p{color:#E2D4B4; max-width:58ch; margin:var(--pg-space-2) auto 0}
main.pg .cta .btn-ghost{background:transparent; color:#FFFFFF; border-color:rgba(255,255,255,.34)}
main.pg .cta .btn-ghost:hover{background:rgba(255,255,255,.1); color:#FFFFFF; border-color:#FFFFFF}
main.pg footer{border-top:1px solid var(--pg-border); padding-block:var(--pg-space-4); margin-top:var(--pg-space-7)}
main.pg .foot{display:flex; flex-wrap:wrap; gap:var(--pg-space-3); align-items:center; justify-content:space-between; font-size:.88rem; color:var(--pg-ink-3)}
main.pg .foot-links{display:flex; flex-wrap:wrap; gap:var(--pg-space-3)}
main.pg .foot-links a{color:var(--pg-ink-3)}
main.pg .foot-links a:hover{color:var(--pg-primary)}
main.pg .callout{
  background:var(--pg-accent-soft); border:1px solid #F5D9AD; border-radius:var(--pg-r-md);
  padding:var(--pg-space-3); display:flex; gap:16px; align-items:flex-start; margin-top:var(--pg-space-4);
}
main.pg .callout svg{width:22px;height:22px;flex:none;color:var(--pg-accent);margin-top:2px}
main.pg .callout b{color:var(--pg-ink)}
main.pg .callout p{font-size:.97rem}
main.pg .rv{opacity:0; transform:translateY(22px); transition:opacity .65s var(--pg-ease), transform .65s var(--pg-ease)}
main.pg .rv.in{opacity:1; transform:none}
@media(prefers-reduced-motion:reduce){main.pg *,main.pg *::before,main.pg *::after{animation-duration:.01ms!important; transition-duration:.01ms!important}
main.pg .rv{opacity:1; transform:none}
main.pg{scroll-behavior:auto}}
/* ---- CookieLet palette: same tokens the rest of the site uses ---- */
main.pg{--pg-ink:hsl(222 32% 9%);--pg-ink-2:hsl(222 14% 36%);--pg-ink-3:hsl(222 12% 50%);--pg-primary:hsl(43 100% 34%);--pg-primary-2:hsl(40 100% 26%);--pg-secondary:hsl(28 90% 52%);--pg-bg:hsl(42 70% 95%);--pg-surface:#FFFFFF;--pg-muted:hsl(42 46% 92%);--pg-border:hsl(42 30% 84%);--pg-border-2:hsl(42 30% 78%);--pg-blue-soft:hsl(43 100% 93%);--pg-maxw:1400px;--pg-shadow-sm:0 1px 2px hsl(40 60% 25% / .07);--pg-shadow-md:0 8px 24px -10px hsl(40 60% 25% / .18);--pg-shadow-lg:0 24px 60px -28px hsl(40 60% 25% / .35);--pg-shadow-xl:0 34px 80px -30px hsl(40 60% 25% / .42);}

main.pg .wrap{max-width:var(--pg-maxw);padding-left:2rem;padding-right:2rem}
main.pg h1,main.pg h2,main.pg h3,main.pg h4,main.pg h5{font-family:'Plus Jakarta Sans',Inter,system-ui,sans-serif}
main.pg h1,main.pg h2{font-weight:800;letter-spacing:-.035em}
main.pg .hero{background:var(--gradient-hero)}
main.pg .pg-scroll{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
main.pg img,main.pg svg,main.pg canvas{max-width:100%}
main.pg pre,main.pg code{overflow-wrap:anywhere}