:root{--blue:#123b9b;--blue2:#0b63e5;--orange:#f36b16;--ink:#10213a;--muted:#5b6880;--soft:#f5f8ff;--line:#dce5f5;--white:#fff;--shadow:0 18px 45px rgba(18,59,155,.12);--radius:24px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#fff;line-height:1.55}img{max-width:100%;display:block}a{text-decoration:none}.wrap{width:min(1160px,calc(100% - 32px));margin:auto}
header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.96);backdrop-filter:blur(10px);border-bottom:1px solid rgba(18,59,155,.08)}.nav{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:flex;align-items:center;gap:12px;font-weight:800;color:var(--blue);font-size:1.25rem}.brand img{width:58px;height:58px;object-fit:cover;object-position:center 23%;border-radius:14px}.navlinks{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.navlinks a{color:var(--muted);font-weight:700;font-size:.95rem}.navlinks a[aria-current="page"]{color:var(--blue)}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 24px;border-radius:999px;font-weight:800;transition:.18s ease;border:2px solid transparent}.btn:hover{transform:translateY(-1px)}.primary{background:linear-gradient(135deg,var(--blue),var(--blue2));color:#fff;box-shadow:0 10px 24px rgba(18,59,155,.2)}.secondary{background:#fff;color:var(--blue);border-color:#cbd9f4}.orange{background:var(--orange);color:#fff}.textlink{color:var(--blue);font-weight:800}
.hero{padding:68px 0 50px;background:radial-gradient(circle at 10% 10%,rgba(11,99,229,.10),transparent 28%),radial-gradient(circle at 95% 15%,rgba(243,107,22,.10),transparent 26%),linear-gradient(180deg,#fbfdff 0%,#fff 100%)}.heroGrid{display:grid;grid-template-columns:1.03fr .97fr;gap:46px;align-items:center}.kicker{display:inline-block;background:#eaf1ff;color:var(--blue);font-weight:800;padding:8px 13px;border-radius:999px;margin-bottom:16px}h1{font-size:clamp(2.65rem,6vw,5.5rem);line-height:.98;letter-spacing:-.055em;margin:0 0 20px;max-width:11ch}h1 span{color:var(--orange)}h2{font-size:clamp(2rem,4vw,3.4rem);line-height:1.05;letter-spacing:-.04em;margin:0 0 12px}.lead{font-size:1.16rem;color:var(--muted);max-width:640px;margin:0 0 28px}.actions{display:flex;gap:12px;flex-wrap:wrap}.trust{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.pill{padding:9px 13px;border-radius:999px;border:1px solid var(--line);background:#fff;color:var(--muted);font-weight:700;font-size:.9rem}.heroVisual{background:#fff;border:1px solid var(--line);border-radius:30px;padding:16px;box-shadow:var(--shadow)}.heroVisual img{border-radius:20px}
section{padding:68px 0}.soft{background:var(--soft)}.sectionTitle{text-align:center;max-width:780px;margin:0 auto 34px}.sectionTitle p,.card p,.muted{color:var(--muted)}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:26px;box-shadow:0 10px 30px rgba(16,33,58,.06)}.card h3{font-size:1.25rem;margin:0 0 8px}.icon{width:50px;height:50px;border-radius:16px;display:grid;place-items:center;background:#edf3ff;color:var(--blue);font-size:1.45rem;margin-bottom:16px}.pageHero{text-align:center;padding:62px 0 36px;background:linear-gradient(180deg,#f7faff,#fff)}.pageHero h1{max-width:900px;margin-left:auto;margin-right:auto}.pageHero .lead{margin-left:auto;margin-right:auto}.featureList{display:grid;gap:14px}.feature{display:flex;gap:14px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px}.feature b{display:block}.feature span{color:var(--muted)}.stepnum{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--orange);color:#fff;font-weight:900;flex:0 0 auto}.pricing{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.priceCard{display:flex;flex-direction:column}.featured{border:2px solid var(--orange);box-shadow:var(--shadow)}.badge{align-self:flex-start;background:#fff0e7;color:#a84200;padding:7px 11px;border-radius:999px;font-weight:800;font-size:.82rem;margin-bottom:10px}.price{font-size:2.5rem;font-weight:900;color:var(--blue);margin:8px 0}.price small{font-size:.95rem;color:var(--muted);font-weight:700}ul{padding-left:20px;color:var(--muted);margin:14px 0 24px}li{margin:7px 0}.priceCard .btn{margin-top:auto}.cta{background:linear-gradient(135deg,var(--blue),#0f57c7);color:#fff;border-radius:30px;padding:38px;box-shadow:var(--shadow);text-align:center}.cta p{color:rgba(255,255,255,.86);max-width:720px;margin:0 auto 24px}.purpose{font-size:.9rem;color:var(--muted);margin-top:10px}.contactBox{max-width:720px;margin:auto;text-align:center}.contactBox a{font-size:1.15rem}
footer{border-top:1px solid var(--line);padding:28px 0 40px;color:var(--muted);font-size:.92rem}.foot{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.footlinks{display:flex;gap:16px;flex-wrap:wrap}.footlinks a{color:var(--muted)}
@media(max-width:900px){.heroGrid,.grid3,.grid2,.pricing{grid-template-columns:1fr}.navlinks a:not(.btn){display:none}h1{max-width:none}}@media(max-width:560px){.wrap{width:min(100% - 22px,1160px)}.brand span{display:none}.hero{padding-top:40px}section{padding:54px 0}.btn{width:100%}.actions{display:grid;width:100%}.cta{padding:26px}}


/* ParentProof visitor display controls */
:root{
  --page-bg:#ffffff;
  --surface:#ffffff;
  --surface-2:#f4f7fb;
  --text:#10213a;
  --text-muted:#44536a;
  --border:#cfdced;
  --focus:#f36b16;
  --user-font-scale:1;
  --user-line-height:1.55;
  --user-letter-spacing:0;
}
html{font-size:calc(16px * var(--user-font-scale))}
body{
  background:var(--page-bg);
  color:var(--text);
  line-height:var(--user-line-height);
  letter-spacing:var(--user-letter-spacing);
  transition:background-color .2s ease,color .2s ease;
}
body p,body li,.lead,.muted,.purpose,.sectionTitle p,.card p,.feature span,
footer,.footlinks a,.navlinks a,.price small{color:var(--text-muted)}
body header,body .card,body .feature,body .heroVisual,body .pill,
body .secondary,body .contactBox{background:var(--surface);border-color:var(--border)}
body .soft,body .pageHero{background:var(--surface-2)}
body .hero{
  background:
    radial-gradient(circle at 10% 10%,rgba(11,99,229,.08),transparent 28%),
    radial-gradient(circle at 95% 15%,rgba(243,107,22,.08),transparent 26%),
    linear-gradient(180deg,var(--surface-2) 0%,var(--page-bg) 100%);
}
body h1,body h2,body h3,body .brand,body .contactBox a{color:var(--text)}
body a:focus-visible,body button:focus-visible,body input:focus-visible{
  outline:4px solid var(--focus);
  outline-offset:3px;
}
body.pp-readable p,
body.pp-readable li,
body.pp-readable .lead,
body.pp-readable .purpose,
body.pp-readable .feature span{
  max-width:68ch;
  line-height:1.8;
}
body.pp-bold-text p,
body.pp-bold-text li,
body.pp-bold-text .lead,
body.pp-bold-text .purpose,
body.pp-bold-text .feature span{font-weight:700}
body.pp-underline-links a:not(.btn):not(.brand){text-decoration:underline;text-underline-offset:3px}
body.pp-strong-contrast{--text-muted:#25364f}
body.pp-maximum-contrast{--text:#000;--text-muted:#000;--border:#000}
body[data-pp-theme="navy"].pp-maximum-contrast,
body[data-pp-theme="contrast"].pp-maximum-contrast{--text:#fff;--text-muted:#fff;--border:#fff}

/* Branded background choices */
body[data-pp-theme="white"]{
  --page-bg:#ffffff;
  --surface:#ffffff;
  --surface-2:#f4f7fb;
  --text:#10213a;
  --text-muted:#44536a;
  --border:#cfdced;
}
body[data-pp-theme="gray"]{
  --page-bg:#eef1f5;
  --surface:#ffffff;
  --surface-2:#e4e9f0;
  --text:#10213a;
  --text-muted:#34445c;
  --border:#b9c6d6;
}
body[data-pp-theme="blue"]{
  --page-bg:#e9f3ff;
  --surface:#ffffff;
  --surface-2:#dbeaff;
  --text:#0b2d5c;
  --text-muted:#294568;
  --border:#9fbce0;
}
body[data-pp-theme="navy"]{
  --page-bg:#07111f;
  --surface:#101c2d;
  --surface-2:#0b1727;
  --text:#ffffff;
  --text-muted:#dbe7f5;
  --border:#39506d;
}
body[data-pp-theme="contrast"]{
  --page-bg:#000000;
  --surface:#000000;
  --surface-2:#111111;
  --text:#ffffff;
  --text-muted:#ffffff;
  --border:#ffffff;
  --focus:#ffff00;
}
body[data-pp-theme="navy"] header,
body[data-pp-theme="contrast"] header{background:rgba(7,17,31,.98)}
body[data-pp-theme="navy"] .secondary,
body[data-pp-theme="contrast"] .secondary{background:#17263a;color:#fff}
body[data-pp-theme="blue"] .kicker{
  background:#cfe2ff;
  color:#0b2d5c;
}
body[data-pp-theme="navy"] .kicker{
  background:#17345c;
  color:#fff;
}
body[data-pp-theme="contrast"] .primary,
body[data-pp-theme="contrast"] .orange{
  background:#ffff00;
  color:#000;
  border-color:#ffff00;
}
body[data-pp-theme="contrast"] .textlink,
body[data-pp-theme="contrast"] .navlinks a[aria-current="page"]{color:#ffff00}
body[data-pp-theme="contrast"] .card,
body[data-pp-theme="contrast"] .feature,
body[data-pp-theme="contrast"] .heroVisual,
body[data-pp-theme="contrast"] .pill,
body[data-pp-theme="contrast"] .secondary{
  border:2px solid #fff;
  box-shadow:none;
}

/* Display buttons: one in the header and one fixed on screen */
.pp-header-display{
  min-height:44px;
  padding:0 16px;
  border-radius:999px;
  border:2px solid var(--blue);
  background:#fff;
  color:var(--blue);
  font:inherit;
  font-weight:800;
  cursor:pointer;
  white-space:nowrap;
}
.pp-header-display:hover{background:#edf3ff}
body[data-pp-theme="navy"] .pp-header-display,
body[data-pp-theme="contrast"] .pp-header-display{
  background:#fff;
  color:#123b9b;
}
.pp-accessibility-button{
  position:fixed;
  right:18px;
  bottom:18px;
  z-index:9999;
  min-width:126px;
  height:56px;
  border:3px solid #fff;
  border-radius:999px;
  background:#123b9b;
  color:#fff;
  font-size:18px;
  font-weight:900;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  cursor:pointer;
  box-shadow:0 12px 34px rgba(0,0,0,.32);
}
.pp-accessibility-button::before{
  content:"Aa";
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  border-radius:50%;
  background:#f36b16;
  color:#fff;
  font-size:17px;
}
.pp-accessibility-button:hover{transform:translateY(-2px)}

/* Settings panel */
.pp-accessibility-panel{
  position:fixed;
  right:18px;
  bottom:88px;
  z-index:9998;
  width:min(410px,calc(100vw - 24px));
  max-height:min(760px,calc(100vh - 116px));
  overflow:auto;
  background:#fff;
  color:#10213a;
  border:3px solid #123b9b;
  border-radius:24px;
  padding:22px;
  box-shadow:0 24px 70px rgba(0,0,0,.35);
}
.pp-accessibility-panel[hidden]{display:none}
.pp-accessibility-panel h2{font-size:1.55rem;margin:0 0 6px;color:#10213a}
.pp-accessibility-panel p{margin:0 0 16px;color:#44536a}
.pp-panel-close{
  position:absolute;
  right:14px;
  top:10px;
  width:38px;
  height:38px;
  border:0;
  border-radius:50%;
  background:#eef3fb;
  color:#10213a;
  font-size:27px;
  cursor:pointer;
}
.pp-preview{
  border:2px solid #c9d8eb;
  border-radius:16px;
  padding:14px;
  margin:10px 0 18px;
  background:#f6f9fd;
}
.pp-preview strong{display:block;color:#123b9b;font-size:1.05rem}
.pp-preview span{color:#34445c}
.pp-display-group{border:0;padding:0;margin:0 0 18px}
.pp-display-group legend{font-weight:900;margin-bottom:10px;color:#10213a}
.pp-theme-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.pp-theme-choice{
  min-height:64px;
  border:3px solid #c9d8eb;
  border-radius:14px;
  padding:10px;
  font:inherit;
  font-weight:900;
  cursor:pointer;
  display:flex;
  align-items:center;
  gap:10px;
}
.pp-theme-choice[aria-pressed="true"]{border-color:#f36b16;box-shadow:0 0 0 3px rgba(243,107,22,.18)}
.pp-theme-choice[data-theme="white"]{background:#fff;color:#10213a}
.pp-theme-choice[data-theme="gray"]{background:#eef1f5;color:#10213a}
.pp-theme-choice[data-theme="blue"]{background:#e9f3ff;color:#0b2d5c}
.pp-theme-choice[data-theme="navy"]{background:#07111f;color:#fff}
.pp-theme-choice[data-theme="contrast"]{background:#000;color:#ffff00;border-color:#fff}
.pp-swatch{
  width:24px;height:24px;border-radius:50%;border:2px solid currentColor;flex:0 0 auto;
}
.pp-font-controls{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.pp-display-action{
  width:100%;
  min-height:46px;
  border:2px solid #c9d8eb;
  background:#fff;
  color:#10213a;
  border-radius:13px;
  padding:9px 10px;
  font:inherit;
  font-weight:900;
  cursor:pointer;
}
.pp-display-action[aria-pressed="true"]{border-color:#123b9b;background:#eaf1ff}
.pp-contrast-controls{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.pp-toggle-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:12px 0;
  border-top:1px solid #e3eaf3;
}
.pp-toggle-row label{font-weight:800;color:#10213a}
.pp-toggle-row input{width:25px;height:25px;accent-color:#123b9b}
.pp-reset{margin-top:10px;background:#10213a;color:#fff;border-color:#10213a}
@media(max-width:900px){
  .pp-header-display{display:none}
}
@media(max-width:560px){
  .pp-accessibility-button{right:12px;bottom:12px;min-width:118px}
  .pp-accessibility-panel{right:12px;bottom:80px}
  .pp-font-controls{grid-template-columns:1fr 1fr}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}
}



/* Stronger readability and livelier ParentProof visuals */
:root{
  --accent-blue:#0b63e5;
  --accent-blue-dark:#123b9b;
  --accent-orange:#f36b16;
  --accent-orange-light:#ff8a3d;
  --card-heading:#10213a;
  --card-copy:#2f4058;
}

/* Force readable copy throughout all themes */
body p,
body li,
body .lead,
body .purpose,
body .sectionTitle p,
body .card p,
body .feature span,
body footer,
body .footlinks a,
body .price small{
  color:var(--text-muted)!important;
  opacity:1!important;
}

body h1,
body h2,
body h3,
body .card h3,
body .feature b{
  color:var(--text)!important;
  opacity:1!important;
}

/* Features and cards become brighter, clearer and more visual */
.card,
.feature,
.priceCard{
  position:relative;
  overflow:hidden;
  border:2px solid var(--border)!important;
  box-shadow:0 12px 30px rgba(18,59,155,.10)!important;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
.card:hover,
.feature:hover,
.priceCard:hover{
  transform:translateY(-3px);
  border-color:var(--accent-blue)!important;
  box-shadow:0 18px 38px rgba(18,59,155,.18)!important;
}
.card::before,
.feature::before,
.priceCard::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:6px;
  background:linear-gradient(180deg,var(--accent-blue),var(--accent-orange));
}
.card h3,
.feature b{
  font-size:1.28rem;
  font-weight:900;
  letter-spacing:-.01em;
}
.card p,
.feature span{
  font-size:1rem;
  line-height:1.7;
}
.icon{
  width:56px!important;
  height:56px!important;
  border-radius:18px!important;
  background:linear-gradient(135deg,#e7f0ff,#fff1e8)!important;
  color:var(--accent-blue)!important;
  border:2px solid rgba(11,99,229,.18);
  box-shadow:0 8px 18px rgba(18,59,155,.10);
}
.textlink{
  display:inline-flex;
  align-items:center;
  gap:6px;
  color:var(--accent-blue)!important;
  font-size:1rem;
  font-weight:900!important;
  text-decoration:underline;
  text-underline-offset:4px;
}
.textlink:hover{color:var(--accent-orange)!important}

/* Feature page visual rhythm */
.featureList .feature:nth-child(odd){background:linear-gradient(135deg,var(--surface),rgba(11,99,229,.055))}
.featureList .feature:nth-child(even){background:linear-gradient(135deg,var(--surface),rgba(243,107,22,.055))}
.grid3 .card:nth-child(3n+1){border-top:5px solid var(--accent-blue)!important}
.grid3 .card:nth-child(3n+2){border-top:5px solid var(--accent-orange)!important}
.grid3 .card:nth-child(3n+3){border-top:5px solid #6d4dd8!important}

/* Page headings and labels */
.pageHero{
  border-bottom:1px solid var(--border);
}
.pageHero h1,
.hero h1{
  text-shadow:none!important;
}
.kicker,
.badge{
  font-weight:900!important;
  border:1px solid rgba(18,59,155,.14);
}
.sectionTitle h2{
  color:var(--text)!important;
}
.sectionTitle p{
  font-size:1.08rem;
  line-height:1.7;
}

/* Better button contrast in every theme */
.btn{
  font-size:1rem;
  letter-spacing:.005em;
}
.primary{
  background:linear-gradient(135deg,#123b9b,#0b63e5)!important;
  color:#fff!important;
  box-shadow:0 10px 24px rgba(18,59,155,.28)!important;
}
.orange{
  background:linear-gradient(135deg,#f36b16,#ff8a3d)!important;
  color:#fff!important;
}
.secondary{
  color:var(--accent-blue-dark)!important;
  border-color:var(--accent-blue)!important;
  background:#fff!important;
}
body[data-pp-theme="navy"] .secondary,
body[data-pp-theme="contrast"] .secondary{
  color:#fff!important;
  background:#17263a!important;
  border-color:#8fb8ff!important;
}

/* Theme-specific text and card contrast */
body[data-pp-theme="white"]{
  --text:#10213a;
  --text-muted:#33465f;
  --border:#b9c9dc;
}
body[data-pp-theme="gray"]{
  --text:#0f223c;
  --text-muted:#2e425d;
  --border:#aebed1;
}
body[data-pp-theme="blue"]{
  --text:#082752;
  --text-muted:#203f66;
  --border:#8eb1da;
}
body[data-pp-theme="blue"] .card,
body[data-pp-theme="blue"] .feature,
body[data-pp-theme="blue"] .priceCard{
  background:#ffffff!important;
}
body[data-pp-theme="navy"]{
  --text:#ffffff;
  --text-muted:#edf4ff;
  --border:#547092;
}
body[data-pp-theme="navy"] .card,
body[data-pp-theme="navy"] .feature,
body[data-pp-theme="navy"] .priceCard{
  background:#122238!important;
}
body[data-pp-theme="navy"] .icon{
  background:linear-gradient(135deg,#193a68,#4a2c1c)!important;
  color:#fff!important;
  border-color:#6f8fb8;
}
body[data-pp-theme="navy"] .textlink{color:#8fc2ff!important}
body[data-pp-theme="contrast"] .card,
body[data-pp-theme="contrast"] .feature,
body[data-pp-theme="contrast"] .priceCard{
  background:#000!important;
}
body[data-pp-theme="contrast"] .card::before,
body[data-pp-theme="contrast"] .feature::before,
body[data-pp-theme="contrast"] .priceCard::before{
  background:#ffff00;
}
body[data-pp-theme="contrast"] .icon{
  background:#fff!important;
  color:#000!important;
  border-color:#fff!important;
}
body[data-pp-theme="contrast"] .textlink{color:#ffff00!important}

/* Strong and maximum contrast options must visibly change text */
body.pp-strong-contrast{
  --text:#07182f;
  --text-muted:#142b49;
}
body[data-pp-theme="navy"].pp-strong-contrast{
  --text:#ffffff;
  --text-muted:#ffffff;
}
body.pp-maximum-contrast{
  --text:#000000;
  --text-muted:#000000;
}
body[data-pp-theme="navy"].pp-maximum-contrast,
body[data-pp-theme="contrast"].pp-maximum-contrast{
  --text:#ffffff;
  --text-muted:#ffffff;
}
body.pp-bold-text p,
body.pp-bold-text li,
body.pp-bold-text .lead,
body.pp-bold-text .purpose,
body.pp-bold-text .feature span{
  font-weight:800!important;
}

/* Make the display controls impossible to miss */
.pp-header-display{
  border:3px solid var(--accent-orange)!important;
  background:#fff7f0!important;
  color:#9a3f00!important;
  box-shadow:0 6px 16px rgba(243,107,22,.18);
}
.pp-header-display::before{
  content:"Aa";
  display:inline-grid;
  place-items:center;
  width:30px;
  height:30px;
  border-radius:50%;
  margin-right:8px;
  background:var(--accent-orange);
  color:#fff;
}
.pp-accessibility-button{
  background:linear-gradient(135deg,var(--accent-blue-dark),var(--accent-blue))!important;
  border:3px solid #fff!important;
  box-shadow:0 12px 36px rgba(0,0,0,.38),0 0 0 4px rgba(243,107,22,.25)!important;
}
.pp-accessibility-panel{
  border:4px solid var(--accent-blue-dark)!important;
}
.pp-preview{
  background:linear-gradient(135deg,#eef5ff,#fff3ea)!important;
  border:2px solid #9fbce0!important;
}
.pp-preview strong{
  color:var(--accent-blue-dark)!important;
}
.pp-preview span{
  color:#2c405d!important;
  font-weight:700;
}

/* Mobile readability */
@media(max-width:560px){
  .card p,.feature span{font-size:1.05rem}
  .card h3,.feature b{font-size:1.34rem}
  .sectionTitle p{font-size:1.05rem}
  .pp-accessibility-button{
    min-width:134px!important;
    height:58px!important;
    font-size:19px!important;
  }
}

.feature-clarity-banner{padding:18px 0;background:linear-gradient(90deg,#123b9b,#0b63e5 58%,#f36b16)}
.feature-clarity-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;color:#fff}
.feature-clarity-inner strong{display:block;font-size:1.35rem}
.feature-clarity-inner span{display:block;color:#fff;font-weight:700;opacity:.95}
.feature-clarity-dots{display:flex;gap:8px}
.feature-clarity-dots i{width:14px;height:14px;border-radius:50%;background:#fff}
.feature-clarity-dots i:nth-child(2){background:#ffd7bf}
.feature-clarity-dots i:nth-child(3){background:#ff9a57}
@media(max-width:650px){.feature-clarity-inner{align-items:flex-start}.feature-clarity-dots{display:none}}


/* Top customization bar and dropdown navigation */
.pp-custom-bar{
  position:sticky;
  top:0;
  z-index:40;
  background:linear-gradient(90deg,#123b9b,#0b63e5 62%,#f36b16);
  color:#fff;
  border-bottom:1px solid rgba(255,255,255,.25);
}
.pp-custom-bar .wrap{
  min-height:48px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
}
.pp-custom-message{
  font-weight:800;
  font-size:.92rem;
}
.pp-custom-actions{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
}
.pp-top-control{
  min-height:36px;
  border:1px solid rgba(255,255,255,.65);
  border-radius:999px;
  background:rgba(255,255,255,.12);
  color:#fff;
  padding:0 12px;
  font:inherit;
  font-weight:800;
  cursor:pointer;
}
.pp-top-control:hover{background:#fff;color:#123b9b}
.pp-preset-select{
  min-height:36px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.75);
  background:#fff;
  color:#10213a;
  padding:0 34px 0 12px;
  font:inherit;
  font-weight:800;
  cursor:pointer;
}

/* Main header sits below the new top bar */
header{top:48px}

/* Dropdown menus */
.navlinks{position:relative}
.pp-nav-item{position:relative}
.pp-nav-toggle{
  appearance:none;
  border:0;
  background:transparent;
  color:var(--text-muted);
  font:inherit;
  font-weight:800;
  cursor:pointer;
  padding:8px 2px;
}
.pp-nav-toggle::after{
  content:"▾";
  display:inline-block;
  margin-left:6px;
  font-size:.78em;
}
.pp-dropdown{
  position:absolute;
  top:calc(100% + 10px);
  left:0;
  z-index:100;
  min-width:245px;
  padding:10px;
  background:var(--surface);
  border:2px solid var(--border);
  border-radius:16px;
  box-shadow:0 18px 45px rgba(16,33,58,.18);
}
.pp-dropdown[hidden]{display:none}
.pp-dropdown a{
  display:block!important;
  padding:11px 12px;
  border-radius:10px;
  color:var(--text)!important;
  font-weight:800!important;
}
.pp-dropdown a:hover{
  background:var(--surface-2);
  color:var(--accent-blue)!important;
}
.pp-dropdown small{
  display:block;
  color:var(--text-muted);
  font-weight:600;
  margin-top:2px;
  line-height:1.35;
}

/* Personalized quick choices */
.pp-choice-row{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:9px;
  margin:10px 0 18px;
}
.pp-persona-choice{
  min-height:64px;
  border:2px solid #c9d8eb;
  border-radius:14px;
  background:#fff;
  color:#10213a;
  padding:10px;
  font:inherit;
  font-weight:900;
  cursor:pointer;
  text-align:left;
}
.pp-persona-choice small{
  display:block;
  font-weight:600;
  color:#52647c;
  margin-top:4px;
}
.pp-persona-choice[aria-pressed="true"]{
  border-color:#f36b16;
  background:#fff4ec;
  box-shadow:0 0 0 3px rgba(243,107,22,.16);
}

/* Optional density and motion preferences */
body.pp-compact .card,
body.pp-compact .feature,
body.pp-compact .priceCard{padding:18px}
body.pp-comfortable .card,
body.pp-comfortable .feature,
body.pp-comfortable .priceCard{padding:30px}
body.pp-reduced-motion *,
body.pp-reduced-motion *::before,
body.pp-reduced-motion *::after{
  transition:none!important;
  animation:none!important;
  scroll-behavior:auto!important;
}

@media(max-width:900px){
  .pp-custom-bar .wrap{padding:7px 0;align-items:flex-start}
  .pp-custom-message{display:none}
  .pp-custom-actions{width:100%;justify-content:space-between}
  header{top:50px}
  .navlinks{align-items:stretch}
  .pp-nav-item{width:100%}
  .pp-nav-toggle{
    width:100%;
    text-align:left;
    padding:11px 12px;
  }
  .pp-dropdown{
    position:static;
    width:100%;
    margin-top:6px;
    box-shadow:none;
  }
}
@media(max-width:560px){
  .pp-custom-actions{display:grid;grid-template-columns:1fr 1fr}
  .pp-preset-select{width:100%;grid-column:1/-1}
  .pp-choice-row{grid-template-columns:1fr}
}


/* Smart integration: ParentProof + West Digital Labs + live app */
.pp-brand-copy{display:flex;flex-direction:column;line-height:1.05}
.pp-brand-copy strong{font-size:1.05rem;color:var(--text,var(--ink))}
.pp-brand-copy small{font-size:.67rem;color:var(--text-muted,var(--muted));font-weight:800;margin-top:4px;letter-spacing:.02em}
.pp-login-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 12px;color:var(--blue);font-weight:900;border-radius:999px}
.pp-login-link:hover{background:#edf3ff}
.pp-smart-footer{display:grid;grid-template-columns:1.2fr 1fr;gap:24px;align-items:start}
.pp-footer-brand{display:flex;flex-direction:column;gap:4px}
.pp-footer-brand strong{font-size:1.12rem;color:var(--text,var(--ink))}
.pp-company-link{display:inline-block;margin-top:8px;color:var(--blue);font-weight:900;text-decoration:underline;text-underline-offset:3px}
.pp-footer-links{display:flex;justify-content:flex-end;gap:14px;flex-wrap:wrap}
.pp-footer-links a{color:var(--text-muted,var(--muted));font-weight:750}
.pp-footer-legal{grid-column:1/-1;border-top:1px solid var(--border,var(--line));padding-top:18px;color:var(--text-muted,var(--muted));font-size:.86rem}
.pp-mobile-app-bar{display:none}
img{height:auto}
@media(max-width:900px){
  header{top:0}
  .pp-brand-copy small{display:block}
  .navlinks{gap:8px}
  .pp-login-link{display:none}
  .pp-smart-footer{grid-template-columns:1fr}
  .pp-footer-links{justify-content:flex-start}
  .pp-footer-legal{grid-column:auto}
}
@media(max-width:620px){
  body{padding-bottom:78px}
  .pp-custom-bar .wrap{align-items:flex-start}
  .pp-custom-message{font-size:.8rem}
  .pp-custom-actions{gap:6px}
  .pp-preset-select,.pp-top-control{min-height:42px}
  .brand img{width:48px;height:48px;object-fit:contain}
  .brand span{display:flex}
  .pp-brand-copy strong{font-size:.98rem}
  .pp-brand-copy small{font-size:.59rem}
  header .wrap.nav{padding-block:8px}
  .navlinks .btn.primary{width:auto;min-height:44px;padding-inline:14px}
  h1{font-size:clamp(2.15rem,12vw,3.4rem);line-height:1.04}
  h2{font-size:clamp(1.65rem,8vw,2.35rem)}
  .heroGrid{gap:28px}
  .heroVisual{padding:8px;border-radius:22px}
  .heroVisual img{border-radius:16px}
  .card{padding:22px}
  .pp-accessibility-button{right:12px;bottom:86px;min-width:108px;height:48px;font-size:15px}
  .pp-accessibility-panel{right:12px;bottom:144px;max-height:calc(100vh - 170px)}
  .pp-mobile-app-bar{
    position:fixed;left:0;right:0;bottom:0;z-index:9997;
    display:grid;grid-template-columns:.8fr 1.2fr;gap:10px;
    padding:10px 12px calc(10px + env(safe-area-inset-bottom));
    background:rgba(255,255,255,.97);backdrop-filter:blur(14px);
    border-top:1px solid var(--border,var(--line));
    box-shadow:0 -10px 30px rgba(16,33,58,.14)
  }
  .pp-mobile-app-bar a{
    display:flex;align-items:center;justify-content:center;
    min-height:48px;border-radius:14px;font-weight:900;text-decoration:none
  }
  .pp-mobile-login{background:#edf3ff;color:#123b9b;border:2px solid #c9d8eb}
  .pp-mobile-open{background:#f36b16;color:#fff;border:2px solid #f36b16}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}