
:root{--pb-red:#cf173e;--pb-dark:#121417;--pb-charcoal:#22262b;--ink:#17191c;--muted:#667085;--line:#e6e9ee;--panel:#f7f8fa;--green:#147a4a;--blue:#1267a8;--amber:#a66000;--white:#fff;--shadow:0 10px 30px rgba(16,24,40,.08)}
*{box-sizing:border-box}body{margin:0;background:#f2f4f7;color:var(--ink);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;line-height:1.45}.wrap{max-width:1240px;margin:auto;padding:24px}.hero{background:linear-gradient(135deg,#111318,#242830);color:#fff;border-radius:22px;padding:28px;box-shadow:var(--shadow);position:relative;overflow:hidden}.hero:after{content:"";position:absolute;width:240px;height:240px;border-radius:50%;background:rgba(207,23,62,.18);right:-80px;top:-100px}.brand{display:flex;align-items:center;gap:16px;position:relative;z-index:1}.brand img{height:46px;max-width:280px;object-fit:contain;background:#fff;border-radius:6px;padding:5px}.brand-fallback{font-weight:900;font-size:21px;letter-spacing:.02em}.hero h1{font-size:clamp(30px,4vw,52px);line-height:1.05;margin:28px 0 10px;max-width:920px;position:relative;z-index:1}.hero p{font-size:17px;color:#d8dbe1;max-width:900px;margin:0;position:relative;z-index:1}.hero .tag{display:inline-flex;margin-top:20px;background:rgba(255,255,255,.1);padding:8px 12px;border-radius:999px;font-size:13px;position:relative;z-index:1}.toolbar{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.btn{border:0;border-radius:10px;padding:11px 15px;font-weight:800;cursor:pointer;background:var(--pb-dark);color:#fff}.btn:hover{filter:brightness(1.08)}.btn.red{background:var(--pb-red)}.btn.light{background:#fff;color:#222;border:1px solid var(--line)}.btn.green{background:var(--green)}.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}.card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px;box-shadow:0 2px 10px rgba(16,24,40,.03)}.span-12{grid-column:span 12}.span-8{grid-column:span 8}.span-6{grid-column:span 6}.span-4{grid-column:span 4}.span-3{grid-column:span 3}.card h2{font-size:21px;margin:0 0 4px}.card h3{font-size:16px;margin:18px 0 8px}.sub{color:var(--muted);font-size:13px;margin:0 0 14px}.formgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.formgrid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.field label{display:block;font-size:12px;font-weight:800;color:#344054;margin:0 0 5px}.field input,.field select{width:100%;border:1px solid #d0d5dd;border-radius:9px;padding:10px 11px;font:inherit;background:#fff}.field input:focus,.field select:focus{outline:2px solid rgba(207,23,62,.15);border-color:var(--pb-red)}.hint{font-size:11px;color:var(--muted);margin-top:4px}.check{display:flex;gap:8px;align-items:flex-start;font-size:12px;color:#344054;margin:8px 0}.check input{margin-top:3px}.section-title{display:flex;align-items:center;gap:8px}.num{width:28px;height:28px;border-radius:50%;display:inline-grid;place-items:center;background:var(--pb-red);color:#fff;font-weight:900;font-size:13px}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.kpi{padding:16px;border:1px solid var(--line);border-radius:14px;background:#fff}.kpi .lab{font-size:12px;color:var(--muted);font-weight:800}.kpi .val{font-size:24px;font-weight:900;margin-top:5px}.kpi.green .val{color:var(--green)}.kpi.blue .val{color:var(--blue)}.kpi.red .val{color:var(--pb-red)}.kpi.amber .val{color:var(--amber)}.compare{display:grid;grid-template-columns:1fr 1fr;gap:14px}.strategy-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px}.side.lev{background:linear-gradient(180deg,#fff8f1,#fff);border:1px solid #f1d4ad}.side.hybrid{background:linear-gradient(180deg,#f8f5ff,#fff);border:1px solid #dcd1f3}.mini-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:12px}.mini-kpi{background:#f8fafc;border:1px solid var(--line);border-radius:10px;padding:10px}.mini-kpi .lab{font-size:10px;color:var(--muted);font-weight:800}.mini-kpi .val{font-size:17px;font-weight:900;margin-top:3px}.side{border-radius:16px;padding:20px}.side.real{background:linear-gradient(180deg,#f4fbf7,#fff);border:1px solid #cce9d8}.side.port{background:linear-gradient(180deg,#f4f9fd,#fff);border:1px solid #cfe1f1}.side h3{font-size:22px;margin:0 0 12px}.metric{display:flex;justify-content:space-between;gap:12px;border-bottom:1px dashed #d8dde5;padding:8px 0;font-size:13px}.metric:last-child{border-bottom:0}.metric b{text-align:right}.winner{margin-top:14px;border-radius:14px;padding:16px;background:#111318;color:#fff}.winner strong{color:#fff}.winner .big{font-size:26px;font-weight:900;margin-top:5px}.fairness{background:#fff7e8;border:1px solid #f2d39d;border-radius:12px;padding:12px;font-size:12px;color:#664100;margin-top:12px}.chart-wrap{height:330px;border:1px solid var(--line);border-radius:14px;background:#fff;padding:8px}.chart-wrap canvas{width:100%;height:100%}.table-wrap{overflow:auto;max-height:460px;border:1px solid var(--line);border-radius:12px}table{border-collapse:collapse;width:100%;font-size:12px}th,td{padding:9px 10px;border-bottom:1px solid var(--line);text-align:right;white-space:nowrap}th{position:sticky;top:0;background:#f9fafb;z-index:1;color:#344054}th:first-child,td:first-child{text-align:left}.sharebox{background:#111318;color:#fff}.sharebox h2{color:#fff}.sharebox .sub{color:#cfd3da}.sharebox .field label{color:#e6e8ec}.sharebox input{background:#fff}.message-preview{white-space:pre-wrap;background:#fff;color:#222;border-radius:12px;padding:14px;min-height:150px;font-size:12px}.disclaimer{font-size:11px;color:#667085;background:#f8fafc;border:1px solid var(--line);border-radius:12px;padding:13px}.tiny{font-size:10px;color:#98a2b3}.pill{display:inline-flex;padding:5px 9px;border-radius:999px;background:#eef2f6;color:#344054;font-weight:800;font-size:11px}.hidden{display:none!important}.footer{text-align:center;padding:24px;color:#667085;font-size:12px}
.scenario-card{border-top:4px solid var(--pb-red)}.scenario-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:16px}.scenario-panel{border:1px solid var(--line);border-radius:16px;padding:18px;background:#fff}.scenario-panel.investment{background:linear-gradient(180deg,#f4f9fd,#fff);border-color:#cfe1f1}.scenario-panel.property{background:linear-gradient(180deg,#f4fbf7,#fff);border-color:#cce9d8}.scenario-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:4px}.scenario-head h3{font-size:19px;margin:0}.scenario-badge{display:inline-flex;align-items:center;justify-content:center;min-width:76px;padding:7px 10px;border-radius:999px;background:#111318;color:#fff;font-weight:900;font-size:13px}.rate-presets{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 12px}.rate-btn{border:1px solid #cfd6df;background:#fff;color:#26313f;border-radius:999px;padding:9px 13px;font-weight:900;font-size:13px;cursor:pointer}.rate-btn:hover{border-color:var(--pb-red)}.rate-btn.active{background:var(--pb-red);border-color:var(--pb-red);color:#fff;box-shadow:0 4px 12px rgba(207,23,62,.18)}.scenario-note{font-size:12px;color:var(--muted);margin:0}.scenario-result{margin-top:10px;padding:10px 12px;border-radius:10px;background:rgba(255,255,255,.8);border:1px dashed #cfd6df;font-size:12px;color:#344054}.scenario-result b{font-size:13px}.custom-rate input{font-size:18px;font-weight:900}.sensitivity-hint{background:#f8fafc;border:1px solid var(--line);border-radius:12px;padding:12px 14px;margin-top:12px;font-size:12px;color:#475467}

.flow-card{border:1px solid var(--line);border-radius:18px;background:#fff;overflow:hidden}.flow-hero{padding:22px;border-radius:16px;background:linear-gradient(135deg,#111318,#242830);color:#fff;margin-top:14px}.flow-hero.shortfall{background:linear-gradient(135deg,#56222c,#1d2026)}.flow-hero.surplus{background:linear-gradient(135deg,#0f5b3b,#17251f)}.flow-hero.neutral{background:linear-gradient(135deg,#344054,#1d2026)}.flow-eyebrow{font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;opacity:.8}.flow-amount{font-size:clamp(34px,6vw,58px);line-height:1;font-weight:950;margin:8px 0}.flow-explain{font-size:14px;color:#eef1f5;max-width:860px}.flow-math{display:grid;grid-template-columns:1fr auto;gap:8px 18px;margin-top:14px;font-size:13px}.flow-math div:nth-child(even){font-weight:900;text-align:right}.flow-math .total{padding-top:9px;border-top:1px solid rgba(255,255,255,.25);font-size:15px}.client-path{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:16px}.client-path.four{grid-template-columns:repeat(2,minmax(0,1fr))}.path-card{border:1px solid var(--line);border-radius:16px;padding:18px;background:#fff;position:relative}.path-card.green{background:linear-gradient(180deg,#f4fbf7,#fff);border-color:#cce9d8}.path-card.blue{background:linear-gradient(180deg,#f4f9fd,#fff);border-color:#cfe1f1}.path-card.amber{background:linear-gradient(180deg,#fff8f1,#fff);border-color:#f1d4ad}.path-card.purple{background:linear-gradient(180deg,#f8f5ff,#fff);border-color:#dcd1f3}.path-card h3{font-size:18px;margin:0 0 6px}.path-tag{display:inline-flex;padding:5px 9px;border-radius:999px;background:#eef2f6;color:#344054;font-weight:900;font-size:10px;margin-bottom:10px}.money-flow{margin-top:12px;border:1px solid var(--line);border-radius:12px;padding:12px;background:rgba(255,255,255,.8)}.money-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 0;border-bottom:1px dashed #d8dde5;font-size:12px}.money-row:last-child{border-bottom:0}.money-row b{text-align:right}.money-arrow{text-align:center;font-weight:900;color:var(--pb-red);font-size:18px;line-height:1}.flow-alert{border-radius:12px;padding:12px 14px;margin-top:12px;font-size:12px}.flow-alert.ok{background:#eef9f3;border:1px solid #bfe3cf;color:#145c3d}.flow-alert.warn{background:#fff4e5;border:1px solid #efcf9a;color:#7a4a00}.flow-alert.info{background:#eff6ff;border:1px solid #c7dcf5;color:#174f7a}.advanced-box{margin-top:12px;border:1px solid var(--line);border-radius:12px;background:#fafbfc;padding:10px 12px}.advanced-box summary{cursor:pointer;font-size:12px;font-weight:900;color:#344054}.branch-title{font-size:22px;margin:18px 0 4px}.branch-sub{color:var(--muted);font-size:13px;margin:0 0 10px}.plain-note{font-size:12px;color:#475467;background:#f8fafc;border:1px solid var(--line);border-radius:12px;padding:12px}.result-card-hidden{display:none!important}.what-happens{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:12px}.what-box{padding:11px;border-radius:12px;border:1px solid var(--line);background:#fff}.what-box .lab{font-size:10px;color:var(--muted);font-weight:900;text-transform:uppercase}.what-box .val{font-size:16px;font-weight:950;margin-top:4px}.cf-details{margin-top:12px}.cf-details summary{cursor:pointer;font-weight:900;color:#344054;font-size:13px}.big-question{font-size:18px;font-weight:900;margin:4px 0 0}.soft-divider{border:0;border-top:1px solid var(--line);margin:18px 0}.option-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.option-num{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#111318;color:#fff;font-size:12px;font-weight:900;flex:none}
@media(max-width:900px){.client-path,.what-happens{grid-template-columns:1fr}}

@media(max-width:900px){.span-8,.span-6,.span-4,.span-3{grid-column:span 12}.formgrid,.formgrid.three,.kpis,.compare,.strategy-grid,.mini-kpis,.scenario-grid{grid-template-columns:1fr}.wrap{padding:12px}.hero{padding:22px}.brand img{max-width:210px;height:40px}}
@media print{body{background:#fff}.wrap{max-width:none;padding:0}.hero{border-radius:0;box-shadow:none}.no-print,.toolbar,.sharebox{display:none!important}.card{box-shadow:none;break-inside:avoid}.table-wrap{max-height:none;overflow:visible}.chart-wrap{height:260px}.footer{padding-bottom:0}}

.option-question{font-size:12px;font-weight:900;color:#344054;background:rgba(255,255,255,.76);border:1px solid rgba(16,24,40,.08);border-radius:10px;padding:9px 11px;margin:8px 0 12px}.source-note{font-size:11px;line-height:1.45;color:#475467;background:#f8fafc;border-left:4px solid #98a2b3;border-radius:8px;padding:9px 11px;margin-top:10px}.source-note strong{color:#1d2939}.flow-steps{display:grid;gap:8px;margin:12px 0}.flow-step{display:grid;grid-template-columns:30px 1fr auto;gap:9px;align-items:center;background:rgba(255,255,255,.78);border:1px solid rgba(16,24,40,.08);border-radius:11px;padding:9px 10px;font-size:12px}.flow-step .step-no{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#111318;color:#fff;font-size:11px;font-weight:900}.flow-step span{color:#475467}.flow-step b{text-align:right;color:#111827}.auto-badge{display:inline-flex;align-items:center;gap:6px;background:#eaf7ef;color:#11613d;border:1px solid #c4e5d1;border-radius:999px;padding:5px 9px;font-size:10px;font-weight:900;margin:0 0 10px}.advanced-box details{border:1px solid var(--line);border-radius:10px;background:#fff;padding:9px 11px;margin-top:10px}.advanced-box summary{cursor:pointer;font-size:12px;font-weight:900;color:#344054}.seo-copy{font-size:14px;color:#344054}.seo-copy h2{font-size:26px;margin-bottom:8px}.seo-copy h3{font-size:18px;margin-top:20px}.seo-copy p{margin:8px 0 12px}.seo-copy ul{padding-left:20px}.seo-copy li{margin:6px 0}.answer-box{background:#f8fafc;border:1px solid var(--line);border-radius:12px;padding:14px;margin:12px 0}.answer-box b{color:#111827}.faq-list details{border-top:1px solid var(--line);padding:13px 0}.faq-list details:first-child{border-top:0}.faq-list summary{cursor:pointer;font-weight:900;color:#1d2939}.faq-list p{margin:8px 0 0;color:#475467;font-size:13px}.seo-quickfacts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:14px 0}.seo-quickfact{border:1px solid var(--line);border-radius:12px;padding:13px;background:#fff}.seo-quickfact b{display:block;font-size:13px;margin-bottom:4px}.seo-quickfact span{font-size:12px;color:#667085}.path-card .field{margin-top:10px}
@media(max-width:800px){.seo-quickfacts{grid-template-columns:1fr}.flow-step{grid-template-columns:28px 1fr}.flow-step b{grid-column:2;text-align:left}}

.maintenance-mode{display:inline-flex;gap:4px;padding:4px;background:#f2f4f7;border:1px solid var(--line);border-radius:10px;margin:0 0 9px}.maintenance-mode button{border:0;background:transparent;color:#475467;border-radius:7px;padding:7px 10px;font-size:11px;font-weight:900;cursor:pointer}.maintenance-mode button.active{background:#fff;color:#111827;box-shadow:0 1px 4px rgba(16,24,40,.12)}.maintenance-input-wrap.hidden{display:none!important}.sale-cost-note{font-size:11px;color:#667085;line-height:1.45;margin-top:5px}.cost-warning{background:#fff8e8;border:1px solid #edd7a0;color:#6d4b00;border-radius:10px;padding:9px 11px;font-size:11px;margin-top:8px}

/* V10: consistency and small-screen improvements */
:root{--pb-red:#c7353c;--pb-dark:#061b49;--ink:#10213f;--blue:#0b63b6}
.hero{background:linear-gradient(115deg,#031338,#061b49 65%,#173f6e)}
.winner{background:#061b49}
.site-head{background:#031338;color:#fff;font-size:12px;padding:9px 0}
.site-head .inner{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;max-width:1240px;margin:auto;padding:0 24px}
.site-head a{color:#fff;text-decoration:none;font-weight:750}
.calc-status{padding:9px 14px;border:1px solid #dbe4f0;border-radius:10px;background:#f7faff;font-size:12px;font-weight:750;color:#184277;margin-bottom:14px}
.tax-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}
.tax-options>label{display:block;color:#344054;font-size:12px;font-weight:750}
.tax-options input[type=number]{display:block;width:100%;margin-top:6px;padding:10px;border:1px solid #ccd4df;border-radius:9px}
@media(max-width:700px){.tax-options{grid-template-columns:1fr}.site-head .inner{padding:0 14px}.wrap{padding:12px}.brand img{max-width:210px}.hero{padding:22px}.hero h1{font-size:clamp(26px,8vw,38px)}.kpi .val{overflow-wrap:anywhere;font-size:21px}.chart-wrap{height:290px}.metric{flex-wrap:wrap}.metric b{overflow-wrap:anywhere}}
