#pavk-wrapper { --pavk-bg: #f6f8fb; --pavk-card: rgba(255, 255, 255, 0.88); --pavk-border: #d8e1e8; --pavk-text: #111827; --pavk-muted: #536270; --pavk-primary: #1f5fbf; --pavk-primary-dark: #17498f; --pavk-accent: #0f766e; --pavk-soft: #edf6ff; --pavk-alert: #b42318; color: var(--pavk-text); background: linear-gradient(180deg, #ffffff 0%, var(--pavk-bg) 100%); border: 1px solid var(--pavk-border); border-radius: 18px; box-shadow: rgba(17, 24, 39, 0.08) 0px 24px 80px; font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; line-height: 1.6; margin: 24px auto; max-width: 1120px; overflow: hidden; position: relative; }
#pavk-wrapper *, #pavk-wrapper ::before, #pavk-wrapper ::after { box-sizing: border-box; }
#pavk-wrapper h1, #pavk-wrapper h2, #pavk-wrapper h3, #pavk-wrapper p, #pavk-wrapper table, #pavk-wrapper ul { border: 0px; font-family: inherit; margin: 0px; padding: 0px; }
#pavk-wrapper button, #pavk-wrapper input { font: inherit; }
#pavk-wrapper a { color: var(--pavk-primary-dark); font-weight: 800; text-decoration-thickness: 2px; }
#pavk-wrapper .pavk-shell { display: grid; gap: clamp(20px, 3vw, 32px); padding: clamp(22px, 4vw, 48px); }
#pavk-wrapper .pavk-hero { align-items: center; display: grid; gap: 18px; grid-template-columns: minmax(0px, 1.2fr) minmax(240px, 0.8fr); text-align: left; }
#pavk-wrapper .sub-title, #pavk-wrapper .pavk-kicker { color: var(--pavk-primary); font-size: 0.82rem; font-weight: 850; letter-spacing: 0px; line-height: 1.25; text-transform: uppercase; }
#pavk-wrapper h1 { color: var(--pavk-text); font-size: clamp(2.15rem, 4vw, 3.55rem); font-weight: 850; letter-spacing: 0px; line-height: 1.04; margin: 8px 0px 14px; }
#pavk-wrapper .lead { color: var(--pavk-muted); font-size: clamp(1rem, 1.8vw, 1.18rem); line-height: 1.65; max-width: 68ch; }
#pavk-wrapper .pavk-image { aspect-ratio: 4 / 3; border-radius: 18px; box-shadow: rgba(17, 24, 39, 0.14) 0px 18px 48px; display: block; height: auto; object-fit: cover; object-position: center center; width: 100%; }
#pavk-wrapper .pavk-facts { display: flex; flex-wrap: wrap; gap: 10px; list-style: none; margin-top: 18px; }
#pavk-wrapper .pavk-facts li { align-items: center; background: var(--pavk-soft); border: 1px solid rgb(200, 217, 238); border-radius: 999px; color: var(--pavk-primary-dark); display: inline-flex; font-size: 0.93rem; font-weight: 750; min-height: 36px; padding: 7px 12px; }
#pavk-wrapper .pavk-layout { align-items: start; display: grid; gap: 24px; grid-template-columns: minmax(0px, 1fr) 320px; }
#pavk-wrapper .glass-card, #pavk-wrapper .pavk-side { background: var(--pavk-card); backdrop-filter: blur(18px); border: 1px solid var(--pavk-border); border-radius: 18px; }
#pavk-wrapper .glass-card { box-shadow: rgba(15, 23, 42, 0.08) 0px 18px 58px; overflow: hidden; }
#pavk-wrapper .card-body { padding: clamp(18px, 3vw, 30px); }
#pavk-wrapper .glass-card h2, #pavk-wrapper .lead-form h3, #pavk-wrapper .result-box h3, #pavk-wrapper .pavk-side h2, #pavk-wrapper .pavk-side h3 { color: var(--pavk-text); font-size: 1.2rem; line-height: 1.25; margin: 0px 0px 12px; }
#pavk-wrapper .lead-muted, #pavk-wrapper .pavk-side p { color: var(--pavk-muted); line-height: 1.65; margin: 0px 0px 14px; }
#pavk-wrapper .card-header { background: rgb(248, 251, 253); border: 1px solid var(--pavk-border); border-radius: 14px; margin: 20px 0px 4px; padding: 14px; }
#pavk-wrapper .progress-area { align-items: center; display: flex; gap: 16px; justify-content: space-between; }
#pavk-wrapper .st-meta { color: var(--pavk-primary); font-size: 0.92rem; font-weight: 780; white-space: nowrap; }
#pavk-wrapper .bar-wrap { background: rgb(231, 237, 245); border-radius: 999px; flex: 1 1 0%; height: 8px; overflow: hidden; }
#pavk-wrapper .bar-fill { background: linear-gradient(90deg, var(--pavk-primary), var(--pavk-accent)); border-radius: inherit; display: block; height: 100%; transition: width 180ms; width: 0px; }
#pavk-wrapper .q { min-height: 330px; padding: 18px 0px 8px; }
#pavk-wrapper .q h3 { color: var(--pavk-text); font-size: 1.04rem; font-weight: 800; letter-spacing: 0px; line-height: 1.35; margin-bottom: 12px; }
#pavk-wrapper .st-opts { display: grid; gap: 10px; }
#pavk-wrapper .st-opt { position: relative; }
#pavk-wrapper .st-opt input { cursor: pointer; height: 100%; inset: 0px; opacity: 0; position: absolute; width: 100%; z-index: 2; }
#pavk-wrapper .st-opt label { align-items: center; background: rgb(251, 253, 252); border: 1px solid var(--pavk-border); border-radius: 14px; color: var(--pavk-text); cursor: pointer; display: flex; font-size: 0.98rem; font-weight: 720; line-height: 1.42; min-height: 54px; padding: 14px 16px; position: relative; transition: background-color 160ms, border-color 160ms, box-shadow 160ms; user-select: none; z-index: 1; }
#pavk-wrapper .st-opt:hover label { background: rgb(245, 249, 255); border-color: rgb(170, 196, 231); }
#pavk-wrapper .st-opt input:focus-visible + label { outline: rgba(31, 95, 191, 0.22) solid 3px; outline-offset: 2px; }
#pavk-wrapper .st-opt input:checked + label { background: var(--pavk-soft); border-color: var(--pavk-primary); box-shadow: 0 0 0 1px var(--pavk-primary); color: var(--pavk-primary-dark); }
#pavk-wrapper .actions { align-items: center; border-top: 1px solid var(--pavk-border); display: flex; flex-wrap: wrap; gap: 12px; justify-content: space-between; margin-top: 22px; padding-top: 22px; }
#pavk-wrapper button, #pavk-wrapper .btn-primary { align-items: center; border: 1px solid transparent; border-radius: 999px; cursor: pointer; display: inline-flex; font-weight: 850; justify-content: center; min-height: 46px; padding: 12px 18px; text-decoration: none; transition: background-color 160ms, border-color 160ms, box-shadow 160ms, color 160ms; }
#pavk-wrapper .btn-primary { background: var(--pavk-primary); box-shadow: rgba(31, 95, 191, 0.22) 0px 10px 24px; color: rgb(255, 255, 255); }
#pavk-wrapper .btn-primary:hover, #pavk-wrapper .btn-primary:focus-visible { background: var(--pavk-primary-dark); color: rgb(255, 255, 255); }
#pavk-wrapper .btn-ghost { background: rgba(255, 255, 255, 0.84); border-color: var(--pavk-border); color: var(--pavk-primary-dark); }
#pavk-wrapper .btn-ghost:hover, #pavk-wrapper .btn-ghost:focus-visible { background: rgb(255, 255, 255); border-color: rgb(170, 196, 231); }
#pavk-wrapper .btn-ghost:disabled, #pavk-wrapper button:disabled { cursor: not-allowed; opacity: 0.5; }
#pavk-wrapper .lead-form, #pavk-wrapper .result-box { display: none; margin-top: 24px; }
#pavk-wrapper .pavk-form-grid { display: grid; gap: 14px; grid-template-columns: repeat(2, minmax(0px, 1fr)); margin: 18px 0px; }
#pavk-wrapper .form-group { display: grid; gap: 7px; text-align: left; }
#pavk-wrapper .form-label { color: var(--pavk-text); display: block; font-size: 0.95rem; font-weight: 760; }
#pavk-wrapper .form-input { appearance: none; background: rgba(255, 255, 255, 0.94); border: 1px solid var(--pavk-border); border-radius: 16px; color: var(--pavk-text); min-height: 48px; outline: 0px; padding: 11px 13px; width: 100%; }
#pavk-wrapper .form-input:focus { border-color: var(--pavk-primary); box-shadow: rgba(31, 95, 191, 0.13) 0px 0px 0px 3px; }
#pavk-wrapper .checkbox-group { align-items: flex-start; background: rgba(255, 255, 255, 0.9); border: 1px solid var(--pavk-border); border-radius: 18px; display: flex; gap: 12px; padding: 15px 16px; }
#pavk-wrapper .checkbox-group input { accent-color: var(--pavk-primary); flex: 0 0 auto; height: 18px; margin-top: 4px; width: 18px; }
#pavk-wrapper .checkbox-group label { color: var(--pavk-muted); font-size: 0.92rem; line-height: 1.5; }
#pavk-wrapper .pavk-honeypot { clip: rect(0px, 0px, 0px, 0px); clip-path: inset(50%); height: 1px; overflow: hidden; position: absolute; white-space: nowrap; width: 1px; }
#pavk-wrapper .result-box { background: rgb(255, 255, 255); border: 1px solid var(--pavk-border); border-radius: 18px; padding: clamp(18px, 3vw, 28px); }
@keyframes spin { 
  100% { transform: rotate(360deg); }
}
#pavk-wrapper .footer-note { border-top: 1px solid var(--pavk-border); color: var(--pavk-muted); font-size: 0.85rem; line-height: 1.5; margin-top: 20px; padding-top: 14px; }
#pavk-wrapper .pavk-side { display: grid; gap: 18px; padding: 22px; }
#pavk-wrapper .pavk-care-note { background: rgb(241, 247, 251); border-top: 1px solid rgb(207, 224, 234); border-right: 1px solid rgb(207, 224, 234); border-bottom: 1px solid rgb(207, 224, 234); border-image: none; border-left: 5px solid var(--pavk-primary); border-radius: 12px; padding: 14px 16px; }
#pavk-wrapper .pavk-care-note strong { color: var(--pavk-primary); display: block; font-weight: 850; margin-bottom: 4px; }
#pavk-wrapper .pavk-link-list { display: grid; gap: 10px; list-style: none; }
#pavk-wrapper .pavk-note { border-top: 1px solid var(--pavk-border); color: var(--pavk-muted); font-size: 0.9rem; line-height: 1.6; padding-top: 14px; }
@media (max-width: 920px) {#pavk-wrapper .pavk-hero, #pavk-wrapper .pavk-layout { grid-template-columns: 1fr; }
#pavk-wrapper .pavk-side { order: 2; }}
@media (max-width: 640px) {#pavk-wrapper { border-left: 0px; border-right: 0px; border-radius: 0px; margin: 0px -10px 24px; }
#pavk-wrapper .pavk-shell { padding: 28px 14px 34px; }
#pavk-wrapper .pavk-form-grid { grid-template-columns: 1fr; }
#pavk-wrapper .actions, #pavk-wrapper button, #pavk-wrapper .btn-primary, #pavk-wrapper .btn-ghost { width: 100%; }
#pavk-wrapper .q { min-height: 300px; }}
@media print {body > * { display: none !important; }
body { background: rgb(255, 255, 255) !important; }
#pavk-wrapper { border: 0px; box-shadow: none; left: 0px; margin: 0px; max-width: none; padding: 0px; position: absolute; top: 0px; width: 100%; background: rgb(255, 255, 255) !important; display: block !important; }
#pavk-wrapper .intro-area, #pavk-wrapper .actions, #pavk-wrapper .card-header, #pavk-wrapper .footer-note, #pavk-wrapper .pavk-side { display: none !important; }
#pavk-wrapper .glass-card, #pavk-wrapper .result-box { border: 0px; box-shadow: none; max-width: 100%; }
#pavk-wrapper .result-box { display: block !important; }}