:root{color-scheme:dark;--bg0:#060712;--bg1:#070a18;--glass:rgba(255,255,255,.06);--line:rgba(255,255,255,.11);--text:#f4f7ff;--muted:rgba(196,205,235,.86);--p1:#7C5CFF;--p2:#27D9FF;--p3:#39F9A6;--p4:#FFD166;--p5:#FF4D8D;--shadow:0 26px 90px rgba(0,0,0,.55);--shadow2:0 14px 40px rgba(0,0,0,.32);--radius:22px;--ui:"Plus Jakarta Sans",ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;--display:"Space Grotesk",ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial}
*{box-sizing:border-box}html{scroll-behavior:smooth}html,body{height:100%;overflow-x:hidden}body{margin:0;font-family:var(--ui);color:var(--text);background:radial-gradient(1100px 720px at 14% -12%,rgba(124,92,255,.38),transparent 62%),radial-gradient(1100px 720px at 90% -6%,rgba(39,217,255,.28),transparent 62%),radial-gradient(1200px 820px at 52% 115%,rgba(57,249,166,.16),transparent 66%),radial-gradient(1100px 720px at -6% 110%,rgba(255,77,141,.12),transparent 66%),linear-gradient(180deg,#050610 0%,#060814 22%,#070a18 48%,#060a16 72%,#050812 100%);background-attachment:fixed}body::before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(1400px 820px at 50% 8%,rgba(255,255,255,.045),transparent 66%),radial-gradient(1400px 820px at 50% 112%,rgba(0,0,0,.42),transparent 66%),linear-gradient(180deg,rgba(255,255,255,.02) 0%,rgba(0,0,0,.06) 55%,rgba(0,0,0,.14) 100%);opacity:.85}a{color:#bfefff}a:hover{color:#fff}.srOnly{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:focus-visible{outline:2px solid rgba(39,217,255,.8);outline-offset:3px}
.topbarOuter{position:sticky;top:0;z-index:1000;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:rgba(6,7,18,.74);border-bottom:1px solid rgba(255,255,255,.10)}.topbarInner{max-width:1220px;margin:0 auto;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:14px}.brandLink{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--text);min-width:210px}.logoBox{width:40px;height:40px;border-radius:14px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);box-shadow:0 0 0 6px rgba(255,255,255,.03),var(--shadow2);display:grid;place-items:center;overflow:hidden}.brandName{font-family:var(--display);font-weight:700;font-size:14px;line-height:1}.brandSub{display:block;font-size:12px;color:var(--muted);margin-top:3px}.topnav{display:flex;align-items:center;gap:6px;justify-content:center;flex:1}.navlink{color:rgba(206,214,242,.88);padding:8px 10px;border-radius:999px;font-size:12px;text-decoration:none;border:1px solid transparent;white-space:nowrap}.navlink:hover,.navlink[aria-current="page"]{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.11);color:var(--text)}.pp-nav-report{display:inline-flex;align-items:center;gap:7px;border-color:rgba(39,217,255,.28);background:linear-gradient(90deg,rgba(124,92,255,.22),rgba(39,217,255,.14));color:#fff}.pp-nav-report-price{font-weight:800;color:#d8fff0}.topActions{display:flex;align-items:center;gap:10px;justify-content:flex-end}.trustPill{display:inline-flex;padding:9px 12px;border-radius:999px;border:1px solid rgba(57,249,166,.34);background:linear-gradient(90deg,rgba(57,249,166,.18),rgba(139,255,204,.10));color:#D9FFEE;font-size:12px;font-weight:700;white-space:nowrap}.cta,.primaryBtn,.softBtn{cursor:pointer;font-family:var(--ui);color:var(--text);border:1px solid rgba(39,217,255,.30);background:linear-gradient(90deg,rgba(124,92,255,.36),rgba(39,217,255,.24));padding:10px 13px;border-radius:14px;font-size:13px;box-shadow:0 0 0 4px rgba(124,92,255,.10);text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.softBtn{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.14);box-shadow:none}.softBtn:hover,.primaryBtn:hover,.cta:hover{border-color:rgba(255,255,255,.25);color:#fff}.topSpacer{height:4px}
.page{max-width:1160px;margin:0 auto;padding:26px 16px 50px}.breadcrumbs{max-width:960px;margin:0 auto 14px;font-size:12px;color:rgba(196,205,235,.72)}.breadcrumbs a{color:rgba(206,214,242,.9);text-decoration:none}.heroIntro{max-width:960px;margin:0 auto 18px}.eyebrow{display:inline-flex;gap:8px;align-items:center;padding:7px 10px;border:1px solid rgba(57,249,166,.25);background:rgba(57,249,166,.07);border-radius:999px;font-size:12px;color:#d9ffee;margin-bottom:12px}.heroIntro h1{margin:0;font-family:var(--display);font-size:clamp(34px,5vw,56px);line-height:1.02;letter-spacing:-.045em;max-width:18ch}.heroIntro p{margin:14px 0 0;color:rgba(216,225,247,.94);font-size:16px;line-height:1.65;max-width:74ch}.miniPills{display:flex;gap:9px;flex-wrap:wrap;margin-top:14px}.miniPill{padding:7px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);font-size:12px;color:rgba(214,224,246,.9)}.answerGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:18px}.answerItem{border:1px solid rgba(255,255,255,.12);background:rgba(0,0,0,.15);border-radius:16px;padding:12px}.answerItem .k{display:block;color:var(--muted);font-size:11px;margin-bottom:6px}.answerItem .v{font-family:var(--display);font-size:14px;line-height:1.3;font-weight:700}
.calcGrid{display:grid;grid-template-columns:1.06fr .94fr;gap:14px;align-items:start;max-width:1060px;margin:22px auto 0}.card{border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.025));border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.cardHd{padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.10);background:linear-gradient(90deg,rgba(124,92,255,.20),rgba(39,217,255,.14),rgba(57,249,166,.10));display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.cardHd strong{font-family:var(--display);font-size:14px}.cardBd{padding:16px}.stepHead{display:flex;gap:10px;align-items:flex-start;margin-bottom:12px}.stepPill{display:grid;place-items:center;flex:0 0 27px;width:27px;height:27px;border-radius:999px;background:linear-gradient(135deg,rgba(124,92,255,.45),rgba(39,217,255,.25));border:1px solid rgba(255,255,255,.14);font-weight:800;font-size:12px}.stepHead h2,.stepHead h3{font-family:var(--display);font-size:16px;margin:2px 0 3px}.stepHead p{margin:0;color:var(--muted);font-size:12px;line-height:1.45}.formGrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.formGrid.one{grid-template-columns:1fr}.fieldGroup label{display:block;font-size:12px;color:rgba(210,220,244,.93);margin-bottom:6px}.fieldBox{border:1px solid rgba(255,255,255,.14);background:rgba(0,0,0,.17);border-radius:14px;padding:10px 11px;transition:border-color .15s,box-shadow .15s}.fieldBox:focus-within{border-color:rgba(39,217,255,.55);box-shadow:0 0 0 4px rgba(39,217,255,.10)}.in{display:flex;align-items:center;gap:8px}.prefix,.suffix{font-size:13px;color:rgba(206,214,242,.72)}input,select{width:100%;border:0;outline:0;background:transparent;color:var(--text);font:inherit;font-size:14px}select option{background:#0b1020;color:#f4f7ff}.hint{margin-top:6px;color:rgba(196,205,235,.72);font-size:11.5px;line-height:1.45}.modeRow{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.modeBtn{cursor:pointer;border:1px solid rgba(255,255,255,.13);background:rgba(0,0,0,.15);color:rgba(210,220,244,.9);padding:8px 10px;border-radius:999px;font-size:12px}.modeBtn.active{background:rgba(255,255,255,.11);border-color:rgba(39,217,255,.38);color:#fff;box-shadow:0 0 0 4px rgba(39,217,255,.08)}.advanced{margin-top:14px;border:1px solid rgba(255,255,255,.11);border-radius:16px;background:rgba(0,0,0,.10);overflow:hidden}.advanced summary{cursor:pointer;padding:12px 13px;font-family:var(--display);font-size:13px;display:flex;justify-content:space-between;align-items:center}.advanced summary::after{content:"+";font-size:18px;color:var(--muted)}.advanced[open] summary::after{content:"–"}.advancedBody{padding:0 13px 13px}.checkRow{display:flex;gap:9px;align-items:flex-start;margin-top:10px}.checkRow input{width:auto;margin-top:3px}.checkRow label{font-size:12px;color:var(--muted);line-height:1.45}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.actions .primaryBtn{border:0}.actions button{font-family:var(--ui)}.exampleChips{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.exampleChip{cursor:pointer;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.035);color:rgba(220,230,250,.92);padding:7px 9px;border-radius:999px;font-size:11.5px}
.resultsCard{position:sticky;top:84px}.resultHero{border:1px solid rgba(255,255,255,.11);background:radial-gradient(700px 250px at 10% 0%,rgba(124,92,255,.28),transparent 60%),radial-gradient(700px 250px at 90% 0%,rgba(39,217,255,.20),transparent 60%),rgba(255,255,255,.035);border-radius:18px;padding:16px}.resultHero .k{font-size:12px;color:var(--muted);margin-bottom:7px}.resultHero .big{font-family:var(--display);font-size:clamp(34px,5vw,48px);font-weight:700;line-height:1.02;letter-spacing:-.03em}.resultHero .meta{margin-top:9px;font-size:12px;color:rgba(210,220,244,.88);line-height:1.5}.resultCards{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.miniCard{border:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.035);border-radius:15px;padding:12px}.miniCard .k{font-size:11.5px;color:var(--muted)}.miniCard .v{font-family:var(--display);font-size:17px;font-weight:700;margin-top:5px}.breakdown{margin-top:11px;border:1px solid rgba(255,255,255,.11);border-radius:16px;overflow:hidden;background:rgba(0,0,0,.12)}.breakdownHd{padding:11px 12px;border-bottom:1px solid rgba(255,255,255,.08);font-family:var(--display);font-size:13px}.bar{display:flex;height:12px;border-radius:999px;overflow:hidden;margin:12px;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.03)}.seg-net{background:var(--p3)}.seg-tax{background:var(--p1)}.seg-ni{background:var(--p2)}.seg-pen{background:var(--p4)}.seg-loan{background:var(--p5)}.legend{display:grid;gap:8px;padding:0 12px 12px}.legendRow{display:flex;justify-content:space-between;gap:12px;font-size:12px;color:rgba(214,224,245,.9)}.legendRow span:first-child{display:flex;align-items:center;gap:8px}.sw{width:9px;height:9px;border-radius:3px;display:inline-block}.alerts{display:grid;gap:8px;margin-top:11px}.alert{border:1px solid rgba(255,209,102,.24);background:rgba(255,209,102,.07);border-radius:13px;padding:10px 11px;font-size:12px;color:#fff2c5;line-height:1.45}.methodNote{margin-top:11px;font-size:11.5px;line-height:1.5;color:rgba(196,205,235,.78)}
.content{max-width:960px;margin:26px auto 0}.content section{margin-top:18px;border:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.035);border-radius:20px;padding:18px}.content h2{font-family:var(--display);font-size:clamp(23px,3vw,30px);line-height:1.12;margin:0 0 10px;letter-spacing:-.02em}.content h3{font-family:var(--display);font-size:17px;margin:18px 0 8px}.content p,.content li{color:rgba(215,225,246,.92);font-size:14px;line-height:1.68}.content ul{padding-left:20px}.quickAnswer{border-color:rgba(39,217,255,.2)!important;background:linear-gradient(180deg,rgba(39,217,255,.07),rgba(255,255,255,.03))!important}.dataTable{width:100%;border-collapse:collapse;margin-top:12px;font-size:13px}.dataTable th,.dataTable td{padding:10px;border-bottom:1px solid rgba(255,255,255,.09);text-align:left;vertical-align:top}.dataTable th{color:rgba(205,216,240,.85);font-size:11.5px;background:rgba(255,255,255,.03)}.dataTable td strong{color:#fff}.tableWrap{overflow:auto;border:1px solid rgba(255,255,255,.09);border-radius:14px}.faqList{display:grid;gap:9px}.faq{border:1px solid rgba(255,255,255,.1);border-radius:14px;background:rgba(0,0,0,.1);overflow:hidden}.faq summary{cursor:pointer;padding:12px 13px;font-family:var(--display);font-size:14px;font-weight:700}.faq p{padding:0 13px 13px;margin:0}.sourceList{display:grid;gap:8px}.sourceList a{font-size:13px}.relatedGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.relatedCard{display:block;text-decoration:none;border:1px solid rgba(255,255,255,.11);background:rgba(0,0,0,.12);border-radius:15px;padding:13px}.relatedCard strong{display:block;color:#fff;font-family:var(--display);font-size:14px}.relatedCard span{display:block;color:var(--muted);font-size:12px;line-height:1.45;margin-top:5px}.conversion{border-color:rgba(57,249,166,.2)!important;background:radial-gradient(600px 220px at 10% 0%,rgba(57,249,166,.12),transparent 60%),rgba(255,255,255,.03)!important}.conversionActions{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}
.ppFooterBig{margin:22px auto 0;max-width:900px;width:100%;border:1px solid rgba(255,255,255,.12);background:radial-gradient(900px 260px at 10% 0%,rgba(124,92,255,.16),transparent 60%),radial-gradient(900px 260px at 90% 0%,rgba(39,217,255,.12),transparent 60%),rgba(0,0,0,.14);border-radius:22px;padding:22px 18px;box-shadow:var(--shadow2)}.footGrid{display:grid;grid-template-columns:1.3fr .9fr .9fr;gap:18px;align-items:start}.footBrand{display:flex;gap:12px;align-items:flex-start}.ppFootName{font-family:var(--display);letter-spacing:.2px;font-size:13px}.footDesc{color:rgba(196,205,235,.86);font-size:12px;line-height:1.55;margin-top:6px;max-width:60ch}.footCol h3{margin:0 0 10px 0;font-family:var(--display);font-size:12px;letter-spacing:.2px;color:rgba(244,247,255,.95)}.footLinks{display:flex;flex-direction:column;gap:8px}.footLink{appearance:none;border:0;background:transparent;padding:0;text-align:left;cursor:pointer;font-size:12px;color:rgba(206,214,242,.86);font-family:var(--ui);text-decoration:none}.footLink:hover{color:var(--text);text-decoration:underline}.footBottom{margin-top:16px;padding-top:14px;border-top:1px solid rgba(255,255,255,.10);display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;color:rgba(196,205,235,.86);font-size:12px;line-height:1.5}
@media(max-width:980px){.topbarInner{flex-wrap:wrap}.topnav{order:3;width:100%;justify-content:flex-start;overflow:auto;padding-bottom:5px}.topActions{margin-left:auto}.calcGrid{grid-template-columns:1fr}.resultsCard{position:static}.answerGrid{grid-template-columns:1fr 1fr}}@media(max-width:680px){.page{padding-top:18px}.heroIntro h1{font-size:36px}.heroIntro p{font-size:14px}.formGrid{grid-template-columns:1fr}.answerGrid,.relatedGrid{grid-template-columns:1fr}.resultCards{grid-template-columns:1fr 1fr}.trustPill{display:none}.pp-nav-report-price{display:none}.footGrid{grid-template-columns:1fr 1fr}.content section{padding:15px}.dataTable{min-width:620px}}@media(max-width:480px){.topActions .cta{display:none}.brandLink{min-width:0}.resultCards{grid-template-columns:1fr}.answerGrid{grid-template-columns:1fr}.footGrid{grid-template-columns:1fr}.navlink{padding:8px}.page{padding-left:12px;padding-right:12px}.heroIntro h1{font-size:33px}.cardBd{padding:13px}.content p,.content li{font-size:13.5px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}


/* v2 mobile-first calculator simplification */
.cardTitleLine,.stepTitleRow,.fieldLabelRow,.checkCopy{display:flex;align-items:center;gap:7px;min-width:0}.cardTitleLine{align-items:center}.stepTitleRow{align-items:center}.fieldLabelRow{justify-content:flex-start;margin-bottom:6px}.fieldLabelRow label{margin-bottom:0}.checkCopy{align-items:flex-start;flex-wrap:wrap;gap:5px}.checkCopy label{margin:0}.stepHead>div{min-width:0}.stepHead h2,.stepHead h3{margin:2px 0}.infoTip{position:relative;display:inline-flex;flex:0 0 auto}.infoTip>summary{list-style:none;display:grid;place-items:center;width:28px;height:28px;margin:-4px;border:0;border-radius:999px;cursor:pointer;color:rgba(218,230,250,.92);font-family:var(--ui);font-size:11px;font-weight:800;line-height:1;background:transparent}.infoTip>summary::-webkit-details-marker{display:none}.infoTip>summary::marker{content:""}.infoTip>summary:hover,.infoTip[open]>summary,.infoTip>summary:focus-visible{background:rgba(39,217,255,.10);color:#fff}.infoTip>summary::before{content:"i";display:grid;place-items:center;width:18px;height:18px;border:1px solid rgba(179,198,232,.40);border-radius:999px}.infoTip>summary{font-size:0}.infoBubble{position:absolute;z-index:80;top:calc(100% + 6px);left:0;width:min(290px,calc(100vw - 40px));padding:10px 11px;border:1px solid rgba(255,255,255,.16);border-radius:12px;background:#101526;box-shadow:0 16px 45px rgba(0,0,0,.48);color:rgba(226,234,251,.96);font-size:11.5px;font-weight:500;line-height:1.5;text-align:left;letter-spacing:0;white-space:normal}.infoTip:not([open])>.infoBubble{display:none}.fieldLabelRow .infoBubble,.checkCopy .infoBubble{left:auto;right:0}.infoTipHeader .infoBubble{left:0}.advanced .fieldLabelRow{margin-top:0}.advancedBody>.formGrid{align-items:start}.checkRow{min-height:34px}.checkRow>input{flex:0 0 auto}.methodNote{display:none}
@media(max-width:680px){
  .cardHd{padding:12px 13px}.cardBd{padding:12px}.stepHead{gap:8px;margin-bottom:9px}.stepPill{width:24px;height:24px;flex-basis:24px;font-size:11px}.stepHead h2,.stepHead h3{font-size:15px}.formGrid{gap:10px}.fieldGroup label{font-size:11.5px}.fieldBox{padding:12px 12px;border-radius:13px}input,select{font-size:16px}.modeRow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-bottom:10px}.modeBtn{min-height:42px;padding:7px 5px;font-size:11.5px;white-space:nowrap}.exampleChips{flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:none;margin-right:-12px;padding-right:12px;padding-bottom:2px}.exampleChips::-webkit-scrollbar{display:none}.exampleChip{flex:0 0 auto;min-height:36px}.advanced{margin-top:12px}.advanced summary{min-height:46px;padding:10px 12px}.advancedBody{padding:0 12px 12px}.actions{margin-top:12px}.card:not(.resultsCard) .actions{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.card:not(.resultsCard) .actions .primaryBtn{min-height:46px;padding-left:10px;padding-right:10px}.card:not(.resultsCard) .actions .softBtn{min-height:46px}.infoTip[open]>.infoBubble{z-index:81}.infoTip>summary{width:32px;height:32px;margin:-6px}.infoTip>summary::before{width:19px;height:19px}.checkRow{align-items:center;margin-top:9px}.checkCopy{align-items:center}.checkCopy label{line-height:1.35}
}
@media(max-width:480px){.card{border-radius:18px}.cardHd{padding:11px 12px}.miniPill{padding:6px 8px}.card:not(.resultsCard) .actions .primaryBtn{font-size:12.5px}.fieldLabelRow .infoTip{margin-left:-2px}}
.infoTip>summary::before{font-size:11px}


/* v3 shared PayPrecise SEO hero pattern: matched to existing calculator/editorial pages */
.seoHero{margin:16px 0 18px;padding:22px;border:1px solid rgba(255,255,255,.1);border-radius:20px;background:linear-gradient(180deg,rgba(22,31,57,.96),rgba(13,19,37,.96));box-shadow:0 10px 30px rgba(0,0,0,.18)}
.seoHero h1{margin:0 0 10px;font-family:var(--display);font-size:clamp(1.9rem,3vw,2.6rem);line-height:1.08;letter-spacing:-.03em;text-wrap:balance}
.seoHero p{margin:0 0 14px;color:#d7deee;max-width:980px;font-size:1rem;line-height:1.6}
.seoAnswerBox{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-top:14px}
.seoAnswerItem{padding:12px 14px;border-radius:16px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);min-width:0}
.seoAnswerItem .k{display:block;font-size:.75rem;letter-spacing:.06em;text-transform:uppercase;color:#9fb0d8;margin-bottom:5px}
.seoAnswerItem .v{display:block;font-size:.97rem;font-weight:700;color:#fff;line-height:1.3}
.seoNearby{display:flex;flex-wrap:wrap;gap:12px;margin-top:14px;align-items:stretch}
.seoNearby a{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:11px 16px;border-radius:999px;border:1px solid rgba(146,198,255,.26);background:linear-gradient(135deg,rgba(124,92,255,.18),rgba(39,217,255,.14));text-decoration:none;color:#f3f7ff;font-weight:700;letter-spacing:.01em;box-shadow:0 10px 24px rgba(0,0,0,.16),0 0 0 4px rgba(124,92,255,.08);transition:transform .12s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease,color .18s ease}
.seoNearby a::after{content:"→";font-size:.92em;opacity:.9;transform:translateY(-.02em)}
.seoNearby a:hover{transform:translateY(-1px);border-color:rgba(139,255,204,.52);background:linear-gradient(135deg,rgba(124,92,255,.26),rgba(39,217,255,.20));box-shadow:0 16px 30px rgba(0,0,0,.24),0 0 0 5px rgba(39,217,255,.10);color:#fff}
.seoNearby a:active{transform:translateY(0) scale(.99)}
.preCalcBridge{margin:10px 0 12px;padding:14px 14px 12px;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.03));box-shadow:var(--shadow2)}
.preCalcBridge p{margin:0;color:rgba(220,228,246,.95);font-size:.96rem;line-height:1.4;max-width:92ch}
.preCalcBridgeActions{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px;align-items:stretch}
.preCalcBridgeActions a{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 18px;border-radius:999px;border:1px solid rgba(57,249,166,.34);background:linear-gradient(90deg,rgba(57,249,166,.22),rgba(124,92,255,.20));text-decoration:none;color:#f7fffc;font:inherit;font-weight:800;letter-spacing:.01em;cursor:pointer;transition:transform .12s ease,border-color .18s ease,box-shadow .18s ease;box-shadow:0 10px 24px rgba(0,0,0,.18),0 0 0 4px rgba(57,249,166,.10)}
.preCalcBridgeActions a:hover{transform:translateY(-1px);border-color:rgba(139,255,204,.54);box-shadow:0 14px 28px rgba(0,0,0,.22),0 0 0 4px rgba(57,249,166,.14);color:#fff}
.preCalcBridgeActions .secondaryAction{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.12);color:#dfe8fb;box-shadow:none;font-weight:600}
.preCalcBridgeActions .secondaryAction:hover{box-shadow:0 8px 18px rgba(0,0,0,.16),0 0 0 4px rgba(255,255,255,.05);border-color:rgba(255,255,255,.22)}
#calculator,#main-body{scroll-margin-top:90px}
@media(max-width:900px){.seoHero{padding:18px}}
@media(max-width:640px){
  .page{padding-top:14px}
  .seoHero{padding:16px;border-radius:18px;margin-top:10px}
  .seoHero h1{font-size:clamp(1.65rem,8vw,2.1rem);line-height:1.08}
  .seoHero p{font-size:.98rem;line-height:1.52}
  .seoAnswerBox{grid-template-columns:1fr}
  .seoNearby,.preCalcBridgeActions{flex-direction:column;align-items:stretch}
  .seoNearby a,.preCalcBridgeActions a{width:100%;justify-content:space-between}
  .preCalcBridge{padding:12px 12px 10px;border-radius:14px}
  .preCalcBridge p{font-size:.92rem;line-height:1.35}
  .preCalcBridgeActions{margin-top:10px}
  .seoAnswerItem .v{font-size:1rem}
}


/* v4: exact shared PayPrecise header behaviour from the supplied live page */

/* PayPrecise final universal fixed header override
   Keeps the header pinned across all page templates, removes the bottom line,
   and keeps the trust pill in the right-hand action area. */
:root {
  --pp-header-bg: radial-gradient(720px 170px at 12% 0%, rgba(124,92,255,.34), transparent 62%), radial-gradient(720px 170px at 88% 0%, rgba(39,217,255,.22), transparent 62%), rgba(6,7,18,.88);
  --pp-header-nav: rgba(206,214,242,.86);
  --pp-header-nav-hover: #F6FAFF;
  --pp-fixed-header-height: 60px;
}
html {
  scroll-padding-top: calc(var(--pp-fixed-header-height, 60px) + 16px) !important;
}
body {
  padding-top: var(--pp-fixed-header-height, 60px) !important;
}
.topbarOuter {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 2147483000 !important;
  width: 100% !important;
  margin: 0 !important;
  background: var(--pp-header-bg) !important;
  border: 0 !important;
  border-bottom: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  backdrop-filter: blur(14px) !important;
  -webkit-backdrop-filter: blur(14px) !important;
}
.topbarOuter::before,
.topbarOuter::after,
.topbarInner::before,
.topbarInner::after {
  content: none !important;
  display: none !important;
  border: 0 !important;
  box-shadow: none !important;
}
.topbarInner {
  max-width: 1220px !important;
  margin: 0 auto !important;
  padding: 8px 16px !important;
  display: grid !important;
  grid-template-columns: minmax(190px, max-content) minmax(0, 1fr) max-content !important;
  grid-template-areas: "brand nav actions" !important;
  align-items: center !important;
  gap: 10px !important;
  flex-wrap: nowrap !important;
  border: 0 !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
}
.topSpacer {
  height: 0 !important;
  min-height: 0 !important;
  display: none !important;
}
.topbarOuter .brandLink {
  grid-area: brand !important;
  min-width: 0 !important;
  max-width: none !important;
  white-space: nowrap !important;
}
.topbarOuter .brandName {
  color: #F6FAFF !important;
  font-weight: 700 !important;
  line-height: 1 !important;
}
.topbarOuter .brandSub {
  display: block !important;
  color: rgba(196,205,235,.90) !important;
  font-size: 12px !important;
  line-height: 1.12 !important;
  margin-top: 3px !important;
  white-space: nowrap !important;
}
.topbarOuter .topnav {
  grid-area: nav !important;
  min-width: 0 !important;
  width: auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  flex-wrap: nowrap !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  padding: 0 !important;
  scrollbar-width: none !important;
  border: 0 !important;
  box-shadow: none !important;
}
.topbarOuter .topnav::-webkit-scrollbar { display: none !important; }
.topbarOuter .topnav a.navlink,
.topbarOuter .topnav a.navlink:link,
.topbarOuter .topnav a.navlink:visited,
.topbarOuter .topnav a.navlink.current,
.topbarOuter .topnav a.navlink.ghost {
  color: var(--pp-header-nav) !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  text-underline-offset: 0 !important;
  border: 0 !important;
  border-bottom: 0 !important;
  opacity: 1 !important;
  white-space: nowrap !important;
  padding: 8px 9px !important;
}
.topbarOuter .topnav a.navlink:hover,
.topbarOuter .topnav a.navlink:focus,
.topbarOuter .topnav a.navlink:focus-visible,
.topbarOuter .topnav a.navlink:active {
  color: var(--pp-header-nav-hover) !important;
  background: rgba(255,255,255,.06) !important;
  border-color: transparent !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  outline: none !important;
}
.topbarOuter .brandLink,
.topbarOuter .brandLink:link,
.topbarOuter .brandLink:visited,
.topbarOuter .brandLink:hover,
.topbarOuter .brandLink:focus,
.topbarOuter .brandLink:focus-visible,
.topbarOuter .brandLink * {
  text-decoration: none !important;
}
.topbarOuter .topActions {
  grid-area: actions !important;
  min-width: 0 !important;
  width: auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  white-space: nowrap !important;
}
.topbarOuter .trustPill {
  display: inline-flex !important;
  align-items: center !important;
  flex: 0 1 auto !important;
  white-space: nowrap !important;
  max-width: min(235px, 30vw) !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  padding: 7px 10px !important;
  font-size: 11px !important;
  line-height: 1 !important;
  color: #D9FFEE !important;
  border: 1px solid rgba(57,249,166,.34) !important;
  border-bottom: 1px solid rgba(57,249,166,.34) !important;
  box-shadow: 0 0 0 1px rgba(57,249,166,.18) inset, 0 0 0 3px rgba(57,249,166,.10) !important;
}
.topbarOuter .cta,
.topbarOuter .cta:link,
.topbarOuter .cta:visited,
.topbarOuter .cta:hover,
.topbarOuter .cta:focus,
.topbarOuter .cta:focus-visible {
  color: #F6FAFF !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}
@media (max-width: 1120px) {
  .topbarOuter .topActions .cta { display: none !important; }
  .topbarOuter .trustPill { max-width: min(220px, 34vw) !important; }
}
@media (max-width: 760px) {
  :root { --pp-fixed-header-height: 92px; }
  .topbarInner {
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-areas: "brand actions" "nav nav" !important;
    align-items: center !important;
    gap: 7px 10px !important;
    padding: 7px 12px !important;
    flex-wrap: nowrap !important;
  }
  .topbarOuter .topnav {
    width: 100% !important;
    justify-content: flex-start !important;
    order: initial !important;
  }
  .topbarOuter .topActions {
    min-width: 0 !important;
    justify-content: flex-end !important;
    order: initial !important;
  }
  .topbarOuter .topActions .cta { display: none !important; }
  .topbarOuter .topActions .trustPill,
  .topbarOuter .trustPill {
    display: inline-flex !important;
    max-width: 46vw !important;
    padding: 6px 8px !important;
    font-size: 10px !important;
    line-height: 1 !important;
  }
  .topbarOuter .brandSub {
    display: block !important;
    font-size: 10.5px !important;
    line-height: 1.08 !important;
    margin-top: 2px !important;
    white-space: nowrap !important;
  }
}
@media (max-width: 420px) {
  :root { --pp-fixed-header-height: 88px; }
  .topbarOuter .topActions .trustPill,
  .topbarOuter .trustPill {
    max-width: 43vw !important;
    padding: 5px 7px !important;
    font-size: 9.5px !important;
  }
  .topbarOuter .topnav a.navlink { padding: 7px 8px !important; }
  .topbarOuter .brandSub { font-size: 10px !important; line-height: 1.05 !important; }
}


/* Keep the Salary Report item compact inside the shared nav. */
.topbarOuter .topnav a.pp-nav-report,
.topbarOuter .topnav a.pp-nav-report:link,
.topbarOuter .topnav a.pp-nav-report:visited{
  display:inline-flex!important;align-items:center!important;gap:6px!important;
  padding:7px 9px!important;border:1px solid rgba(39,217,255,.25)!important;
  border-radius:999px!important;
  background:linear-gradient(90deg,rgba(124,92,255,.23),rgba(39,217,255,.15))!important;
  color:#F6FAFF!important;
}
.topbarOuter .pp-nav-report-mark{display:grid;place-items:center;width:18px;height:18px;flex:0 0 auto}
.topbarOuter .pp-nav-report-icon{display:block;width:18px;height:18px}
.topbarOuter .pp-nav-report-copy{display:inline-flex;align-items:baseline;gap:3px}
.topbarOuter .pp-nav-report-price{font-weight:800;color:#D9FFEE;font-size:11px}
@media(max-width:420px){
  .topbarOuter .pp-nav-report-price{display:none}
  .topbarOuter .topnav a.pp-nav-report{padding:6px 8px!important}
}

/* Calculator/result anchors must clear the fixed two-row mobile header. */
#calculator,#results,#main-body,.resultsCard{scroll-margin-top:calc(var(--pp-fixed-header-height,60px) + 14px)!important}

/* v4: mobile info controls are anchored popovers, not a footer/bottom sheet. */
@media(max-width:680px){
  .infoBubble{
    position:fixed!important;
    top:0;left:12px!important;right:auto!important;bottom:auto!important;
    width:min(280px,calc(100vw - 24px))!important;
    max-width:calc(100vw - 24px)!important;
    padding:11px 12px!important;
    border-radius:12px!important;
    font-size:12px!important;line-height:1.45!important;
    box-shadow:0 14px 42px rgba(0,0,0,.58)!important;
    visibility:hidden;
  }
  .infoTip[open]::after{content:none!important;display:none!important}
  .infoTip[open].is-positioned>.infoBubble{visibility:visible}
}


/* v7: post-calculator estimate + editorial trust block, matching PayPrecise editorial pages. */
.postCalcTrust{
  max-width:1220px;
  margin:18px auto 20px;
  display:grid;
  gap:10px;
}
.estimateNotice{
  display:flex;
  align-items:baseline;
  gap:6px;
  flex-wrap:wrap;
  padding:13px 16px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:16px;
  background:
    linear-gradient(90deg,rgba(255,209,102,.13),rgba(255,255,255,.045) 34%,rgba(255,255,255,.03));
  box-shadow:0 10px 28px rgba(0,0,0,.20);
  color:rgba(206,214,242,.92);
  font-size:13px;
  line-height:1.45;
}
.estimateNotice strong{
  color:var(--text);
  font-family:var(--display);
  font-weight:700;
}
.editorialBanner{
  display:flex;
  align-items:center;
  gap:13px;
  padding:14px 16px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:16px;
  background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.028));
  box-shadow:0 10px 28px rgba(0,0,0,.18);
}
.editorialAvatar{
  width:38px;
  height:38px;
  border-radius:50%;
  display:grid;
  place-items:center;
  flex:0 0 auto;
  font-family:var(--display);
  font-size:14px;
  font-weight:800;
  color:#fff;
  background:linear-gradient(135deg,rgba(124,92,255,.92),rgba(39,217,255,.82));
  border:1px solid rgba(255,255,255,.14);
  box-shadow:0 0 0 4px rgba(39,217,255,.07);
}
.editorialCopy{
  min-width:0;
  display:grid;
  gap:3px;
}
.editorialCopy strong{
  font-family:var(--display);
  color:var(--text);
  font-size:14px;
  line-height:1.2;
}
.editorialCopy span{
  color:rgba(196,205,235,.86);
  font-size:12.5px;
  line-height:1.45;
}
.editorialCopy span b{color:rgba(230,236,255,.97);font-weight:700}
@media(max-width:680px){
  .postCalcTrust{margin:14px auto 16px;gap:8px}
  .estimateNotice{padding:11px 12px;border-radius:14px;font-size:12px;line-height:1.4}
  .editorialBanner{padding:11px 12px;border-radius:14px;gap:11px;align-items:flex-start}
  .editorialAvatar{width:34px;height:34px;font-size:13px}
  .editorialCopy strong{font-size:13px}
  .editorialCopy span{font-size:11.5px;line-height:1.42}
}

/* v9.0 correctness release: bonus pay-period method + editorial author link */
.bonusMethodNote{margin:9px 2px 0;color:rgba(196,205,235,.78);font-size:11px;line-height:1.45}
.editorialCopy b a{color:inherit;text-decoration:underline;text-decoration-color:rgba(39,217,255,.42);text-underline-offset:3px}
.editorialCopy b a:hover{color:#fff;text-decoration-color:rgba(57,249,166,.75)}
@media(max-width:680px){.bonusMethodNote{font-size:10.75px;line-height:1.42}}

/* v9.0.1: mobile header priority: keep Salary Report visible; About remains in footer/company navigation. */
@media (max-width:760px){
  .topbarOuter .topnav .pp-nav-about{display:none!important}
}

/* v9.0.2 correctness freeze: tax-year loan clarification + preserved annual bonus comparison */
.loanYearNote{
  margin-top:7px;
  padding:8px 10px;
  border:1px solid rgba(255,209,102,.22);
  border-radius:11px;
  background:rgba(255,209,102,.07);
  color:#FFF0BE;
  font-size:11px;
  line-height:1.4;
}
.annualCompare{
  margin-top:11px;
  padding:11px 12px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:14px;
  background:rgba(255,255,255,.025);
}
.annualCompareHd{
  font-family:var(--display);
  font-size:12px;
  color:rgba(230,236,255,.96);
  margin-bottom:9px;
}
.annualCompareGrid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}
.annualCompareGrid>div{
  min-width:0;
}
.annualCompareGrid span{
  display:block;
  color:rgba(196,205,235,.76);
  font-size:10.75px;
  line-height:1.35;
}
.annualCompareGrid strong{
  display:block;
  margin-top:4px;
  color:var(--text);
  font-family:var(--display);
  font-size:14px;
  line-height:1.2;
}
@media(max-width:480px){
  .annualCompareGrid{grid-template-columns:1fr}
  .loanYearNote{font-size:10.75px}
}


/* v9.0.3: mobile-only Tax position accordion */
.taxPositionMobileSummary{display:none}
@media (min-width:761px){
  .taxPositionCollapse:not([open]) > .taxPositionBody{display:block}
}
@media (max-width:760px){
  .taxPositionCollapse{
    margin:0;
    border:1px solid rgba(255,255,255,.11);
    border-radius:16px;
    background:rgba(0,0,0,.10);
    overflow:visible;
  }
  .taxPositionCollapse > .taxPositionMobileSummary{
    display:flex;
    align-items:center;
    gap:11px;
    min-height:64px;
    padding:11px 13px;
    cursor:pointer;
    list-style:none;
    user-select:none;
  }
  .taxPositionCollapse > .taxPositionMobileSummary::-webkit-details-marker{display:none}
  .taxPositionSummaryCopy{display:flex;flex:1 1 auto;min-width:0;flex-direction:column;gap:3px}
  .taxPositionSummaryCopy strong{
    font-family:var(--display);
    font-size:16px;
    line-height:1.15;
    color:var(--text);
  }
  .taxPositionSummaryMeta{
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    color:rgba(196,205,235,.82);
    font-size:11.5px;
    line-height:1.35;
  }
  .taxPositionChevron{
    width:10px;
    height:10px;
    margin-left:auto;
    border-right:2px solid rgba(206,214,242,.78);
    border-bottom:2px solid rgba(206,214,242,.78);
    transform:rotate(45deg) translateY(-2px);
    transition:transform .16s ease;
    flex:0 0 auto;
  }
  .taxPositionCollapse[open] .taxPositionChevron{transform:rotate(225deg) translate(-2px,-2px)}
  .taxPositionCollapse[open] > .taxPositionMobileSummary{
    border-bottom:1px solid rgba(255,255,255,.08);
    background:rgba(255,255,255,.025);
  }
  .taxPositionBody{padding:13px 13px 14px}
  .taxPositionBody > .taxPositionDesktopHead{display:none}
  .taxPositionBody > .formGrid{margin-top:0}
  .taxPositionBody > .advanced{margin-top:12px}
}

@media (max-width:900px){.footGrid{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.footGrid{grid-template-columns:1fr}}

/* v9.0.9: Copy confirmation toast. Hidden until the Copy button is used. */
.toast{
  position:fixed;
  left:50%;
  bottom:16px;
  transform:translateX(-50%);
  z-index:1200;
  padding:10px 12px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:999px;
  background:rgba(6,7,18,.92);
  color:var(--text);
  box-shadow:0 14px 40px rgba(0,0,0,.35);
  font-size:12px;
  line-height:1;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .2s ease, transform .2s ease, visibility 0s linear .2s;
}
.toast.show{
  opacity:1;
  visibility:visible;
  transform:translateX(-50%) translateY(-4px);
  transition-delay:0s;
}