/* ==========================================================================
   For parents page, in the look of the LIVE homepage.
   Linked ONLY from for-parents.html. Every class here starts with pp-.
   Borrowed from the live site: warm paper ground, the cast hero, a two-colour
   Fredoka headline, small pill labels, green-check lists, white cards with a
   coloured top border, ONE navy stats band, purple-dark pill buttons, soft
   shadows, Fredoka for headings and Baloo 2 for reading.
   Self-hosted fonts only. No third-party requests.
   Tokens live on .pp so the shared header and footer never see them.
   ========================================================================== */

@font-face{font-family:"Baloo 2";font-style:normal;font-weight:400 800;font-display:swap;src:url("fonts/Baloo2.woff2") format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

.pp{
  --pp-purple:#B197FC; --pp-purple-dark:#5C3FD6; --pp-purple-shadow:#46309F;
  --pp-blue:#4DABF7; --pp-green:#69DB7C; --pp-yellow:#FFD43B; --pp-orange:#FFA94D;
  --pp-pink:#FF8FB1; --pp-red:#FF6B6B; --pp-teal:#4ECDC4;
  --pp-card2:#EDE8F5; --pp-line:rgba(43,38,64,.06);
  --pp-soft:0 12px 32px rgba(43,38,64,.07);
  font-family:"Baloo 2","Figtree",system-ui,sans-serif;font-weight:500;line-height:1.5;color:var(--ink);
  overflow-x:clip;
}
.pp h1,.pp h2,.pp h3,.pp h4{font-family:"Fredoka","Baloo 2",system-ui,sans-serif;font-weight:700;line-height:1.12;letter-spacing:0;text-wrap:balance}
.pp p{text-wrap:pretty}
/* resets at the lowest weight, so every pp- class below can set its own margin */
:where(.pp) :is(h1,h2,h3,h4,p){margin:0}
:where(.pp) :is(ul,ol){list-style:none;margin:0;padding:0}
.pp .c-blue{--cc:var(--pp-blue)}.pp .c-green{--cc:var(--pp-green)}.pp .c-orange{--cc:var(--pp-orange)}
.pp .c-pink{--cc:var(--pp-pink)}.pp .c-red{--cc:var(--pp-red)}.pp .c-yellow{--cc:var(--pp-yellow)}
.pp .c-teal{--cc:var(--pp-teal)}.pp .c-purple{--cc:var(--pp-purple-dark)}

/* ---------- the draft banner (kept) ---------- */
.pp-banner{padding-top:24px}
.pp-banner .draft-banner{margin-bottom:0}

/* ---------- section scaffolding ---------- */
.pp-sec{padding:72px 0;position:relative}
.pp-sec.wash{background:linear-gradient(180deg,var(--paper),#F6EEFF 30%,#F6EEFF 70%,var(--paper))}
.pp-pill{display:inline-block;font-weight:800;font-size:.8rem;line-height:1.3;letter-spacing:.14em;text-transform:uppercase;
  background:var(--pp-card2);color:var(--pp-purple-dark);padding:7px 16px;border-radius:99px;margin-bottom:18px}
.pp-h{font-size:clamp(1.9rem,4.4vw,2.9rem);margin-bottom:14px}
.pp-lead{color:var(--ink-soft);font-size:1.1rem;max-width:680px;line-height:1.65}
.pp-center{text-align:center}
.pp-center .pp-lead{margin-inline:auto}
.pp-squig{position:relative;display:inline-block;white-space:nowrap}
.pp-squig svg{position:absolute;left:0;bottom:-10px;width:100%;height:14px;overflow:visible}
.pp-squig path{fill:none;stroke:var(--pp-orange);stroke-width:5;stroke-linecap:round}
/* On a narrow screen (or at a large text size) the heading phrase must be able to wrap: the drawn
   squiggle gives way to a wavy underline that follows every line of the phrase. */
@media (max-width:640px){
  .pp-squig{display:inline;white-space:normal;text-decoration:underline wavy var(--pp-orange);text-decoration-thickness:3px;text-underline-offset:8px}
  .pp-squig svg{display:none}
}
.pp-head{margin-bottom:46px}
.pp-headrow{display:grid;gap:26px;align-items:end;margin-bottom:46px}
.pp-headrow .pp-head{margin-bottom:0}
@media (min-width:860px){.pp-headrow{grid-template-columns:minmax(0,1fr) auto}}
.pp-two{display:grid;gap:44px;align-items:center}
@media (min-width:900px){.pp-two{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px}}
.pp-two>*{min-width:0}

/* ---------- buttons ---------- */
.pp-btn{display:inline-block;background:var(--pp-purple-dark);color:#fff;font-weight:800;font-size:1rem;line-height:1.2;text-align:center;
  padding:13px 28px;border-radius:99px;box-shadow:0 6px 0 var(--pp-purple-shadow);text-decoration:none;transition:transform .15s,box-shadow .15s}
.pp-btn:hover{transform:translateY(2px);box-shadow:0 4px 0 var(--pp-purple-shadow)}
.pp-btn:active{transform:translateY(6px);box-shadow:0 0 0 var(--pp-purple-shadow)}
.pp-btn.ghost{background:transparent;color:var(--pp-purple-dark);box-shadow:inset 0 0 0 3px var(--pp-purple-dark)}
.pp-btn.ghost:hover{background:rgba(92,63,214,.06);transform:none}
.pp-btn.ghost:active{transform:none}
.pp .pp-ctas{display:flex;gap:14px;flex-wrap:wrap;align-items:center;justify-content:center}

/* ---------- the cast hero ---------- */
.pp-hero{padding:28px 0 64px;overflow:hidden;text-align:center;position:relative}
.pp-blob{position:absolute;border-radius:50%;filter:blur(80px);opacity:.28;pointer-events:none;animation:pp-drift 16s ease-in-out infinite}
.pp-blob.b1{width:520px;height:520px;background:var(--pp-purple);top:-200px;left:-120px}
.pp-blob.b2{width:480px;height:480px;background:var(--pp-yellow);top:-180px;right:-120px;animation-delay:-5s}
.pp-blob.b3{width:320px;height:320px;background:var(--pp-pink);top:-140px;left:38%;animation-delay:-9s;opacity:.2}
@keyframes pp-drift{0%,100%{transform:translate(0,0) scale(1)}33%{transform:translate(40px,-30px) scale(1.08)}66%{transform:translate(-30px,24px) scale(.94)}}
@keyframes pp-floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
.pp-hero .wrap{position:relative;z-index:1}
.pp-cast{position:relative;max-width:680px;margin:0 auto 22px}
.pp-cast img{width:100%;height:auto;filter:drop-shadow(0 22px 26px rgba(43,38,64,.16));animation:pp-floaty 7s ease-in-out infinite}
.pp-cast::after{content:"";position:absolute;left:50%;bottom:4%;transform:translateX(-50%);width:60%;height:26px;
  background:radial-gradient(ellipse,rgba(43,38,64,.16),transparent 70%);filter:blur(7px);z-index:-1}
.pp-hero h1{font-size:clamp(2rem,4.8vw,3.3rem);margin:0 auto 18px;max-width:900px}
.pp-purple{color:var(--pp-purple-dark)}
.pp-sub{font-size:clamp(1.05rem,1.9vw,1.2rem);color:var(--ink-soft);line-height:1.62;max-width:700px;margin:0 auto 28px}
.pp-sub b{color:var(--ink);font-weight:700}
.pp-sub a{color:var(--pp-purple-dark);font-weight:700;text-decoration:underline;text-underline-offset:3px}

/* the green-check list, as on the live homepage */
.pp-checks li{padding-left:34px;position:relative;color:var(--ink-soft);font-weight:600;font-size:1rem;line-height:1.4}
.pp-checks li+li{margin-top:12px}
.pp-checks li::before{content:"";position:absolute;left:0;top:1px;width:23px;height:23px;border-radius:50%;background:var(--pp-green)}
.pp-checks li::after{content:"";position:absolute;left:5px;top:6px;width:13px;height:13px;background:#fff;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.6 4.6L19 7'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.6 4.6L19 7'/%3E%3C/svg%3E") center/contain no-repeat}
.pp-checks b{color:var(--ink);font-weight:700}
.pp .pp-facts{display:grid;grid-template-columns:1fr 1fr;gap:12px 30px;max-width:780px;margin:0 auto 32px;text-align:left}
.pp-facts li+li{margin-top:0}
@media (max-width:640px){.pp .pp-facts{grid-template-columns:1fr;gap:10px;max-width:330px}}

/* ---------- Sky and the speech bubble ---------- */
.pp-say{display:flex;align-items:center;gap:16px}
.pp-say img{flex:none;width:96px;height:auto;filter:drop-shadow(0 8px 14px rgba(43,38,64,.18))}
.pp-bub{position:relative;background:var(--ink);color:#fff;font-weight:700;font-size:.98rem;line-height:1.35;padding:11px 16px;border-radius:16px;max-width:240px}
.pp-bub::after{content:"";position:absolute;left:-8px;top:50%;margin-top:-7px;width:0;height:0;border-style:solid;border-width:7px 9px 7px 0;border-color:transparent var(--ink) transparent transparent}
.pp-say.after-lead{margin-top:26px}

/* ---------- icon tile (the live site's coloured rounded square) ---------- */
.pp-ico{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:var(--cc,var(--pp-blue));color:var(--ink);flex:none}
.pp-ico .i{width:24px;height:24px;stroke-width:2.3}
.pp-ico.sm{width:40px;height:40px;border-radius:12px}
.pp-ico.sm .i{width:21px;height:21px}
.pp-ico.c-purple,.pp-ico.c-red{color:#fff}

/* ---------- white cards with a coloured top border ---------- */
.pp-card{background:#fff;border-radius:30px;padding:28px 22px;border:3px solid var(--pp-line);border-top-width:6px;border-top-color:var(--cc,var(--pp-blue));
  box-shadow:var(--pp-soft);text-align:left;min-width:0;display:flex;flex-direction:column;transition:transform .25s,box-shadow .25s}
.pp-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(43,38,64,.1)}
.pp-card h3{font-size:1.18rem;margin:14px 0 10px}
.pp-card p{color:var(--ink-soft);font-size:1rem;line-height:1.55}
.pp-card p a,.pp-card li a{color:var(--pp-purple-dark);font-weight:700;text-decoration:underline;text-underline-offset:3px}
.pp-card .pp-ico{margin:0}
.pp-card .pp-checks{margin-top:4px}
.pp-card .pp-checks li{font-size:.97rem;line-height:1.45;padding-left:31px}
.pp-card .pp-checks li::before{width:21px;height:21px;top:2px}
.pp-card .pp-checks li::after{left:4.5px;top:6.5px;width:12px;height:12px}
.pp-grid{display:grid;gap:20px;grid-template-columns:minmax(0,1fr)}
@media (min-width:1020px){.pp-grid.g3{grid-template-columns:repeat(3,minmax(0,1fr))}.pp-grid.g2{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:640px) and (max-width:1019px){.pp-grid.g4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1020px){.pp-grid.g4{grid-template-columns:repeat(4,minmax(0,1fr))}}
/* text-only cards read as rows (icon left, words right) until there is room for three across */
@media (max-width:1019px){
  .pp-grid.rows .pp-card{display:grid;grid-template-columns:46px minmax(0,1fr);column-gap:16px;align-items:start}
  .pp-grid.rows .pp-card .pp-ico{grid-row:1 / span 2}
  .pp-grid.rows .pp-card h3{margin:2px 0 6px}
  .pp-grid.rows .pp-card p{grid-column:2}
}

/* ---------- phone frames sit in a soft well, as the live site's picture wells ---------- */
.pp-well{background:var(--pp-card2);border-radius:26px;display:flex;justify-content:center;align-items:flex-end;gap:18px;overflow:hidden;padding:22px 18px 0;margin-top:auto}
.pp-well .phone{--mx:230px;width:100%;flex:0 1 230px;min-width:0}
.pp-well.pair{align-items:flex-start;padding-bottom:0}
.pp-well.pair .phone{--mx:210px;flex:1 1 0}
.pp-well.pair .phone:nth-child(2){margin-top:34px}
.pp-well.big{padding:28px 22px 0;border-radius:34px}
.pp-well.big .phone{--mx:290px;flex-basis:290px}
.pp-card>.pp-well{margin-top:auto}
.pp-card>.pp-pre{margin-bottom:22px}

/* the 1, 3, 7, 14 strip */
.pp-gaps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.pp-gaps li{background:var(--pp-card2);border-radius:14px;padding:8px 4px;text-align:center;line-height:1.1}
.pp-gaps b{display:block;font:700 1.35rem/1 "Fredoka",sans-serif;color:var(--pp-purple-dark)}
.pp-gaps small{display:block;font-size:.8rem;font-weight:700;color:var(--ink-soft);margin-top:3px}

/* chips */
.pp-chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.pp-chips li{display:flex;gap:8px;align-items:center;font-weight:700;font-size:.95rem;padding:9px 16px;border-radius:99px;background:#fff;border:2px solid rgba(43,38,64,.1);color:var(--ink)}
.pp-chips li::before{content:"";width:10px;height:10px;border-radius:50%;background:var(--pp-purple-dark);flex:none}
.pp-chips li:nth-child(2)::before{background:var(--pp-orange)}

/* ---------- what you control: tiles that turn sideways when wide ---------- */
.pp-tile{container-type:inline-size}
.pp-tile-in{display:grid;gap:22px;grid-template-columns:minmax(0,1fr);grid-template-rows:1fr auto;flex:1}
.pp-tile-in>.pp-well{margin-top:0;align-self:end}
@container (min-width:440px){
  .pp-tile-in{grid-template-columns:minmax(0,1fr) minmax(0,.78fr);grid-template-rows:none;align-items:stretch}
  .pp-tile-in>.pp-well{align-self:end}
}
.pp-wide{display:grid;gap:22px;align-items:center;padding:24px 26px;margin-top:20px}
.pp-wide>div{min-width:0}
@media (min-width:760px){.pp-wide{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:34px}}
.pp-wide .pp-icohead{display:flex;align-items:center;gap:14px}
.pp-wide h3{margin:0}
.pp-wide p{margin-top:10px}
.pp-snip{margin:0;border-radius:18px;overflow:hidden;border:3px solid var(--pp-line);background:var(--paper)}
.pp-snip img{width:100%;height:auto}

/* ---------- what we keep ---------- */
.pp-nos{display:grid;gap:20px;grid-template-columns:minmax(0,1fr);margin-bottom:20px}
@media (min-width:1020px){.pp-nos{grid-template-columns:repeat(3,minmax(0,1fr))}}
.pp-no{display:grid;grid-template-columns:52px minmax(0,1fr);gap:16px;align-items:center;padding:22px 20px}
.pp-no .badge-no{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:#C92A2A;color:#fff;font:700 1.05rem/1 "Fredoka",sans-serif}
.pp-no small{display:block;font-weight:700;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft)}
.pp-no b{display:block;font:600 1.1rem/1.25 "Fredoka",sans-serif;color:var(--ink);margin-top:2px}
.pp-vs{display:grid;gap:20px;grid-template-columns:minmax(0,1fr);margin-bottom:20px}
@media (min-width:900px){.pp-vs{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}}
.pp-tag{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;font-weight:800;font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;
  padding:6px 14px 6px 10px;border-radius:99px;background:var(--pp-card2);color:var(--pp-purple-dark)}
.pp-tag .i{width:16px;height:16px;stroke-width:2.6}
.pp-vs h3{font-size:1.4rem;margin:14px 0 14px}
.pp-items{display:grid;gap:22px}
.pp-items li{display:grid;grid-template-columns:40px minmax(0,1fr);gap:14px;align-items:start;color:var(--ink-soft);font-size:1rem;line-height:1.5}
.pp-items b{display:block;font:600 1.05rem/1.25 "Fredoka",sans-serif;color:var(--ink);margin-bottom:2px}
.pp-who .pp-card{padding:24px 22px}
.pp-who h3{margin-top:14px}
.pp-note{display:grid;grid-template-columns:46px minmax(0,1fr);gap:16px;align-items:center;margin-top:20px;background:#FFF6D6;border:3px solid var(--pp-yellow);border-radius:24px;padding:18px 22px}
.pp-note p{color:var(--ink);font-weight:600;font-size:1rem;line-height:1.5}
.pp-note.plain{margin-top:24px}

/* ---------- joining a class ---------- */
.pp-flow{display:grid;gap:14px;counter-reset:ppstep}
.pp-flow li{counter-increment:ppstep;display:grid;grid-template-columns:46px minmax(0,1fr);gap:16px;align-items:start;background:#fff;border:3px solid var(--pp-line);border-radius:24px;padding:16px 20px;box-shadow:var(--pp-soft)}
.pp-flow li::before{content:counter(ppstep);display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:var(--cc);color:var(--ink);font:700 1.25rem/1 "Fredoka",sans-serif}
.pp-flow h3{font-size:1.12rem;margin:2px 0 4px}
.pp-flow p{color:var(--ink-soft);font-size:1rem;line-height:1.5}
.pp-agree{display:grid;grid-template-columns:46px minmax(0,1fr);gap:16px;align-items:start;margin-top:36px;background:#EAF9ED;border:3px solid var(--pp-green);border-radius:26px;padding:22px 24px}
.pp-agree blockquote{margin:0;font:600 1.12rem/1.5 "Baloo 2",sans-serif;color:var(--ink)}
.pp-agree small{display:block;margin-top:8px;color:var(--ink-soft);font-size:.92rem;font-weight:600}
.pp-see{margin-top:44px}
.pp-see>h3{font-size:clamp(1.4rem,2.6vw,1.8rem);margin-bottom:18px}
.pp-see .pp-card{flex-direction:row;gap:14px;align-items:flex-start;padding:20px 20px}
.pp-see .pp-card p{margin:0;font-size:.97rem}
@media (max-width:480px){.pp-agree{grid-template-columns:minmax(0,1fr)}}

/* ---------- the one navy band, as the live stats strip ---------- */
.pp-bandsec{padding:30px 0}
.pp-stats{background:var(--ink);border-radius:48px;padding:56px 40px;position:relative;overflow:hidden;color:#fff}
.pp-stats::before{content:"";position:absolute;inset:0;pointer-events:none;background:
  radial-gradient(circle at 12% 20%,rgba(177,151,252,.25),transparent 40%),
  radial-gradient(circle at 88% 80%,rgba(78,205,196,.22),transparent 40%)}
.pp-stats>*{position:relative}
.pp-stats .pp-pill{background:rgba(255,255,255,.12);color:#fff}
.pp-stats .pp-h{color:#fff}
.pp-stats-head{text-align:center;margin-bottom:38px}
.pp-stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px 24px}
.pp-stat{text-align:center}
.pp-stat .num{font:700 clamp(2rem,3.4vw,3rem)/1.1 "Fredoka",sans-serif}
.pp-stat .lbl{color:rgba(255,255,255,.76);font-weight:600;margin:6px auto 0;font-size:.98rem;line-height:1.4;max-width:30ch}
.pp-stat:nth-child(1) .num{color:var(--pp-yellow)}.pp-stat:nth-child(2) .num{color:var(--pp-teal)}
.pp-stat:nth-child(3) .num{color:var(--pp-pink)}.pp-stat:nth-child(4) .num{color:var(--pp-green)}
.pp-stat:nth-child(5) .num{color:var(--pp-blue)}.pp-stat:nth-child(6) .num{color:var(--pp-orange)}
@media (max-width:900px){.pp-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){
  .pp-stats{padding:38px 22px;border-radius:30px}
  .pp-stats-grid{grid-template-columns:minmax(0,1fr);gap:24px}
  .pp-stat .num{font-size:2.3rem}
}

/* ---------- the eight friends ---------- */
.pp-friends{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:28px 26px;margin-top:6px}
.pp-friends li{display:flex;flex-direction:column;align-items:center;gap:12px;max-width:190px}
.pp-friends img{height:clamp(130px,15vw,180px);width:auto;max-width:100%;object-fit:contain;filter:drop-shadow(0 8px 14px rgba(43,38,64,.15))}
.pp-friends span{font:600 .98rem/1.15 "Fredoka",sans-serif;background:#fff;border:3px solid var(--pp-line);border-radius:99px;padding:5px 14px;text-align:center}
@media (max-width:1019px){
  .pp-friends{max-width:760px;margin-inline:auto;gap:28px 0}
  .pp-friends li{flex:0 0 25%;max-width:none;padding-inline:6px}
}
@media (max-width:560px){
  .pp-friends{gap:24px 0}
  .pp-friends li{flex-basis:33.333%;padding-inline:4px}
  .pp-friends img{height:108px}
  .pp-friends span{font-size:.9rem;padding:5px 11px}
}

/* ---------- the download card, in the live site's pastel ---------- */
.pp-dl{padding:30px 0 70px}
.pp-dl-card{background:linear-gradient(135deg,#FFE9C7,#FFD9E8 55%,#E3D9FF);border-radius:48px;padding:56px 40px 60px;text-align:center;position:relative}
.pp-dl-card img{width:clamp(96px,14vw,130px);height:auto;margin:0 auto 14px;filter:drop-shadow(0 8px 14px rgba(43,38,64,.18))}
.pp-dl-card h2{font-size:clamp(1.9rem,4.4vw,2.9rem);max-width:20ch;margin:0 auto 12px}
.pp-dl-card p{color:var(--ink-soft);font-size:1.1rem;max-width:560px;margin:0 auto}
.pp-dl-card .badges{justify-content:center;margin-top:28px}
.pp-dl-card .badge{border-radius:15px;box-shadow:0 6px 0 #181527}
.pp-dl-card .badge:hover{transform:translateY(2px);box-shadow:0 4px 0 #181527;background:var(--ink)}
.pp-dl-card .fineprint{margin-top:20px;color:var(--ink-soft);font-weight:600}

/* ---------- small screens ---------- */
@media (max-width:600px){
  .pp-sec{padding:54px 0}
  .pp-hero{padding:20px 0 40px}
  .pp-head,.pp-headrow{margin-bottom:34px}
  .pp-pill{font-size:.74rem;margin-bottom:14px}
  .pp-h{font-size:clamp(1.55rem,6.6vw,2rem)}
  .pp-lead{font-size:1rem}
  .pp-sub{font-size:1.02rem;margin-bottom:22px}
  .pp-hero h1{font-size:clamp(1.85rem,7.6vw,2.3rem);margin-bottom:16px}
  .pp .pp-ctas{gap:10px}
  .pp-ctas .pp-btn{flex:1 1 140px}
  .pp-card{padding:24px 20px}
  .pp-grid,.pp-nos,.pp-vs{gap:16px}
  .pp-bandsec{padding:12px 0}
  .pp-dl-card{padding:40px 22px 46px;border-radius:32px}
  .pp-bub{font-size:.92rem;max-width:200px}
  .pp-say img{width:80px}
  .pp-well,.pp-well.big{padding:18px 14px 0}
}
@media (max-width:440px){
  .pp .pp-ctas{flex-direction:column;align-items:stretch;max-width:300px;margin-inline:auto}
  .pp-ctas .pp-btn{flex:none}
}