@import url('/styles-v4.css');

html,body,#app{width:100%;max-width:100%;overflow-x:hidden}.page,.assessment-page,.result-page,.assessment-shell,.assessment-main,.question-card,.option-list,.option,.report,.report-grid,.report-card,.booking-card{min-width:0;max-width:100%}img,svg{max-width:100%}.question-card h1,.question-help,.option span,.dimension-label,.insight p,.report-card p,.booking-card p{overflow-wrap:anywhere}.question-meta{justify-content:flex-start}.validation-note:empty{display:none}

@media(max-width:1000px){.assessment-side{position:sticky;top:0;z-index:10}.dimension-rail{overflow:hidden}.assessment-main{width:100%}.question-card{width:100%}.result-hero,.report-grid,.radar-layout{min-width:0}}

@media(max-width:700px){body{font-size:16px;line-height:1.6}.site-header{gap:10px}.header-meta{font-size:12px}.assessment-side{padding:12px 10px}.dimension-rail{gap:6px}.dimension-rail b{width:28px;height:28px;font-size:11px}.assessment-main{padding:14px 10px 32px}.assessment-top{min-height:46px;padding:10px 12px}.assessment-count{font-size:13px}.save-state{font-size:12px}.save-state:before{width:8px;height:8px}.progress-track{height:6px;margin:10px 2px 16px}.question-card{padding:22px 15px 18px;border-radius:17px}.question-meta{margin-bottom:12px}.dimension-pill{font-size:11px;line-height:1.4;letter-spacing:.05em}.question-card h1{margin-bottom:10px;font-size:25px;line-height:1.42;letter-spacing:-.03em}.question-help{margin-bottom:18px;font-size:13px;line-height:1.55}.option-list{gap:10px}.option{grid-template-columns:34px minmax(0,1fr) 22px;gap:11px;min-height:58px;padding:12px 11px;border-radius:12px}.option span:nth-child(2){font-size:15px;line-height:1.55}.option-key{width:32px;height:32px;font-size:13px}.option-mark{width:20px;height:20px}.option.selected .option-mark:after{left:6px;top:3px}.question-actions{gap:10px;margin:22px -15px -18px;padding:14px 15px}.back-btn,.next-btn{min-height:48px;font-size:15px}.back-btn{padding:8px}.next-btn{min-width:128px;padding:0 16px}.validation-note{font-size:14px;line-height:1.5}.hero h1{font-size:38px;line-height:1.2}.hero-copy{font-size:16px;line-height:1.7}.hero-note{font-size:14px}.panel-head h2{font-size:25px}.panel-label{font-size:11px}.panel-stat span{font-size:9px}.welcome-head h1{font-size:32px;line-height:1.3}.welcome-head p{font-size:15px;line-height:1.65}.instruction b{font-size:15px}.instruction p,.notice{font-size:14px}.welcome-time{font-size:13px}.result-title{font-size:40px;line-height:1.2}.result-message{font-size:16px;line-height:1.65}.report-card h2{font-size:24px}.card-sub,.dimension-label,.dimension-score,.insight p,.report-cta p,.report-disclaimer{font-size:13px;line-height:1.55}.strength-chip{font-size:13px}.insight h3{font-size:14px}.report-cta h2{font-size:25px;line-height:1.3}.booking-card{width:calc(100% - 24px);margin:18px auto;padding:28px 18px}.booking-card h1{font-size:30px}.booking-card>p,.booking-help{font-size:14px}.field label{font-size:14px}.field input{height:52px;font-size:16px}.privacy-card p,.privacy-card li{font-size:15px;line-height:1.7}}

@media(max-width:420px){.container{width:calc(100% - 22px)}.brand img{width:136px}.header-meta span:last-child{display:none}.assessment-side{padding:10px 7px}.dimension-rail{gap:4px}.dimension-rail b{width:27px;height:27px}.assessment-main{padding-left:8px;padding-right:8px}.assessment-top{padding-left:10px;padding-right:10px}.question-card{padding-left:13px;padding-right:13px}.question-card h1{font-size:23px;line-height:1.43}.option{grid-template-columns:32px minmax(0,1fr) 20px;gap:9px;padding:11px 9px}.option span:nth-child(2){font-size:14px;line-height:1.55}.question-actions{margin-left:-13px;margin-right:-13px;padding-left:13px;padding-right:13px}.back-btn{font-size:14px}.next-btn{min-width:120px;font-size:14px}.hero h1{font-size:34px}.diagnostic-panel{padding-left:15px;padding-right:15px}.map-orbit{transform:scale(.9)}.report{width:calc(100% - 18px)}.report-card{padding:19px 15px}.result-header .site-header{padding-left:9px;padding-right:9px}.result-header .brand img{width:140px}.score-seal{width:148px;height:148px}.score-seal strong{font-size:52px}}

@media(min-width:701px){
  .brand-name,.header-meta,.site-footer,.kicker,.hero-note,.hero-note i,.panel-label,.panel-stat span,.map-core,.map-node,.side-intro .eyebrow,.side-intro p,.dimension-rail li,.dimension-rail b,.side-bottom,.assessment-count,.save-state,.dimension-pill,.question-type,.question-help,.option span:nth-child(2),.option-key,.validation-note,.instruction b,.instruction p,.notice,.welcome-time,.result-eyebrow,.score-seal span,.card-sub,.dimension-label,.dimension-score,.insight h3,.insight p,.strength-chip,.report-cta p,.report-disclaimer,.field label,.booking-help,.error,.confirmation{font-size:13px}
  .completion-wrap{min-height:calc(100vh - 170px);display:grid;place-items:center;padding:40px 0 80px}
  .completion-card{width:min(720px,100%);padding:56px 60px;text-align:center;border:1px solid var(--line);border-radius:24px;background:#fff;box-shadow:var(--shadow)}
  .completion-mark{width:76px;height:76px;margin:0 auto 22px;border-radius:50%;display:grid;place-items:center;background:var(--green);color:#fff;font-size:42px;font-weight:700;box-shadow:0 12px 28px rgba(49,170,85,.24)}
  .completion-card h1{margin-bottom:16px;font-size:38px;line-height:1.2;color:var(--navy-950)}
  .completion-card p:not(.kicker){color:var(--muted);font-size:16px;line-height:1.7}
  .completion-actions{display:flex;justify-content:center;gap:14px;margin-top:30px;flex-wrap:wrap}
}
@media(max-width:700px){
  .completion-wrap{min-height:calc(100vh - 140px);display:grid;place-items:center;padding:24px 0 50px}
  .completion-card{width:100%;padding:34px 20px;text-align:center;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:var(--shadow)}
  .completion-mark{width:68px;height:68px;margin:0 auto 20px;border-radius:50%;display:grid;place-items:center;background:var(--green);color:#fff;font-size:38px;font-weight:700}
  .completion-card h1{margin-bottom:14px;font-size:30px;line-height:1.28;color:var(--navy-950)}
  .completion-card p:not(.kicker){color:var(--muted);font-size:15px;line-height:1.65}
  .completion-actions{display:grid;gap:12px;margin-top:26px}
}
.pdf-report{min-height:100vh;padding:24px 0 56px;background:linear-gradient(135deg,#eaf1f3,#f7f5f1)}
.pdf-toolbar{width:min(210mm,calc(100% - 32px));margin:0 auto 18px;display:flex;justify-content:space-between;gap:12px}.pdf-toolbar .primary-btn,.pdf-toolbar .secondary-btn{min-height:44px}
.pdf-sheet{position:relative;width:210mm;min-height:297mm;margin:0 auto 24px;padding:22mm 20mm 18mm;overflow:hidden;background:#fff;color:#10243e;box-shadow:0 18px 55px rgba(7,31,61,.16);page-break-after:always}.pdf-sheet:last-child{page-break-after:auto}.pdf-brand{display:flex;align-items:center;gap:12px}.pdf-brand img{width:145px;height:auto}.pdf-brand span{padding-left:12px;border-left:1px solid #cbd9e0;color:#2d648c;font-size:10px;line-height:1.4;font-weight:700;letter-spacing:.12em}.pdf-kicker{margin-top:54mm;color:#f26822;font-size:11px;font-weight:700;letter-spacing:.16em}.pdf-sheet h1{margin:12px 0 12px;color:#071f3d;font-size:58px;line-height:.98;letter-spacing:-.06em}.pdf-sheet h1 em{color:#1769aa;font-style:normal}.pdf-lead{font-size:16px;color:#5b6c79}.pdf-score-row{display:grid;grid-template-columns:145px 1fr;gap:26px;align-items:center;margin:35px 0 28px}.pdf-score{width:138px;height:138px;display:grid;place-content:center;text-align:center;border-radius:50%;background:#f26822;color:#fff;box-shadow:0 15px 35px rgba(242,104,34,.3)}.pdf-score strong{display:block;font-size:48px;line-height:1}.pdf-score span{font-size:10px;letter-spacing:.08em;text-transform:uppercase}.pdf-level-label{margin-bottom:8px;color:#2b77ad;font-size:10px;font-weight:700;letter-spacing:.12em}.pdf-score-row h2{margin:0 0 8px;color:#071f3d;font-size:25px}.pdf-score-row p:last-child{margin:0;color:#61727e;font-size:14px;line-height:1.6}.pdf-callout{margin-top:28px;padding:20px 22px;border-left:4px solid #f26822;background:#fff5ed}.pdf-callout strong{color:#a64b1d;font-size:14px}.pdf-callout p{margin:8px 0 0;color:#4e6270;font-size:14px;line-height:1.65}.pdf-footer{position:absolute;right:20mm;bottom:13mm;left:20mm;display:flex;justify-content:space-between;padding-top:10px;border-top:1px solid #dce6ea;color:#71808a;font-size:10px}.pdf-page-head{display:flex;justify-content:space-between;margin-bottom:25mm;color:#34739b;font-size:10px;font-weight:700;letter-spacing:.13em}.pdf-sheet>h2{margin-bottom:10px;color:#071f3d;font-size:31px;letter-spacing:-.04em}.pdf-intro{max-width:145mm;color:#637582;font-size:14px;line-height:1.65}.pdf-dimensions{display:grid;grid-template-columns:1fr 1fr;gap:15px 25px;margin:25px 0 28px}.pdf-dimension>div:first-child{display:flex;justify-content:space-between;margin-bottom:7px;color:#203b51;font-size:13px}.pdf-dimension>div:first-child span{color:#1769aa;font-weight:700}.pdf-bar{height:8px;border-radius:8px;background:#e6eef1;overflow:hidden}.pdf-bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#1769aa,#31aa55)}.pdf-section-title{margin:20px 0 12px;color:#f26822;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.pdf-insights{display:grid;grid-template-columns:1fr 1fr;gap:12px}.pdf-insight{padding:15px;border:1px solid #dce6ea;border-radius:10px;background:#fbfcfc}.pdf-insight-head{display:flex;justify-content:space-between;gap:10px;color:#143653;font-size:13px}.pdf-insight-head b{color:#f26822}.pdf-insight p{margin:8px 0 0;color:#637582;font-size:12px;line-height:1.55}.pdf-priority-list{display:grid;gap:13px;margin:25px 0}.pdf-priority-list article{display:grid;grid-template-columns:42px 1fr;gap:14px;padding:15px;border-radius:10px;background:#f2f7f8}.pdf-priority-list article>span{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:#082f58;color:#fff;font-size:15px;font-weight:700}.pdf-priority-list h3{margin:0 0 5px;color:#163b59;font-size:15px}.pdf-priority-list p{margin:0;color:#637582;font-size:13px;line-height:1.55}.pdf-roadmap{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:24px}.pdf-roadmap>div{padding:14px;border-top:3px solid #1769aa;background:#f7fafb}.pdf-roadmap b{color:#1769aa;font-size:12px}.pdf-roadmap p{margin:7px 0 0;color:#637582;font-size:11px;line-height:1.5}.pdf-note{margin-top:20px;padding:15px 17px;background:#fff5ed;border-left:3px solid #f26822}.pdf-note strong{color:#a64b1d;font-size:13px}.pdf-note p{margin:6px 0 0;color:#637582;font-size:12px;line-height:1.55}
@media print{.pdf-report{padding:0;background:#fff}.pdf-toolbar{display:none!important}.pdf-sheet{width:210mm;height:297mm;min-height:297mm;margin:0;box-shadow:none}.no-print{display:none!important}@page{size:A4;margin:0}}
@media(max-width:700px){.pdf-report{padding:12px 0 35px}.pdf-toolbar{width:calc(100% - 24px);flex-direction:column}.pdf-toolbar button{width:100%}.pdf-sheet{width:calc(100% - 24px);min-height:0;margin-bottom:16px;padding:28px 20px 55px}.pdf-brand img{width:125px}.pdf-brand span{font-size:8px}.pdf-kicker{margin-top:36px;font-size:10px}.pdf-sheet h1{font-size:46px}.pdf-score-row{grid-template-columns:112px 1fr;gap:15px}.pdf-score{width:108px;height:108px}.pdf-score strong{font-size:38px}.pdf-score-row h2{font-size:20px}.pdf-score-row p:last-child,.pdf-callout p{font-size:13px}.pdf-dimensions,.pdf-insights{grid-template-columns:1fr}.pdf-sheet>h2{font-size:27px}.pdf-page-head{margin-bottom:25px}.pdf-footer{right:20px;bottom:18px;left:20px;font-size:9px}.pdf-roadmap{grid-template-columns:1fr}}
@media print{html,body{margin:0!important;padding:0!important}html,body,.pdf-report,.pdf-sheet,.pdf-sheet *{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.pdf-report{padding:0!important;background:#fff!important}.pdf-sheet{display:block!important;width:210mm!important;height:297mm!important;min-height:297mm!important;margin:0!important;box-shadow:none!important;break-inside:avoid!important;page-break-inside:avoid!important;break-after:page!important;page-break-after:always!important}.pdf-sheet:last-child{break-after:auto!important;page-break-after:auto!important}.pdf-toolbar{display:none!important}}



.lead-page{min-height:100vh;padding:28px 20px;background:linear-gradient(135deg,#06182d 0%,#0d3457 52%,#f3f6f4 52%,#f3f6f4 100%)}.lead-shell{width:min(1080px,100%);min-height:680px;margin:auto;display:grid;grid-template-columns:1fr 1fr;background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 24px 70px rgba(2,22,45,.24)}.lead-brand-panel{display:flex;flex-direction:column;padding:48px 48px 38px;background:#082847;color:#fff}.lead-brand-panel .brand{margin-bottom:auto}.lead-brand-panel .brand-name{color:#dfeaf1}.lead-brand-copy{max-width:440px;margin:74px 0 60px}.lead-brand-copy .eyebrow{color:#f26822;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.lead-brand-copy h1{margin:14px 0 18px;font-size:42px;line-height:1.12;letter-spacing:-.04em}.lead-brand-copy p{color:#c2d3df;font-size:16px;line-height:1.7}.lead-proof{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.lead-proof span{padding-top:14px;border-top:1px solid rgba(255,255,255,.2);color:#c2d3df;font-size:12px;line-height:1.45}.lead-proof b{display:block;margin-bottom:4px;color:#fff;font-size:20px}.lead-security{margin:28px 0 0;color:#9eb5c5;font-size:12px}.lead-form-panel{padding:60px 58px;background:#fff}.lead-form-head{margin-bottom:34px}.lead-form-head h2{margin:8px 0 10px;color:#071f3d;font-size:34px;letter-spacing:-.04em}.lead-form-head p:last-child{color:#687986;line-height:1.6}.lead-form{display:grid;gap:18px}.lead-form .field label{display:block;margin-bottom:8px;color:#173650;font-size:13px;font-weight:700}.lead-form .field label span{color:#f26822}.lead-form .field input{width:100%;height:52px;padding:0 15px;border:1px solid #cfdae0;border-radius:10px;background:#fbfcfd;color:#10243e;font:inherit;font-size:15px;outline:none}.lead-form .field input:focus{border-color:#1769aa;box-shadow:0 0 0 3px rgba(23,105,170,.12)}.lead-consent{display:flex;gap:10px;align-items:flex-start;color:#667783;font-size:12px;line-height:1.55}.lead-consent input{width:17px;height:17px;margin-top:1px;accent-color:#1769aa}.lead-consent a{color:#1769aa}.lead-error{min-height:20px;margin:0;color:#b33d32;font-size:13px}.lead-submit{width:100%;justify-content:center}.lead-back{width:max-content;margin:22px auto 0;border:0;background:none;color:#587080;font:inherit;font-size:13px;cursor:pointer}.lead-back:hover{color:#1769aa}@media(max-width:800px){.lead-page{padding:12px;background:#f3f6f4}.lead-shell{display:block;min-height:0;border-radius:18px}.lead-brand-panel{padding:28px 22px 25px}.lead-brand-copy{margin:36px 0 30px}.lead-brand-copy h1{font-size:31px}.lead-brand-copy p{font-size:14px}.lead-proof{gap:8px}.lead-proof span{font-size:11px}.lead-proof b{font-size:17px}.lead-security{margin-top:20px}.lead-form-panel{padding:30px 22px 34px}.lead-form-head h2{font-size:28px}.lead-form .field input{font-size:16px}}

/* Intake form follows the original VNPMI single-page composition. */
.lead-page{min-height:100vh;padding:0;background:#eef5f7}.lead-shell{display:flex;flex-direction:column;width:100%;min-height:100vh;margin:0;background:transparent;border-radius:0;box-shadow:none;overflow:visible}.lead-brand-panel{position:relative;display:block;width:100%;min-height:400px;padding:22px max(24px,calc((100% - 1080px)/2));background:#062541;color:#fff;overflow:hidden}.lead-brand-panel:after{content:"";position:absolute;right:-8%;bottom:-180px;width:520px;height:360px;border-radius:50%;background:rgba(20,96,155,.3)}.lead-brand-panel .brand{position:relative;z-index:1;width:max-content;padding:10px 22px;border-radius:4px;background:#fff}.lead-brand-panel .brand-name{color:#173650}.lead-brand-copy{position:relative;z-index:1;max-width:760px;margin:76px auto 24px;text-align:center}.lead-brand-copy .eyebrow{font-size:11px;letter-spacing:.16em}.lead-brand-copy h1{margin:12px 0;font-size:38px;line-height:1.13}.lead-brand-copy p{max-width:630px;margin:0 auto;color:#c5d6e2;font-size:15px}.lead-proof{position:relative;z-index:1;width:min(700px,100%);margin:30px auto 0}.lead-proof span{text-align:center}.lead-proof b{font-size:18px}.lead-security{position:relative;z-index:1;width:min(700px,100%);margin:23px auto 0;text-align:center}.lead-form-panel{position:relative;z-index:2;width:min(680px,calc(100% - 32px));margin:-82px auto 48px;padding:34px 46px 30px;border-radius:16px;background:#fff;box-shadow:0 18px 50px rgba(4,30,52,.2)}.lead-form-head{text-align:center;margin-bottom:25px}.lead-form-head .kicker{color:#1769aa;font-size:11px;letter-spacing:.14em}.lead-form-head h2{font-size:28px}.lead-form{gap:15px}.lead-submit{background:#f26822!important;border-color:#f26822!important;box-shadow:0 10px 22px rgba(242,104,34,.2)}.lead-back{display:block}.lead-consent{text-align:left}@media(max-width:700px){.lead-brand-panel{min-height:400px;padding:14px 16px 30px}.lead-brand-panel .brand{padding:8px 12px}.lead-brand-panel .brand img{width:128px}.lead-brand-copy{margin:55px auto 20px}.lead-brand-copy h1{font-size:29px}.lead-brand-copy p{font-size:14px}.lead-proof{gap:7px;margin-top:25px}.lead-proof span{font-size:10px}.lead-proof b{font-size:16px}.lead-security{font-size:11px}.lead-form-panel{width:calc(100% - 22px);margin:-55px auto 25px;padding:26px 20px 24px;border-radius:14px}.lead-form-head h2{font-size:25px}.lead-form-head p:last-child{font-size:13px}.lead-form .field input{height:50px}.lead-consent{font-size:11px}}

.lead-result-badge{position:absolute;z-index:1;right:max(42px,calc((100% - 1000px)/2));top:112px;width:132px;height:132px;display:grid;place-content:center;text-align:center;border:5px solid #f26822;border-radius:50%;background:#f26822;color:#fff;box-shadow:0 0 0 8px rgba(242,104,34,.16),0 15px 35px rgba(242,104,34,.28)}.lead-result-badge span{font-size:18px}.lead-result-badge b{font-size:13px;letter-spacing:.08em}.lead-brand-copy h1 em{color:#f26822;font-style:normal}@media(max-width:700px){.lead-result-badge{right:24px;top:104px;width:92px;height:92px}.lead-result-badge span{font-size:14px}.lead-result-badge b{font-size:10px}.lead-brand-copy{padding-right:28px}.lead-brand-copy h1{font-size:26px}}
