.pd-page {
    --pd-color-one: #93c17e;
    --pd-color-one-100: #e6fcea;
    --pd-color-one-300: #99df7a;
    --pd-color-one-700: #779e65;
    --pd-color-two: #62adb7;
    --pd-color-two-600: #178391;
    --pd-color-two-900: #01313d;
    --pd-color-four: #01313d;
    --pd-color-five: #f4f6f9;
    --pd-text-color: #444242;
    --pd-text-muted: #5c6b73;
    --pd-text-soft: #7a8a96;
    --pd-shadow: 0 10px 30px rgba(17,24,39,.06);
    font-family: Lato, Arial, Helvetica, sans-serif;
    color: var(--pd-text-color);
    line-height: 1.6;
}

.pd-page * { box-sizing: border-box; }
.pd-page a { text-decoration: none; color: inherit; }
.pd-page .container { --bs-gutter-x: 32px; max-width: 1212px; }

.pd-page h1, .pd-page h2, .pd-page h3, .pd-page h4 { line-height: 1.1; margin: 0 0 16px; font-weight: 900; }
.pd-page h1 { font-size: clamp(34px, 5vw, 52px); color: #fff; letter-spacing: -1px; }
.pd-page h2, .pd-page .pd-title { font-size: clamp(28px, 4vw, 40px); color: var(--pd-color-two); }
.pd-page h3 { font-size: 20px; color: var(--pd-color-four); }
.pd-page h4 { font-size: 17px; color: var(--pd-color-four); }
.pd-page p { margin: 0 0 16px; }
.pd-page .pd-lead { font-size: 20px; max-width: 760px; }
.pd-page .pd-micro { font-size: 14px; color: rgba(255,255,255,.75); }
.pd-page .pd-inline-link { color: var(--pd-color-two-600); font-weight: 700; text-decoration: underline; }
.pd-page .pd-inline-link:hover { color: var(--pd-color-two-900); }

.pd-page .pd-pill { display: inline-flex; gap: 8px; align-items: center; background: rgba(255,255,255,.12); border: 1px solid rgba(255,255,255,.22); color: #fff; border-radius: 999px; padding: 8px 14px; font-size: 14px; font-weight: 900; margin-bottom: 18px; }
.pd-page .pd-pill-soft, .pd-page .pd-section-head .pd-pill { background: var(--pd-color-one-100); color: var(--pd-color-one-700); border: 1px solid var(--pd-color-one-300); }
.pd-page .pd-pill-dot { width: 9px; height: 9px; border-radius: 50%; background: var(--pd-color-one-300); box-shadow: 0 0 0 6px rgba(153,223,122,.25); }

.pd-page .pd-btn { display: inline-flex; min-height: 54px; align-items: center; justify-content: center; border-radius: 12px; font-weight: 900; padding: 14px 26px; text-transform: uppercase; font-size: 14px; transition: 300ms all; text-align: center; }
.pd-page .pd-btn-primary { background: var(--pd-color-one); color: #fff; }
.pd-page .pd-btn-primary:hover { background: var(--pd-color-one-300); color: #fff; }
.pd-page .pd-btn-light { background: rgba(255,255,255,.12); color: #fff; border: 1px solid rgba(255,255,255,.3); }
.pd-page .pd-actions { display: flex; gap: 14px; flex-wrap: wrap; margin: 28px 0 14px; }

.pd-page .pd-hero { width: 95%; margin: 24px auto; border-radius: 2.6rem; padding: 56px 40px; background: linear-gradient(135deg, var(--pd-color-two-900) 0%, var(--pd-color-two-600) 100%); color: #fff; overflow: hidden; }
.pd-page .pd-hero p { color: rgba(255,255,255,.9); }
.pd-page .pd-hero .pd-micro { color: rgba(255,255,255,.75); }
.pd-page .pd-hero h2 { color: #fff; font-size: clamp(20px, 2.6vw, 28px); margin-bottom: 14px; }
.pd-page .pd-breadcrumb { font-size: 13px; color: rgba(255,255,255,.7); font-weight: 700; margin-bottom: 22px; }
.pd-page .pd-breadcrumb a { color: #fff; }
.pd-page .pd-hero-media { position: relative; min-height: 520px; display: flex; align-items: center; justify-content: center; }
.pd-page .pd-hero-photo { width: 100%; max-width: 580px; height: auto; max-height: 560px; border-radius: 28px; box-shadow: 0 22px 60px rgba(0,0,0,.22); object-fit: cover; object-position: center 20%; }

.pd-page .pd-section { padding: 70px 0; }
.pd-page .pd-section-soft { background: var(--pd-color-five); }
.pd-page .pd-section-head { max-width: 830px; margin: 0 auto 36px; text-align: center; }
.pd-page .pd-section-head h2, .pd-page .pd-section-head .pd-title { margin-bottom: 14px; }
.pd-page .pd-section-head .pd-lead { margin: 0 auto; color: var(--pd-text-muted); }
.pd-page .pd-subtitle { text-align: center; margin: 0 0 8px; }
.pd-page .pd-subtitle + p { text-align: center; color: var(--pd-text-muted); margin-bottom: 26px; }
.pd-page .pd-center { max-width: 830px; margin: 36px auto 0; text-align: center; }
.pd-page .pd-center p { color: var(--pd-text-muted); }
.pd-page .pd-center .pd-link { display: block; margin-top: 18px; color: var(--pd-color-two-600); font-weight: 800; text-decoration: underline; }
.pd-page .pd-note { text-align: center; color: var(--pd-text-muted); max-width: 760px; margin: 26px auto 0; font-weight: 700; }

.pd-page .pd-card, .pd-page .pd-step, .pd-page .pd-tile, .pd-page .pd-feature, .pd-page .pd-faq details { background: #fff; border-radius: 20px; box-shadow: var(--pd-shadow); }
.pd-page .pd-card { padding: 28px; }
.pd-page .pd-card p:last-child { margin-bottom: 0; }
.pd-page .pd-card-panel { height: 100%; display: flex; flex-direction: column; justify-content: center; padding: 36px; }
.pd-page .pd-card-panel h3 { margin-bottom: 20px; }
.pd-page .pd-card-panel .pd-checklist { gap: 18px; margin-top: 0; }
.pd-page .pd-card-panel .pd-checklist div { font-size: 15px; line-height: 1.45; }
.pd-page .pd-card-panel .pd-check { margin-top: 1px; }
.pd-page .pd-card-accent { background: linear-gradient(135deg, var(--pd-color-one-100), #fff); }
.pd-page .pd-card-foot { margin: 20px 0 0; font-size: 13px; color: var(--pd-text-soft); }
.pd-page .pd-card-foot a { color: var(--pd-color-two-600); font-weight: 700; text-decoration: underline; }

.pd-page .pd-icon { width: 42px; height: 42px; border-radius: 14px; background: var(--pd-color-one-100); color: var(--pd-color-one-700); display: grid; place-items: center; font-weight: 900; margin-bottom: 13px; font-size: 18px; }

.pd-page .pd-checklist { display: grid; gap: 13px; margin-top: 18px; }
.pd-page .pd-checklist div { display: flex; gap: 10px; align-items: flex-start; font-weight: 700; color: #384a4f; }
.pd-page .pd-check { flex: 0 0 24px; width: 24px; height: 24px; border-radius: 50%; display: grid; place-items: center; background: var(--pd-color-one-100); color: var(--pd-color-one-700); font-weight: 900; }

.pd-page .pd-step { height: 100%; padding: 18px; min-height: 150px; }
.pd-page .pd-step-num { width: 38px; height: 38px; border-radius: 12px; background: var(--pd-color-two); color: #fff; display: grid; place-items: center; font-weight: 900; margin-bottom: 16px; }
.pd-page .pd-step strong { display: block; margin-bottom: 8px; color: var(--pd-color-four); }
.pd-page .pd-step span { color: var(--pd-text-soft); font-size: 14px; }

.pd-page .pd-tile { height: 100%; padding: 22px; position: relative; overflow: hidden; }
.pd-page .pd-tile:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 5px; background: linear-gradient(90deg, var(--pd-color-two), var(--pd-color-one)); }
.pd-page .pd-tile strong, .pd-page .pd-tile h4, .pd-page .pd-tile-title { display: block; margin-bottom: 8px; color: var(--pd-color-four); }
.pd-page .pd-tile-title { font-size: 17px; }
.pd-page .pd-tile p, .pd-page .pd-tile span { color: var(--pd-text-soft); font-size: 14px; }
.pd-page .pd-tile p { margin: 0 0 10px; }
.pd-page .pd-tile p:last-child { margin-bottom: 0; }
.pd-page .pd-tile-urgent:before { background: linear-gradient(90deg, #e0a03a, #c94f4f); }
.pd-page .pd-tile-note { background: linear-gradient(135deg, var(--pd-color-one-100), #fff); display: flex; align-items: center; }
.pd-page .pd-tile-note:before { display: none; }
.pd-page .pd-tile-note p { color: #384a4f; font-weight: 700; font-size: 15px; }

.pd-page .pd-features { display: grid; gap: 12px; }
.pd-page .pd-feature { display: flex; gap: 14px; align-items: flex-start; padding: 14px 16px; border-radius: 16px; }
.pd-page .pd-feature .pd-icon { margin: 0; flex: 0 0 42px; }
.pd-page .pd-feature h3 { font-size: 16px; margin: 0 0 3px; }
.pd-page .pd-feature span { display: block; color: var(--pd-text-soft); font-size: 14px; }

.pd-page .pd-faq { display: grid; gap: 14px; margin-top: 10px; }
.pd-page .pd-faq details { padding: 20px 22px; }
.pd-page .pd-faq summary { cursor: pointer; font-weight: 900; font-size: 16px; list-style: none; position: relative; padding-right: 30px; color: var(--pd-color-four); }
.pd-page .pd-faq summary h3 { display: inline; font-size: 16px; margin: 0; color: inherit; }
.pd-page .pd-faq summary::-webkit-details-marker { display: none; }
.pd-page .pd-faq summary:after { content: "+"; position: absolute; right: 0; top: -4px; color: var(--pd-color-two); font-size: 24px; }
.pd-page .pd-faq details[open] summary:after { content: "\2212"; }
.pd-page .pd-faq details p { margin-top: 14px; margin-bottom: 0; color: var(--pd-text-muted); }

.pd-page .pd-quotes { display: grid; gap: 24px; }
.pd-page .pd-quote { padding: 32px 36px 28px; background: #fff; border-left: 5px solid var(--pd-color-one); border-radius: 8px 20px 20px 8px; box-shadow: var(--pd-shadow); }
.pd-page .pd-quote-text { font-style: italic; color: var(--pd-text-muted); font-size: 15px; margin-bottom: 20px; position: relative; line-height: 1.6; max-width: 980px; }
.pd-page .pd-quote-text::before { content: '"'; font-size: 38px; color: var(--pd-color-one-300); position: absolute; left: -14px; top: -12px; font-family: Georgia, serif; opacity: .5; }
.pd-page .pd-quote-author { display: flex; align-items: center; gap: 12px; }
.pd-page .pd-quote-avatar { width: 42px; height: 42px; border-radius: 50%; background: var(--pd-color-one-100); color: var(--pd-color-one-700); display: grid; place-items: center; font-weight: 900; font-size: 15px; flex-shrink: 0; }
.pd-page .pd-quote-info strong { display: block; color: var(--pd-color-four); font-size: 14px; line-height: 1.2; margin-bottom: 2px; }
.pd-page .pd-quote-info span { color: var(--pd-text-soft); font-size: 12px; display: block; }

.pd-page .pd-links { position: relative; padding: 44px; border-radius: 2rem; background: linear-gradient(135deg, var(--pd-color-one-100) 0%, #fff 60%); border: 2px solid var(--pd-color-one-300); box-shadow: 0 18px 50px rgba(17,24,39,.08); }
.pd-page .pd-links-head { max-width: 760px; margin-bottom: 28px; }
.pd-page .pd-links-head p { color: var(--pd-text-muted); margin: 0; }
.pd-page .pd-link-card { height: 100%; display: flex; flex-direction: column; gap: 10px; position: relative; padding: 20px 20px 46px; background: #fff; border: 1px solid #e3e8ec; border-radius: 18px; transition: 250ms all; }
.pd-page .pd-link-card .pd-icon { margin: 0; }
.pd-page .pd-link-text strong { display: block; color: var(--pd-color-four); font-size: 17px; margin-bottom: 4px; }
.pd-page .pd-link-text span { display: block; color: var(--pd-text-soft); font-size: 14px; line-height: 1.45; }
.pd-page .pd-link-arrow { position: absolute; left: 20px; bottom: 16px; color: var(--pd-color-two-600); font-size: 18px; transition: 250ms transform; }
.pd-page .pd-link-card:hover { border-color: var(--pd-color-two); transform: translateY(-3px); box-shadow: 0 14px 34px rgba(1,49,61,.12); }
.pd-page .pd-link-card:hover .pd-link-arrow { transform: translateX(6px); }
.pd-page .pd-link-card-all { background: linear-gradient(135deg, var(--pd-color-two-900) 0%, var(--pd-color-two-600) 100%); border-color: transparent; }
.pd-page .pd-link-card-all .pd-icon { background: rgba(255,255,255,.15); color: #fff; }
.pd-page .pd-link-card-all .pd-link-text strong, .pd-page .pd-link-card-all .pd-link-text span, .pd-page .pd-link-card-all .pd-link-arrow { color: #fff; }
.pd-page .pd-links-foot { display: flex; gap: 10px; align-items: flex-start; margin: 24px 0 0; font-weight: 700; color: #384a4f; }
.pd-page .pd-links-foot i { color: var(--pd-color-two-600); }

.pd-page .pd-cta { width: 95%; margin: 0 auto; border-radius: 2.6rem; padding: 54px 34px; text-align: center; color: #fff; background: linear-gradient(135deg, var(--pd-color-two-900) 0%, var(--pd-color-two-600) 100%); }
.pd-page .pd-cta h2, .pd-page .pd-cta p { color: #fff; }
.pd-page .pd-cta p { max-width: 760px; margin-left: auto; margin-right: auto; }
.pd-page .pd-cta .pd-micro { margin-top: 18px; color: rgba(255,255,255,.8); }
.pd-page .pd-cta .pd-btn { background: var(--pd-color-one); color: #fff; margin-top: 10px; }

.pd-page .pd-sticky-cta { display: none; position: fixed; left: 0; right: 0; bottom: 0; z-index: 80; padding: 12px 16px; background: rgba(255,255,255,.97); border-top: 1px solid var(--pd-color-five); }
.pd-page .pd-sticky-cta a { width: 100%; }

.pd-page .pd-sources { padding: 26px 0 40px; font-size: 13px; color: var(--pd-text-soft); }
.pd-page .pd-sources strong { display: block; margin-bottom: 8px; color: var(--pd-text-muted); }
.pd-page .pd-sources ul { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px 22px; }
.pd-page .pd-sources a { color: var(--pd-text-soft); text-decoration: underline; }
.pd-page .pd-sources a:hover { color: var(--pd-color-two-600); }
.pd-page .pd-review { margin: 18px 0 0; padding-top: 14px; border-top: 1px solid #e3e8ec; line-height: 1.7; }
.pd-page .pd-review strong { display: inline; margin: 0; color: var(--pd-text-muted); }

@media (min-width: 992px) {
    .pd-page .pd-hero-text { flex: 0 0 auto; width: 52.5%; }
    .pd-page .pd-hero-aside { flex: 0 0 auto; width: 47.5%; }
}
@media (max-width: 991.98px) {
    .pd-page .pd-hero-media { min-height: 480px; }
}
@media (max-width: 767.98px) {
    .pd-page { padding-bottom: 78px; }
    .pd-page .pd-hero { padding: 36px 20px; width: 100%; border-radius: 1.5rem; margin: 0; }
    .pd-page .pd-section { padding: 48px 0; }
    .pd-page .pd-actions { flex-direction: column; gap: 12px; }
    .pd-page .pd-actions .pd-btn { width: 100%; min-height: 50px; padding: 12px 18px; }
    .pd-page .pd-hero-media { min-height: auto; padding-top: 20px; flex-direction: column; }
    .pd-page .pd-quote { padding: 24px 20px 22px; }
    .pd-page .pd-links { padding: 28px 18px; border-radius: 1.5rem; }
    .pd-page .pd-sticky-cta { display: block; }
}