.fp{--fp:#1677d2;--fp-soft:#eef7ff;color:#13233d;background:#fff}.fp-green{--fp:#0aa37f;--fp-soft:#edfbf7}.fp-purple{--fp:#7357e8;--fp-soft:#f4f1ff}.fp-orange{--fp:#e58a2c;--fp-soft:#fff6e9}.fp-wrap{width:min(1120px,calc(100% - 40px));margin:0 auto}.fp-hero{padding:72px 0 76px;background:linear-gradient(145deg,#fff 10%,var(--fp-soft) 100%);overflow:hidden}.fp-hero-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:70px;align-items:center}.fp-back{display:inline-block;color:#5b6c83;text-decoration:none;font-weight:700;margin-bottom:24px}.fp-kicker,.fp-eyebrow{display:block;color:var(--fp);font-size:.78rem;font-weight:900;letter-spacing:.13em;margin-bottom:12px}.fp h1{font-size:clamp(2.6rem,5.5vw,4.65rem);line-height:1.02;letter-spacing:-.045em;margin:0 0 22px;color:#102844}.fp h2{font-size:clamp(2rem,4vw,3rem);line-height:1.08;letter-spacing:-.03em;margin:0 0 18px;color:#102844}.fp h3{color:#102844}.fp-lead,.fp-intro p{font-size:1.16rem;line-height:1.75;color:#52677f;max-width:720px}.fp-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:30px}.fp-btn{display:inline-block;background:var(--fp);color:#fff!important;text-decoration:none;padding:15px 23px;border-radius:12px;font-weight:900;box-shadow:0 10px 24px rgba(16,40,68,.12)}.fp-text-link{color:#304d6c;text-decoration:none;font-weight:800}.fp-beta{font-size:.82rem;color:#728297;margin-top:13px}.fp-hero-art{min-height:380px;position:relative;display:grid;place-items:center}.fp-device{width:265px;height:315px;background:#fff;border:1px solid #dce6ef;border-radius:30px;box-shadow:0 30px 65px rgba(16,40,68,.18);padding:30px;display:flex;flex-direction:column;align-items:center;position:relative;z-index:2}.fp-device>span{font-size:.68rem;letter-spacing:.12em;font-weight:900;color:#71849b}.fp-device>strong{display:grid;place-items:center;width:108px;height:108px;border-radius:28px;background:var(--fp-soft);color:var(--fp);font-size:1.8rem;margin:28px 0 22px;border:2px solid color-mix(in srgb,var(--fp) 45%,white)}.fp-device>i{height:8px;background:#dce5ee;border-radius:10px;width:82%;margin:5px}.fp-device>b{margin-top:19px;font-size:1rem}.fp-shield{position:absolute;z-index:3;right:12%;bottom:15%;display:grid;place-items:center;width:72px;height:72px;background:var(--fp);color:#fff;border:8px solid #fff;border-radius:50%;font-size:1.7rem;font-weight:900;box-shadow:0 12px 28px rgba(16,40,68,.18)}.fp-orbit{position:absolute;border:1px dashed color-mix(in srgb,var(--fp) 35%,white);border-radius:50%}.fp-orbit.o1{width:390px;height:390px}.fp-orbit.o2{width:510px;height:510px}.fp-section{padding:76px 0}.fp-soft{background:#f8fbfd}.fp-intro{text-align:center;max-width:850px}.fp-intro p{margin:0 auto}.fp-notice{margin:0 auto 8px;padding:26px 30px;border:1px solid color-mix(in srgb,var(--fp) 32%,white);border-left:6px solid var(--fp);border-radius:16px;background:var(--fp-soft)}.fp-notice strong{font-size:1.05rem;color:#102844}.fp-notice p{margin:8px 0 0;line-height:1.7}.fp-section-head{text-align:center;max-width:760px;margin:0 auto 34px}.fp-card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.fp-card{border:1px solid #dfe8f0;border-radius:18px;padding:26px;background:#fff;box-shadow:0 10px 25px rgba(16,40,68,.05)}.fp-card-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:var(--fp-soft);color:var(--fp);font-weight:900}.fp-card h3{font-size:1.05rem;margin:18px 0 9px}.fp-card p,.fp-detail p,.fp-steps p,.fp-sources p{color:#5b6d82;line-height:1.7}.fp-steps{max-width:900px;margin:auto}.fp-steps article{display:grid;grid-template-columns:64px 1fr;gap:18px;padding:23px 0;border-bottom:1px solid #dde6ee}.fp-steps article>span{display:grid;place-items:center;width:50px;height:50px;border-radius:50%;background:var(--fp);color:#fff;font-weight:900}.fp-steps h3{margin:2px 0 6px}.fp-steps p{margin:0}.fp-reading{max-width:850px}.fp-detail{padding:25px 0;border-bottom:1px solid #e1e8ef}.fp-detail h3{font-size:1.28rem;margin:0 0 8px}.fp-detail p{margin:0}.fp-sources{background:#102844;color:#fff}.fp-sources h2,.fp-sources .fp-eyebrow{color:#fff}.fp-sources p{color:#d8e5f2}.fp-source-links{display:grid;gap:10px;margin:25px 0}.fp-source-links a{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);padding:15px 18px;border-radius:12px;color:#fff;text-decoration:none;font-weight:800}.fp-legal{font-size:.9rem}.fp-faq details{background:#fff;border:1px solid #dde7ef;border-radius:14px;padding:0 20px;margin:12px 0}.fp-faq summary{cursor:pointer;font-weight:850;padding:20px 0;color:#102844}.fp-faq details p{margin:0 0 20px;color:#5b6d82;line-height:1.7}.fp-explore{text-align:center}.fp-feature-links{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:30px}.fp-feature-links a{display:flex;flex-direction:column;gap:8px;align-items:center;justify-content:center;min-height:105px;padding:15px;border:1px solid #dde7ef;border-radius:14px;text-decoration:none;color:#304d6c;font-weight:800;background:#fff}.fp-feature-links a:hover,.fp-feature-links a.current{border-color:var(--fp);background:var(--fp-soft)}.fp-feature-links span{color:var(--fp);font-size:.8rem;font-weight:900}.fp-cta{text-align:center;background:linear-gradient(135deg,#0c2949,#086779);color:#fff;padding:70px 0}.fp-cta h2{color:#fff}.fp-cta p{font-size:1.08rem;margin:0 auto 25px;max-width:650px;color:#dbeaf1}.fp-btn-light{background:#fff;color:#12314f!important}.fp-cta small{display:block;margin-top:13px;color:#c9dde7}@media(max-width:900px){.fp-hero-grid{grid-template-columns:1fr;text-align:center}.fp-lead{margin-left:auto;margin-right:auto}.fp-actions{justify-content:center}.fp-hero-art{min-height:330px}.fp-card-grid{grid-template-columns:repeat(2,1fr)}.fp-feature-links{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.fp-wrap{width:min(100% - 28px,1120px)}.fp-hero{padding:42px 0 50px}.fp-hero-grid{gap:30px}.fp-hero-art{min-height:290px}.fp-device{transform:scale(.84)}.fp-orbit.o1{width:300px;height:300px}.fp-orbit.o2{display:none}.fp-section{padding:54px 0}.fp-card-grid{grid-template-columns:1fr}.fp-feature-links{grid-template-columns:1fr 1fr}.fp-steps article{grid-template-columns:52px 1fr}.fp h1{font-size:2.6rem}}
/* Digital Pet ID landing page */
.dpi{color:#102844;background:#fff}.dpi-wrap{width:min(1180px,calc(100% - 48px));margin:auto}.dpi-hero{background:linear-gradient(105deg,#fff 0%,#fff 38%,#eef8ff 100%);overflow:hidden}.dpi-hero-grid{display:grid;grid-template-columns:.95fr 1.05fr;min-height:540px;align-items:center}.dpi-copy{padding:46px 0}.dpi-back{display:block;color:#18334f;text-decoration:none;font-weight:800;margin-bottom:24px}.dpi-kicker{font-size:.78rem;color:#0879d8;font-weight:950;letter-spacing:.12em}.dpi h1{font-size:clamp(3rem,5.8vw,5rem);margin:8px 0 4px;letter-spacing:-.055em;line-height:.98;color:#092b50}.dpi-copy h2{font-size:clamp(1.8rem,3vw,2.55rem);line-height:1.05;margin:12px 0 18px;color:#102844}.dpi-copy>p{font-size:1.12rem;line-height:1.55;color:#405b75;max-width:580px}.dpi-actions{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0}.dpi-btn,.dpi-btn-outline{display:inline-block;padding:15px 22px;border-radius:13px;text-decoration:none;font-weight:900}.dpi-btn{background:#0782e7;color:#fff!important;box-shadow:0 10px 22px rgba(7,130,231,.2)}.dpi-btn-outline{border:2px solid #0782e7;color:#102844;background:#fff}.dpi-trust{display:flex;gap:30px;margin-top:28px}.dpi-trust span{display:flex;align-items:center;gap:8px;font-size:1.5rem}.dpi-trust b{font-size:.78rem;line-height:1.2}.dpi-visual{height:540px;position:relative}.dpi-visual>img{position:absolute;left:4%;bottom:0;width:60%;height:90%;object-fit:cover;object-position:center;border-radius:45% 45% 0 0;filter:saturate(1.03)}.dpi-phone{position:absolute;right:5%;top:35px;width:205px;height:390px;background:#fff;border:8px solid #101722;border-radius:32px;box-shadow:0 24px 55px rgba(11,40,68,.25);padding:22px 15px;display:flex;flex-direction:column;z-index:3;transform:rotate(4deg)}.dpi-phone small{font-weight:900}.dpi-avatar{height:100px;margin:15px 0 8px;background:#e9f5ff;border-radius:14px;display:grid;place-items:center;color:#0782e7;font-weight:950}.dpi-phone strong{font-size:1.2rem}.dpi-phone>span{font-size:.72rem;color:#5b6d82;margin-bottom:10px}.dpi-phone i{font-style:normal;background:#f4f8fb;border-radius:6px;padding:7px;margin:3px 0;font-size:.68rem}.dpi-id{position:absolute;right:0;bottom:24px;width:285px;height:150px;background:#fff;border-radius:17px;box-shadow:0 18px 38px rgba(11,40,68,.22);padding:17px 20px;z-index:4;transform:rotate(-5deg);border-bottom:18px solid #0782e7}.dpi-id b,.dpi-id small,.dpi-id strong,.dpi-id span,.dpi-id em{display:block}.dpi-id small{font-size:.62rem;margin-top:8px}.dpi-id strong{font-size:1.25rem}.dpi-id span,.dpi-id em{font-size:.65rem}.dpi-id em{font-style:normal;text-align:right}.dpi-qr{position:absolute;right:20px;top:48px;font-size:3.8rem;line-height:1}.dpi-about{padding:30px 0 20px}.dpi-about h2,.dpi-how h2,.dpi-more h2,.dpi-faq h2{font-size:2.25rem;margin:0 0 8px;color:#102844}.dpi-about>.dpi-wrap>p{max-width:850px;color:#405b75;line-height:1.6}.dpi-benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:26px}.dpi-benefits article{border:1px solid #dce8f1;border-radius:16px;padding:24px;text-align:center;box-shadow:0 8px 22px rgba(16,40,68,.05)}.dpi-benefits span{display:grid;place-items:center;margin:0 auto 10px;width:58px;height:58px;border-radius:50%;background:#0782e7;color:#fff;font-size:1.5rem}.dpi-benefits article:nth-child(2) span{background:#17a56e}.dpi-benefits article:nth-child(3) span{background:#ff762c}.dpi-benefits article:nth-child(4) span{background:#7a42b5}.dpi-benefits h3{margin:8px 0}.dpi-benefits p{color:#405b75;line-height:1.45;margin:0}.dpi-how{background:#edf8ff;padding:28px 0 36px;text-align:center}.dpi-center{margin:0 0 24px;color:#405b75}.dpi-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.dpi-steps article{position:relative;background:#fff;border-radius:14px;padding:25px 20px 20px}.dpi-steps b{position:absolute;top:-14px;left:50%;transform:translateX(-50%);width:32px;height:32px;border-radius:50%;background:#0782e7;color:#fff;display:grid;place-items:center}.dpi-steps span{font-size:2rem}.dpi-steps h3{margin:8px 0}.dpi-steps p{color:#405b75;line-height:1.45;margin:0}.dpi-more{padding:36px 0}.dpi-more-grid{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:center}.dpi-family{position:relative}.dpi-family img{width:100%;height:300px;object-fit:cover;border-radius:18px}.dpi-family strong{position:absolute;left:25px;top:22px;color:#fff;font-size:1.6rem;font-style:italic;text-shadow:0 2px 6px rgba(0,0,0,.45)}.dpi-point{display:grid;grid-template-columns:44px 1fr;gap:12px;margin:18px 0}.dpi-point>span{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#0782e7;color:#fff;font-weight:900}.dpi-point h3{margin:0 0 5px}.dpi-point p{margin:0;color:#405b75;line-height:1.45}.dpi-faq{padding:0 0 34px}.dpi-faq h2{text-align:center}.dpi-faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 16px;margin-top:20px}.dpi-faq details{border:1px solid #dce8f1;border-radius:12px;padding:0 16px}.dpi-faq summary{padding:15px 0;font-weight:850;cursor:pointer}.dpi-faq details p{color:#405b75;line-height:1.5;margin:0 0 15px}.dpi-cta{padding:0 0 36px}.dpi-cta>.dpi-wrap{background:linear-gradient(120deg,#092b50,#076da9);color:#fff;border-radius:16px;padding:28px 42px;display:flex;justify-content:space-between;align-items:center;gap:30px}.dpi-cta small{color:#64c6ff;font-weight:900;letter-spacing:.12em}.dpi-cta h2{color:#fff;margin:5px 0;font-size:2.1rem}.dpi-cta p{margin:0;color:#e1eef7}.dpi-cta>div>div:last-child{text-align:center}.dpi-cta span{display:block;font-size:.7rem;margin-top:8px;color:#d7e9f5}
@media(max-width:900px){.dpi-hero-grid{grid-template-columns:1fr}.dpi-copy{text-align:center}.dpi-copy>p{margin-left:auto;margin-right:auto}.dpi-actions,.dpi-trust{justify-content:center}.dpi-visual{height:500px}.dpi-benefits,.dpi-steps{grid-template-columns:1fr 1fr}.dpi-more-grid{grid-template-columns:1fr}.dpi-cta>.dpi-wrap{flex-direction:column;text-align:center}}@media(max-width:600px){.dpi-wrap{width:min(100% - 28px,1180px)}.dpi h1{font-size:3.2rem}.dpi-trust{gap:14px}.dpi-visual{height:420px}.dpi-visual>img{left:0;width:70%}.dpi-phone{right:0;transform:scale(.8) rotate(4deg);transform-origin:top right}.dpi-id{right:0;transform:scale(.8) rotate(-5deg);transform-origin:bottom right}.dpi-benefits,.dpi-steps,.dpi-faq-grid{grid-template-columns:1fr}.dpi-family img{height:230px}.dpi-cta>.dpi-wrap{padding:28px 20px}}
\n/* Digital Pet ID live contrast + polish correction */
.dpi, .dpi section { opacity:1 !important; }
.dpi h1,.dpi h2,.dpi h3,.dpi strong,.dpi b,.dpi summary { color:#0b2948 !important; opacity:1 !important; }
.dpi .dpi-copy h1 { color:#082a4f !important; }
.dpi .dpi-copy h2 { color:#102844 !important; }
.dpi p,.dpi .dpi-center,.dpi .dpi-benefits p,.dpi .dpi-steps p,.dpi .dpi-point p,.dpi .dpi-faq details p { color:#405b75 !important; opacity:1 !important; }
.dpi .dpi-kicker { color:#0879d8 !important; opacity:1 !important; }
.dpi .dpi-btn { color:#fff !important; }
.dpi .dpi-trust b { color:#102844 !important; }
.dpi .dpi-benefits article,.dpi .dpi-steps article,.dpi .dpi-faq details { background:#fff !important; opacity:1 !important; }
.dpi .dpi-benefits h3,.dpi .dpi-steps h3,.dpi .dpi-point h3 { color:#102844 !important; opacity:1 !important; }
.dpi-about { padding:42px 0 34px; }
.dpi-how { padding:42px 0 46px; }
.dpi-more { padding:48px 0; }
.dpi-faq { padding:10px 0 42px; }
.dpi-family img { display:block; }
.dpi-phone,.dpi-id { color:#102844 !important; }
.dpi-phone i,.dpi-phone span,.dpi-id span,.dpi-id small,.dpi-id em { color:#405b75 !important; }
.dpi-cta h2,.dpi-cta p,.dpi-cta span { opacity:1 !important; }
.dpi-cta h2 { color:#fff !important; }
.dpi-cta p,.dpi-cta span { color:#e1eef7 !important; }

/* Approved Digital Pet ID hero composition — exact visual asset, no duplicate UI layers */
.dpi .dpi-visual{height:540px;position:relative;overflow:hidden;background:#f7fbfe}
.dpi .dpi-visual>img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center center!important;border-radius:0!important;filter:none!important;display:block!important}
.dpi .dpi-phone,.dpi .dpi-id{display:none!important}
@media(max-width:900px){
  .dpi .dpi-visual{height:500px}
  .dpi .dpi-visual>img{object-fit:cover!important;object-position:center center!important}
}
@media(max-width:600px){
  .dpi .dpi-visual{height:380px}
  .dpi .dpi-visual>img{object-position:42% center!important}
}

/* ============================================================
   DIGITAL PET ID — CONTRAST PASS
   Standalone .dpi page only
   ============================================================ */

/* WHAT IS A DIGITAL PET ID */
.dpi .dpi-about{
  background:
    radial-gradient(circle at 8% 10%,rgba(34,139,230,.13),transparent 30%),
    linear-gradient(180deg,#eaf6ff 0%,#f4faff 100%)!important;
  border-top:1px solid #d3e8f8;
  border-bottom:1px solid #d3e8f8;
}
.dpi .dpi-about h2{color:#082d55!important}
.dpi .dpi-about>.dpi-wrap>p{color:#365b7a!important}
.dpi .dpi-benefits article{
  background:#fff!important;
  border:1px solid #c9e0f2!important;
  box-shadow:0 12px 30px rgba(14,63,105,.10)!important;
}

/* HOW IT WORKS */
.dpi .dpi-how{
  background:
    radial-gradient(circle at 82% 0%,rgba(26,136,224,.18),transparent 31%),
    linear-gradient(135deg,#cfeaff 0%,#e6f5ff 52%,#d8efff 100%)!important;
  border-bottom:1px solid #bedff4;
}
.dpi .dpi-how h2{color:#082d55!important}
.dpi .dpi-how .dpi-center{color:#3e6381!important}
.dpi .dpi-steps article{
  background:#fff!important;
  border:1px solid #bcdcf1!important;
  box-shadow:0 12px 28px rgba(13,69,111,.10)!important;
}

/* MORE ABOUT DIGITAL PET ID — MAIN CONTRAST BREAK */
.dpi .dpi-more{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 8% 45%,rgba(25,139,225,.22),transparent 31%),
    radial-gradient(circle at 94% 5%,rgba(55,166,242,.15),transparent 29%),
    linear-gradient(125deg,#06172d 0%,#0a2e54 55%,#0b4774 100%)!important;
  color:#fff!important;
}
.dpi .dpi-more h2,
.dpi .dpi-more h3{color:#fff!important}
.dpi .dpi-more p{color:#c8dced!important}
.dpi .dpi-family img{
  border-radius:22px!important;
  border:1px solid rgba(255,255,255,.18)!important;
  box-shadow:0 25px 60px rgba(0,0,0,.32)!important;
}
.dpi .dpi-point{
  padding:16px 18px!important;
  margin-bottom:10px!important;
  border-radius:17px!important;
  background:rgba(255,255,255,.06)!important;
  border:1px solid rgba(255,255,255,.09)!important;
}
.dpi .dpi-point>span{
  background:#168be7!important;
  color:#fff!important;
  box-shadow:0 7px 18px rgba(0,0,0,.18)!important;
}

/* FAQ */
.dpi .dpi-faq{
  background:linear-gradient(180deg,#eaf4fb 0%,#f5faff 100%)!important;
  border-top:1px solid #d0e4f2;
}
.dpi .dpi-faq h2{color:#082d55!important}
.dpi .dpi-faq details{
  background:#fff!important;
  border:1px solid #c9ddea!important;
  box-shadow:0 8px 22px rgba(17,62,98,.07)!important;
}
.dpi .dpi-faq details[open]{
  border-color:#77bfea!important;
  box-shadow:0 12px 28px rgba(18,88,140,.11)!important;
}
.dpi .dpi-faq summary{color:#092b4d!important}
.dpi .dpi-faq details p{color:#45647d!important}

/* BOTTOM CTA */
.dpi .dpi-cta{
  background:#eef6fc!important;
  padding-top:0!important;
}
.dpi .dpi-cta .dpi-wrap{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 90% 0%,rgba(75,180,255,.32),transparent 38%),
    linear-gradient(115deg,#062d58 0%,#07568e 55%,#0786c7 100%)!important;
  box-shadow:0 20px 48px rgba(8,53,91,.20)!important;
}
.dpi .dpi-cta .dpi-wrap:after{
  content:"🐾";
  position:absolute;
  right:30px;
  bottom:-48px;
  font-size:155px;
  opacity:.055;
  transform:rotate(-15deg);
  pointer-events:none;
}

/* MOBILE */
@media(max-width:760px){
  .dpi .dpi-more-grid{gap:34px!important}
  .dpi .dpi-point{padding:14px!important}
}

