:root{--brand-50: #f2fafc;--brand-100: #e0f2f7;--brand-500: #0ea5e9;--brand-600: #0284c7;--brand-900: #0c4a6e;--slate-50: #f8fafc;--slate-100: #e2e8f0;--slate-200: #cbd5e1;--slate-500: #64748b;--slate-600: #475569;--slate-700: #334155;--slate-900: #0f172a;--white: #ffffff;--success: #059669;--danger: #dc2626;--shadow-sm: 0 10px 25px rgba(15, 23, 42, .05);--shadow-lg: 0 24px 60px rgba(15, 23, 42, .12);--radius-xl: 24px;--radius-2xl: 32px}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Figtree,sans-serif;color:var(--slate-900);background:linear-gradient(180deg,#f7fbfd,#fff 18%)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}img{max-width:100%;display:block}.container{width:min(1120px,calc(100% - 2rem));margin:0 auto}.container--narrow{width:min(760px,calc(100% - 2rem))}.site-main{min-height:calc(100vh - 200px)}.site-header{position:sticky;top:0;z-index:50;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffe0;border-bottom:1px solid rgba(226,232,240,.8)}.site-header__inner{display:flex;align-items:center;justify-content:space-between;min-height:88px;gap:1.5rem}.brand-mark img{height:56px;width:auto}.site-nav{display:flex;align-items:center;gap:1.5rem}.nav-dropdown{position:relative}.nav-dropdown__toggle{display:inline-flex;align-items:center;gap:.5rem;padding:0;border:0;background:transparent;font:inherit;font-weight:600;color:var(--slate-500);cursor:pointer;transition:color .2s ease}.nav-dropdown__toggle:hover,.nav-dropdown.is-active .nav-dropdown__toggle,.nav-dropdown.is-open .nav-dropdown__toggle{color:var(--brand-600)}.nav-dropdown__caret{width:.55rem;height:.55rem;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-1px);transition:transform .2s ease}.nav-dropdown.is-open .nav-dropdown__caret{transform:rotate(-135deg) translateY(-1px)}.nav-dropdown__menu{position:absolute;top:calc(100% + .9rem);left:0;min-width:220px;padding:.6rem;border:1px solid rgba(226,232,240,.9);border-radius:18px;background:var(--white);box-shadow:var(--shadow-lg);display:grid;gap:.25rem;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-8px);transition:opacity .18s ease,transform .18s ease,visibility .18s ease;z-index:70}.nav-dropdown.is-open .nav-dropdown__menu{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.nav-dropdown__menu a{display:block;padding:.8rem .95rem;border-radius:14px;color:var(--slate-700);font-weight:700}.nav-dropdown__menu a:hover,.nav-dropdown__menu a.is-active{background:var(--slate-50);color:var(--brand-600)}.nav-form{margin:0}.nav-button{font:inherit}.profile-menu{position:relative}.profile-menu__toggle{display:inline-flex;align-items:center;gap:.85rem;padding:.45rem .65rem;border:1px solid var(--slate-200);border-radius:999px;background:var(--white);cursor:pointer}.profile-menu__avatar{width:40px;height:40px;border-radius:999px;display:grid;place-items:center;background:linear-gradient(135deg,var(--brand-500),var(--brand-600));color:var(--white);font-size:.82rem;font-weight:800}.profile-menu__meta{display:grid;text-align:left;min-width:0}.profile-menu__meta strong,.profile-menu__summary strong{color:var(--slate-900);font-size:.92rem}.profile-menu__meta small,.profile-menu__summary span{color:var(--slate-500);font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}.profile-menu__panel{position:absolute;top:calc(100% + .75rem);right:0;width:min(280px,80vw);padding:.85rem;border:1px solid rgba(226,232,240,.9);border-radius:20px;background:var(--white);box-shadow:var(--shadow-lg);display:grid;gap:.35rem;z-index:60;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-8px);transition:opacity .18s ease,transform .18s ease,visibility .18s ease}.profile-menu.is-open .profile-menu__panel{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.profile-menu__summary{display:grid;gap:.2rem;padding:.45rem .55rem .8rem;border-bottom:1px solid rgba(226,232,240,.8);margin-bottom:.25rem}.profile-menu__link{display:flex;align-items:center;width:100%;padding:.8rem .9rem;border-radius:14px;color:var(--slate-700);font-weight:700}.profile-menu__link:hover{background:var(--slate-50)}.profile-menu__logout{margin:0}.profile-menu__link--button{border:0;background:transparent;cursor:pointer;font:inherit;text-align:left}.site-nav>a{font-weight:600;color:var(--slate-500);transition:color .2s ease}.site-nav>a:hover,.site-nav>a.is-active{color:var(--brand-600)}.nav-cta{padding:.85rem 1.4rem;border-radius:999px;background:var(--brand-500);color:var(--white)!important;box-shadow:0 12px 26px #0ea5e93d}.nav-cta--ghost{background:transparent;color:var(--slate-700)!important;box-shadow:none;border:1px solid var(--slate-200)}.mobile-menu-toggle{display:none;flex-direction:column;gap:5px;border:0;background:transparent;padding:0}.mobile-menu-toggle span{width:24px;height:2px;background:var(--slate-900);border-radius:999px}.hero-section,.page-hero{position:relative;overflow:hidden}.hero-section{padding:4rem 0 6rem}.hero-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4rem;align-items:center}.hero-orb{position:absolute;border-radius:999px;filter:blur(18px);opacity:.55;pointer-events:none}.hero-orb--top{top:-160px;right:-60px;width:420px;height:420px;background:radial-gradient(circle,rgba(14,165,233,.2),transparent 70%)}.hero-orb--bottom{left:-100px;bottom:-120px;width:360px;height:360px;background:radial-gradient(circle,rgba(56,189,248,.16),transparent 70%)}.eyebrow-pill{display:inline-flex;align-items:center;gap:.65rem;padding:.65rem 1rem;margin-bottom:1.5rem;border:1px solid rgba(14,165,233,.16);border-radius:999px;background:#ffffffd6;color:var(--brand-600);font-size:.92rem;font-weight:700;box-shadow:var(--shadow-sm)}.eyebrow-pill__dot{width:10px;height:10px;border-radius:999px;background:var(--brand-500);box-shadow:0 0 0 6px #0ea5e924}.hero-copy h1,.page-hero h1{margin:0;font-size:clamp(2.8rem,6vw,5.25rem);line-height:1.02;letter-spacing:-.04em}.hero-copy h1 span{color:var(--brand-600)}.hero-copy p,.page-hero p,.section-heading p,.feature-card p,.pricing-card p,.contact-card__header p,.site-footer__copy,.faq-item__content,.info-banner{color:var(--slate-500);line-height:1.7}.hero-copy p{max-width:560px;margin:1.4rem 0 0;font-size:1.08rem}.hero-actions,.hero-meta,.calculator-actions{display:flex;flex-wrap:wrap;gap:1rem}.hero-actions{margin-top:2rem}.button{display:inline-flex;align-items:center;justify-content:center;gap:.7rem;padding:1rem 1.5rem;border:0;border-radius:18px;font-weight:700;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.button:hover{transform:translateY(-1px)}.button--primary{background:linear-gradient(135deg,var(--brand-500),var(--brand-600));color:var(--white);box-shadow:0 14px 30px #0ea5e93d}.button--secondary,.button--soft{background:var(--white);color:var(--slate-700);border:1px solid var(--slate-200);box-shadow:var(--shadow-sm)}.button--dark{background:var(--slate-900);color:var(--white);box-shadow:0 14px 30px #0f172a33}.button--full{width:100%}.button__icon,.feature-card__icon svg,.payslip-line i,.hero-meta i,.button span svg,.section-link span svg,.pricing-card li i svg{width:18px;height:18px;fill:currentColor}.hero-meta{margin-top:2rem}.hero-meta span{display:inline-flex;align-items:center;gap:.55rem;color:var(--slate-500);font-weight:600}.hero-meta i{display:inline-flex;padding:.25rem;border-radius:999px;background:#dcfce7;color:var(--success)}.hero-card{position:relative;padding:2rem;background:#ffffffc7;border:1px solid rgba(255,255,255,.8);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transform:rotate(2deg)}.hero-card__header,.hero-card__row,.payslip-summary,.payslip-line,.payslip-card__actions,.site-footer__bottom{display:flex;align-items:center;justify-content:space-between}.hero-card__header strong,.hero-card__header span{display:block}.hero-card__header span{color:var(--slate-500);margin-top:.35rem}.hero-card__badge{width:52px;height:52px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,var(--brand-500),var(--brand-600));color:var(--white)}.hero-card__stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:1.75rem 0}.hero-card__stats article{padding:1.25rem;border-radius:22px;background:var(--slate-50)}.hero-card__stats article.is-success{background:#ecfdf5}.hero-card__stats span{display:block;color:var(--slate-500);margin-bottom:.45rem}.hero-card__stats strong{font-size:2rem}.hero-card__list{display:grid;gap:.75rem}.hero-card__row{gap:1rem;padding:.9rem 1rem;border-radius:18px;background:#f8fafccc}.avatar-skeleton{width:42px;height:42px;border-radius:999px;background:linear-gradient(90deg,#dbe4ee,#eff6ff,#dbe4ee)}.line-skeleton{flex:1}.line-skeleton span{display:block;height:8px;border-radius:999px;background:#dbe4ee}.line-skeleton span+span{width:70%;margin-top:.5rem;background:#eff6ff}.hero-card__row em{padding:.4rem .75rem;border-radius:999px;background:#dcfce7;color:var(--success);font-style:normal;font-size:.8rem;font-weight:700}.trust-strip{padding:1.1rem 0 2.5rem;background:var(--white);border-bottom:1px solid rgba(226,232,240,.75)}.trust-strip p,.page-hero>.container>span,.section-heading>span{margin:0 0 1.1rem;text-transform:uppercase;letter-spacing:.25em;font-size:.76rem;font-weight:800;color:var(--brand-600)}.trust-strip__logos{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem 3rem;color:#0f172a99;font-size:1.3rem;font-weight:800}.feature-section,.pricing-section,.calculator-section,.contact-section,.faq-section{padding:5rem 0}.feature-section--plain{padding-top:1rem}.section-heading{max-width:720px;margin:0 auto 3rem;text-align:center}.section-heading h2,.pricing-card h2,.contact-card__header h2,.calculator-card__title h2{margin:0 0 .85rem;font-size:clamp(2rem,4vw,3.25rem);line-height:1.08;letter-spacing:-.03em}.section-heading mark{background:transparent;color:var(--brand-600)}.feature-grid,.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}.feature-card,.pricing-card,.calculator-card,.contact-card,.payslip-card,.faq-item{background:var(--white);border:1px solid rgba(226,232,240,.8);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm)}.feature-card{padding:2rem}.feature-card__icon{width:56px;height:56px;display:grid;place-items:center;border-radius:18px;color:var(--white);margin-bottom:1.4rem}.accent-blue{background:#3b82f6}.accent-emerald{background:#10b981}.accent-violet{background:#8b5cf6}.accent-orange{background:#f97316}.accent-rose{background:#f43f5e}.accent-slate{background:#334155}.feature-card h3{margin:0 0 .85rem;font-size:1.28rem}.feature-card ul,.pricing-card ul,.site-footer ul{margin:1.4rem 0 0;padding:0;list-style:none}.feature-card li,.pricing-card li{display:flex;align-items:center;gap:.75rem;color:var(--slate-700);font-weight:600}.feature-card li+li,.pricing-card li+li,.site-footer li+li{margin-top:.85rem}.feature-card li i,.pricing-card li i{display:inline-flex;color:var(--brand-500)}.section-link{margin-top:2rem;text-align:center}.section-link a{display:inline-flex;align-items:center;gap:.55rem;font-weight:800;color:var(--slate-900);border-bottom:2px solid var(--brand-500);padding-bottom:.2rem}.page-hero{padding:4rem 0 2rem}.page-hero--compact{padding-bottom:1rem}.page-hero>.container{text-align:center}.pricing-card{position:relative;padding:2rem;display:flex;flex-direction:column;gap:1rem}.pricing-card.is-highlighted{border-color:#0ea5e959;box-shadow:0 24px 60px #0ea5e924}.pricing-card__tag{position:absolute;top:0;right:0;padding:.45rem .8rem;border-radius:0 24px 0 18px;background:var(--brand-500);color:var(--white);font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.12em}.pricing-card__amount{margin:0;font-size:1.5rem;font-weight:800;color:var(--slate-900)}.pricing-card__trial{margin:0;color:var(--success);font-weight:700}.pricing-card__subscriptions{display:grid;gap:.65rem;padding:1rem 1.1rem;border-radius:18px;background:var(--slate-50)}.pricing-card__subscriptions p{margin:0;display:flex;flex-direction:column;gap:.2rem}.pricing-card__subscriptions strong{color:var(--slate-900)}.pricing-card__subscriptions span{color:var(--slate-600);font-size:.95rem}.pricing-card ul{flex:1}.subscription-section{padding:2rem 0 5rem}.subscription-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);gap:1.5rem;align-items:start}.subscription-success-shell{display:grid;gap:1.5rem}.subscription-card{background:var(--white);border:1px solid rgba(226,232,240,.8);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);padding:2rem}.subscription-card h2{margin:0 0 1rem}.subscription-card--hero{background:linear-gradient(135deg,#f8fdff,#fff 60%,#eef9ff)}.subscription-success-head,.subscription-success-actions{display:flex;align-items:center;justify-content:space-between;gap:1rem}.subscription-success-head h2{margin-bottom:.25rem}.subscription-status-pill{display:inline-flex;align-items:center;padding:.55rem .9rem;border-radius:999px;background:#ecfdf5;color:#047857;font-weight:800}.subscription-status-pill.is-pending{background:#fff7ed;color:#c2410c}.subscription-status-pill.is-complete{background:#ecfdf5;color:#047857}.subscription-status-pill.is-error{background:#fef2f2;color:#b91c1c}.subscription-success-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:1.5rem 0}.subscription-success-stats article{padding:1rem 1.1rem;border-radius:18px;background:#f8fafcd9}.subscription-success-stats span,.subscription-detail-list dt{display:block;color:var(--slate-500);font-size:.82rem;text-transform:uppercase;letter-spacing:.08em;font-weight:800;margin-bottom:.35rem}.subscription-success-stats strong,.subscription-detail-list dd{margin:0;color:var(--slate-900);font-size:1.02rem;font-weight:700}.subscription-detail-list{display:grid;gap:1rem;margin:0}.subscription-detail-list div{padding-bottom:1rem;border-bottom:1px solid rgba(226,232,240,.8)}.subscription-detail-list div:last-child{padding-bottom:0;border-bottom:0}.subscription-step-list{display:grid;gap:.85rem;margin-top:1rem}.subscription-step-list article{padding:1rem 1.1rem;border-radius:18px;background:var(--slate-50)}.subscription-step-list strong{display:block;margin-bottom:.35rem;color:var(--slate-900)}.subscription-progress-panel{display:grid;grid-template-columns:auto minmax(0,1fr);gap:1rem;align-items:center;padding:1rem 1.1rem;margin-bottom:1.25rem;border-radius:20px;background:#eff6ff;border:1px solid rgba(59,130,246,.18)}.subscription-progress-panel p{margin:.35rem 0 0}.subscription-progress-indicator{width:2.5rem;height:2.5rem;border-radius:999px;border:4px solid rgba(14,165,233,.16);border-top-color:var(--brand-500);animation:subscription-spin 1s linear infinite}.subscription-form{display:grid;gap:1rem}.subscription-form label{display:grid;gap:.45rem}.subscription-form span{font-size:.92rem;font-weight:700;color:var(--slate-700)}.subscription-field-help{color:var(--slate-500);font-size:.82rem}.subscription-form input,.subscription-form textarea{width:100%;border:1px solid rgba(148,163,184,.4);border-radius:16px;padding:.9rem 1rem;font:inherit;color:var(--slate-900);background:var(--white)}.subscription-form input:focus,.subscription-form textarea:focus{outline:none;border-color:var(--brand-500);box-shadow:0 0 0 4px #0ea5e91f}.subscription-form button[disabled],.subscription-success-actions button[disabled]{opacity:.72;cursor:wait}.subscription-form--compact{margin-top:1rem}@keyframes subscription-spin{to{transform:rotate(360deg)}}.subscription-account-chip,.subscription-inline-link,.subscription-resend-form{margin-top:1rem}.subscription-account-chip{padding:.9rem 1rem;border-radius:16px;background:var(--slate-50);color:var(--slate-700)}.subscription-inline-link{color:var(--slate-600)}.subscription-inline-link a{color:var(--brand-600);font-weight:700}.subscription-errors,.subscription-success-banner,.subscription-paybill-note{border-radius:18px;padding:1rem 1.1rem}.subscription-errors{background:#fff1f2;color:#be123c}.subscription-errors ul{margin:0;padding-left:1.15rem}.subscription-success-banner{margin-bottom:1rem;background:#ecfdf5;color:#047857;font-weight:700}.subscription-paybill-note{background:var(--slate-50);display:grid;gap:.5rem}.subscription-paybill-note p,.subscription-card p{margin:0}.subscription-summary-list{margin:1.25rem 0 0;padding-left:1.2rem;display:grid;gap:.65rem}.onboarding-shell{display:grid;gap:1.5rem}.onboarding-grid{grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr)}.onboarding-hero-card{position:static}.onboarding-sticky-nav{position:sticky;top:104px;z-index:10;margin-top:1.5rem;padding-top:.25rem;background:linear-gradient(180deg,#fffffffa,#ffffffeb);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.onboarding-requirement-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1.5rem}.onboarding-requirement{padding:1rem 1.1rem;border-radius:20px;background:#f8fafce6;border:1px solid rgba(226,232,240,.8)}.onboarding-requirement.is-complete{background:#ecfdf5;border-color:#bbf7d0}.onboarding-requirement strong,.onboarding-section h3{display:block;margin-bottom:.35rem;color:var(--slate-900)}.onboarding-requirement span{display:inline-flex;margin-top:.75rem;font-size:.82rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--brand-600)}.onboarding-form{gap:1.5rem}.onboarding-section{display:grid;gap:1rem;padding-top:1.5rem;border-top:1px solid rgba(226,232,240,.8)}.onboarding-section.is-muted{opacity:.72}.onboarding-form-footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-top:1rem;border-top:1px solid rgba(226,232,240,.8)}.onboarding-form-actions{display:flex;align-items:center;gap:.75rem}.onboarding-section:first-of-type{padding-top:0;border-top:0}.onboarding-time-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.onboarding-tabs,.onboarding-option-grid,.onboarding-checkbox-grid{display:grid;gap:1rem}.onboarding-tabs{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:1.25rem}.onboarding-overview{display:flex;align-items:flex-end;justify-content:space-between;gap:1.5rem;margin-top:1.75rem}.onboarding-overview small{display:inline-block;margin-bottom:.35rem;text-transform:uppercase;letter-spacing:.12em;color:var(--slate-500);font-weight:800;font-size:.72rem}.onboarding-overview strong{display:block;font-size:1.2rem}.onboarding-overview p{margin:.45rem 0 0;color:var(--slate-600);max-width:48rem}.onboarding-overview__meta{min-width:120px;text-align:right}.onboarding-overview__meta span{display:block;color:var(--slate-500);font-size:.86rem}.onboarding-overview__meta strong{font-size:1.9rem;line-height:1;color:var(--brand-600)}.onboarding-progress{position:relative;height:10px;margin-top:1rem;border-radius:999px;background:#e2e8f0e6;overflow:hidden}.onboarding-progress__bar{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--brand-500),#22c55e);transition:width .22s ease}.onboarding-tab{position:relative;display:grid;grid-template-columns:auto 1fr;align-items:start;gap:.85rem;padding:1rem 1.1rem 1.05rem;border-radius:24px;border:1px solid rgba(226,232,240,.8);background:linear-gradient(180deg,#ffffffeb,#f8fafcf0);box-shadow:0 14px 35px #0f172a0d;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.onboarding-tab:hover{transform:translateY(-2px);box-shadow:0 20px 42px #0f172a14}.onboarding-tab__index{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:var(--slate-900);color:var(--white);font-weight:800;font-size:1rem;box-shadow:inset 0 0 0 1px #ffffff14}.onboarding-tab__body{min-width:0}.onboarding-tab small{display:block;text-transform:uppercase;letter-spacing:.08em;color:var(--slate-500);font-weight:800;font-size:.7rem}.onboarding-tab strong{display:block;margin-top:.2rem;font-size:1rem}.onboarding-tab p{margin:.35rem 0 0;color:var(--slate-600);font-size:.88rem;line-height:1.45}.onboarding-tab__status{grid-column:1 / -1;display:inline-flex;align-items:center;justify-content:center;justify-self:start;margin-top:.15rem;padding:.38rem .68rem;border-radius:999px;background:#94a3b824;color:var(--slate-600);font-size:.76rem;font-weight:700;letter-spacing:.02em}.onboarding-tab.is-active{border-color:#0ea5e959;background:linear-gradient(180deg,#e0f2f7e6,#fffffff5);box-shadow:0 22px 48px #0ea5e924}.onboarding-tab.is-active .onboarding-tab__index{background:linear-gradient(135deg,var(--brand-500),var(--brand-600))}.onboarding-tab.is-active .onboarding-tab__status{background:#0ea5e929;color:var(--brand-900)}.onboarding-tab.is-complete{border-color:#05966938;background:linear-gradient(180deg,#ecfdf5eb,#fffffff5)}.onboarding-tab.is-complete .onboarding-tab__index{background:linear-gradient(135deg,#10b981,#059669)}.onboarding-tab.is-complete .onboarding-tab__status{background:#05966924;color:var(--success)}.onboarding-tab.is-complete strong{color:#065f46}.onboarding-option-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.onboarding-check{display:flex!important;align-items:center;gap:.75rem;padding:.95rem 1rem;border-radius:18px;background:var(--slate-50);border:1px solid rgba(226,232,240,.8)}.onboarding-check input{width:16px;height:16px;accent-color:var(--brand-500)}.onboarding-upload-field{display:grid;gap:.65rem;padding:1rem;border-radius:18px;border:1px dashed rgba(14,165,233,.35);background:linear-gradient(180deg,#f2fafcf2,#fffffff2)}.onboarding-upload-preview,.onboarding-upload-block{display:grid;gap:1rem;padding:1rem;border-radius:20px;border:1px solid rgba(226,232,240,.85);background:#f8fafcdb}.onboarding-upload-preview{grid-template-columns:112px minmax(0,1fr);align-items:center}.onboarding-upload-preview img{width:112px;height:112px;-o-object-fit:contain;object-fit:contain;border-radius:20px;background:linear-gradient(180deg,#fff,#f8fafc);border:1px solid rgba(226,232,240,.9);padding:.85rem}.onboarding-upload-preview__meta strong,.onboarding-upload-block__header h3{display:block;margin-bottom:.3rem}.onboarding-upload-preview__meta span,.onboarding-upload-block__header p{color:var(--slate-600)}.onboarding-upload-block__header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.onboarding-download-button{white-space:nowrap}.onboarding-file-chip{display:inline-flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem 1rem;border-radius:16px;background:#0ea5e914;color:var(--slate-700)}.onboarding-file-chip strong{font-size:.95rem}.onboarding-file-chip span{color:var(--slate-500);font-size:.86rem}.onboarding-inline-field,.onboarding-job-title-entry{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.85rem;align-items:end}.onboarding-job-title-entry{grid-template-columns:minmax(0,1.2fr) minmax(220px,.8fr) auto}.onboarding-pill-list,.onboarding-suggestion-list,.onboarding-job-title-list{display:flex;flex-wrap:wrap;gap:.75rem}.onboarding-job-title-pill-list{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem}.onboarding-job-title-pill-wrap{display:flex}.onboarding-chip-grid{display:flex;flex-wrap:wrap;gap:.75rem}.onboarding-select-chip-wrap{display:flex}.onboarding-select-chip{display:inline-flex;flex-direction:column;align-items:flex-start;gap:.25rem;padding:.8rem 1rem;border-radius:20px;border:1px solid rgba(148,163,184,.26);background:#f8fafcf2;color:var(--slate-800);text-align:left;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background-color .18s ease,box-shadow .18s ease}.onboarding-select-chip:hover{transform:translateY(-1px);border-color:#0ea5e952;box-shadow:0 14px 28px #0f172a14}.onboarding-select-chip.is-selected{border-color:#0ea5e961;background:linear-gradient(135deg,#0ea5e91f,#22c55e1f);box-shadow:0 10px 24px #0ea5e91f}.onboarding-select-chip.is-custom{border-style:dashed}.onboarding-select-chip strong{display:block;margin:0;font-size:.96rem}.onboarding-select-chip small{display:inline-flex;align-items:center;border-radius:999px;padding:.18rem .5rem;background:#ffffffd1;color:var(--slate-600);font-size:.72rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.onboarding-pill,.onboarding-suggestion-pill,.onboarding-job-title-card{display:inline-flex;align-items:center;gap:.7rem;padding:.75rem .9rem;border-radius:999px;border:1px solid rgba(14,165,233,.14);background:#f0f9ffe6;color:var(--slate-800)}.onboarding-pill button,.onboarding-job-title-card button{border:0;background:transparent;color:var(--brand-700);font:inherit;font-weight:700;cursor:pointer}.onboarding-suggestion-pill{cursor:pointer;text-align:left;flex-direction:column;align-items:flex-start;border-radius:18px;background:#f8fafcf2}.onboarding-suggestion-pill strong,.onboarding-job-title-card strong{display:block;margin:0}.onboarding-suggestion-pill span,.onboarding-job-title-card span{color:var(--slate-500);font-size:.82rem}.onboarding-job-title-pill{display:inline-flex;flex-direction:column;align-items:flex-start;gap:.25rem;padding:.85rem 1rem;border-radius:20px;border:1px solid rgba(148,163,184,.26);background:#f8fafcf2;color:var(--slate-800);text-align:left;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background-color .18s ease,box-shadow .18s ease}.onboarding-job-title-pill:hover{transform:translateY(-1px);border-color:#0ea5e952;box-shadow:0 14px 28px #0f172a14}.onboarding-job-title-pill.is-selected{border-color:#0ea5e961;background:linear-gradient(135deg,#0ea5e91f,#22c55e1f);box-shadow:0 10px 24px #0ea5e91f}.onboarding-job-title-pill.is-custom{border-style:dashed}.onboarding-job-title-pill strong{display:block;margin:0;font-size:.98rem}.onboarding-job-title-pill span{color:var(--slate-500);font-size:.82rem}.onboarding-job-title-pill small{display:inline-flex;align-items:center;border-radius:999px;padding:.18rem .5rem;background:#ffffffd1;color:var(--slate-600);font-size:.72rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.onboarding-job-title-card{width:100%;justify-content:space-between;border-radius:20px;background:#f8fafcf5}.subscription-form select{width:100%;border:1px solid rgba(148,163,184,.4);border-radius:16px;padding:.9rem 1rem;font:inherit;color:var(--slate-900);background:var(--white)}.subscription-form select:focus{outline:none;border-color:var(--brand-500);box-shadow:0 0 0 4px #0ea5e91f}.onboarding-ready-panel{margin-top:1rem;padding:1rem 1.1rem;border-radius:20px;background:#ecfdf5;border:1px solid #bbf7d0}.profile-grid,.profile-two-factor-shell{margin-top:1.5rem}.profile-two-factor-setup{display:grid;grid-template-columns:minmax(220px,.7fr) minmax(0,1fr);gap:1.5rem;align-items:start;margin-top:1.25rem}.profile-two-factor-qr{display:inline-flex;justify-content:center;padding:1rem;border-radius:20px;background:var(--white);border:1px solid rgba(226,232,240,.8)}.profile-two-factor-copy code{display:inline-block;margin-top:.35rem;padding:.35rem .55rem;border-radius:10px;background:var(--slate-50);color:var(--slate-900)}.profile-two-factor-actions{display:flex;flex-wrap:wrap;gap:.85rem}@media(max-width:960px){.subscription-grid{grid-template-columns:1fr}.subscription-success-head,.subscription-success-actions{flex-direction:column;align-items:flex-start}.subscription-success-stats,.onboarding-requirement-grid,.onboarding-time-grid,.profile-two-factor-setup,.onboarding-tabs,.onboarding-option-grid,.onboarding-inline-field,.onboarding-job-title-entry{grid-template-columns:1fr}.onboarding-overview{flex-direction:column;align-items:flex-start}.onboarding-overview__meta{text-align:left}.onboarding-hero-card{position:static}.onboarding-sticky-nav{position:static;margin-top:1.25rem;padding-top:0;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}.onboarding-upload-preview{grid-template-columns:1fr}.onboarding-upload-block__header{flex-direction:column}.onboarding-form-footer{flex-direction:column;align-items:stretch}.onboarding-form-actions{flex-direction:column;align-items:stretch;width:100%}}.faq-section{background:linear-gradient(180deg,#f2fafc99,#ffffffb3)}.faq-list{display:grid;gap:1rem}.faq-item{overflow:hidden}.faq-item.is-open{border-color:#0ea5e933;box-shadow:0 18px 40px #0ea5e914}.faq-item__toggle{width:100%;padding:1.5rem 1.6rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;border:0;background:transparent;text-align:left;font-weight:800;color:var(--slate-900);cursor:pointer}.faq-item.is-open .faq-item__toggle{color:var(--brand-600)}.faq-item__content{display:none;padding:0 1.6rem 1.6rem}.faq-item.is-open .faq-item__content{display:block}.faq-cta{margin-top:2rem;text-align:center}.calculator-listing-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}.calculator-listing-card{display:grid;gap:1.25rem;padding:1.8rem;border:1px solid rgba(226,232,240,.85);border-radius:24px;background:linear-gradient(180deg,#fffffffa,#f2fafccc);box-shadow:var(--shadow-sm)}.calculator-listing-card h3{margin:0 0 .75rem;font-size:1.35rem}.calculator-listing-card p{margin:0;color:var(--slate-500);line-height:1.7}.calculator-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(340px,.9fr);gap:2rem;align-items:start}.calculator-form-stack{display:grid;gap:1.5rem}.calculator-card,.contact-card{padding:1.8rem}.calculator-card__title{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:1.4rem;padding-bottom:1rem;border-bottom:1px solid rgba(226,232,240,.8)}.calculator-card__title h2{font-size:1.5rem;margin:0}.calculator-card__title small{color:var(--slate-500);font-weight:600}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.form-grid__full{grid-column:1 / -1}.form-grid label,.color-grid label{display:grid;gap:.55rem}.form-grid span,.color-grid span{color:var(--slate-700);font-size:.92rem;font-weight:700}.form-grid input,.form-grid select,.form-grid textarea,.color-grid input{width:100%;padding:.9rem 1rem;border:1px solid rgba(203,213,225,.9);border-radius:16px;background:var(--slate-50);color:var(--slate-900)}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{outline:0;border-color:#0ea5e98c;box-shadow:0 0 0 4px #0ea5e91f;background:var(--white)}.form-grid textarea{resize:vertical}.color-grid{display:flex;gap:2rem}.color-grid input{width:72px;height:56px;padding:.35rem;cursor:pointer}.calculator-preview{position:sticky;top:110px}.calculator-grid--cash{grid-template-columns:minmax(0,.95fr) minmax(420px,1.05fr)}.calculator-preview--cash{top:100px}.payslip-card{overflow:hidden}.payslip-card__header{padding:1.5rem;background:var(--brand-500);color:var(--white)}.payslip-logo{width:auto;height:42px;margin-bottom:1rem;-o-object-fit:contain;object-fit:contain;filter:brightness(0) invert(1)}.payslip-card__header h2{margin:0 0 .35rem}.payslip-card__header p{margin:0;color:#fffc}.payslip-card__header>span{display:inline-flex;align-self:start;padding:.45rem .8rem;border-radius:12px;background:#ffffff29;font-size:.8rem;font-weight:800;text-transform:uppercase;letter-spacing:.12em}.payslip-card__body{padding:1.6rem}.payslip-summary{gap:1rem;padding-bottom:1.3rem;border-bottom:1px solid rgba(226,232,240,.8)}.payslip-summary small,.payslip-summary span,.payslip-notes{display:block;color:var(--slate-500)}.payslip-summary strong{display:block;margin-top:.25rem}.payslip-section{margin-top:1.4rem}.payslip-section h3{margin:0 0 .85rem;font-size:.88rem;text-transform:uppercase;letter-spacing:.12em}.payslip-section--muted{padding:1rem;border-radius:20px;background:var(--slate-50);border:1px solid rgba(226,232,240,.8)}.payslip-line{gap:1rem;padding:.45rem 0}.payslip-line span{color:var(--slate-500)}.payslip-line strong{font-variant-numeric:tabular-nums}.payslip-line--total{margin-top:.3rem;padding-top:.85rem;border-top:1px solid rgba(226,232,240,.8);font-weight:800}.net-pay-box{margin-top:1.2rem;padding:1rem 1.2rem;border-radius:18px;background:var(--brand-50)}.net-pay-box strong{font-size:1.8rem}.payslip-notes{margin-top:1rem;min-height:1.25rem;font-style:italic}.payslip-card__actions{gap:1rem;padding:1rem 1.2rem 1.2rem;background:#f8fafccc}.info-banner{margin-top:1rem;padding:1rem 1.1rem;border-radius:18px;background:#eff6ff;border:1px solid #bfdbfe;color:#1d4ed8}.contact-card__header{margin-bottom:1.5rem}.contact-card__header h2{font-size:2rem}.demo-form .form-grid{margin-bottom:1rem}.contact-honeypot{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.form-status{margin-bottom:1rem;padding:.95rem 1rem;border-radius:16px;font-weight:600}.form-status.is-success{background:#ecfdf5;color:#166534;border:1px solid #bbf7d0}.form-status.is-error{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}.cash-upload-form{display:grid;gap:1.25rem}.cash-upload-dropzone{position:relative;display:grid;gap:.55rem;padding:2rem;border:2px dashed rgba(14,165,233,.28);border-radius:24px;background:linear-gradient(180deg,#f2fafce6,#fffffff2);cursor:pointer}.cash-upload-dropzone input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.cash-upload-dropzone strong{font-size:1.1rem}.cash-upload-dropzone span,.cash-upload-dropzone small,.cash-guide-list p,.cash-empty-state{color:var(--slate-500);line-height:1.7}.cash-guide-list{display:grid;gap:1rem}.cash-guide-list strong{display:block;margin-bottom:.3rem}.cash-summary-card{display:grid;gap:1.4rem}.calculator-actions--compact{justify-content:flex-start}.cash-empty-state{padding:1rem 1.1rem;border:1px dashed rgba(148,163,184,.5);border-radius:18px;background:var(--slate-50)}.cash-report-block{display:grid;gap:.9rem}.cash-report-block h3{margin:0;font-size:1rem;text-transform:uppercase;letter-spacing:.08em;color:var(--slate-700)}.cash-table-shell{overflow:auto;border:1px solid rgba(226,232,240,.9);border-radius:18px}.cash-table{width:100%;border-collapse:collapse;min-width:560px}.cash-table th,.cash-table td{padding:.85rem 1rem;border-bottom:1px solid rgba(226,232,240,.8);text-align:left;white-space:nowrap}.cash-table th{background:var(--slate-50);color:var(--slate-700);font-size:.82rem;text-transform:uppercase;letter-spacing:.08em}.cash-table tbody tr:nth-child(2n){background:#f8fafcb3}.site-footer{padding-top:4rem;background:var(--white);border-top:1px solid rgba(226,232,240,.8)}.site-footer__grid{display:grid;grid-template-columns:1.2fr repeat(3,1fr);gap:2rem}.site-footer h4{margin:0 0 1rem}.site-footer__copy{max-width:320px;margin-top:1rem}.tenant-login-section{padding:4.5rem 0 5rem}.tenant-login-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr);gap:2rem;align-items:center}.tenant-login-panel,.tenant-login-card{background:var(--white);border:1px solid rgba(226,232,240,.8);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm)}.tenant-login-panel{padding:2.2rem}.tenant-login-card{padding:2rem}.tenant-login-panel__eyebrow{margin:0 0 1rem;text-transform:uppercase;letter-spacing:.18em;font-size:.78rem;font-weight:800;color:var(--brand-600)}.tenant-login-panel h1{margin:0;font-size:clamp(2.3rem,5vw,4rem);line-height:1.05;letter-spacing:-.04em}.tenant-login-panel h1 span{color:var(--brand-600)}.tenant-login-panel p,.tenant-login-card__header p,.tenant-login-support p{color:var(--slate-500);line-height:1.7}.tenant-login-points{display:grid;gap:1rem;margin-top:2rem}.tenant-login-points article{padding:1rem 1.1rem;border-radius:20px;background:var(--slate-50)}.tenant-login-points strong{display:block;margin-bottom:.35rem}.tenant-login-card__header h2{margin:0 0 .6rem;font-size:1.6rem}.tenant-login-form{display:grid;gap:1rem;margin-top:1.25rem}.tenant-login-form label{display:grid;gap:.55rem;font-size:.92rem;font-weight:700;color:var(--slate-700)}.tenant-login-form input[type=text]{width:100%;padding:.95rem 1rem;border:1px solid rgba(203,213,225,.9);border-radius:16px;background:var(--slate-50);color:var(--slate-900)}.tenant-login-form input[type=text]:focus{outline:0;border-color:#0ea5e98c;box-shadow:0 0 0 4px #0ea5e91f;background:var(--white)}.tenant-login-form__check{display:flex!important;align-items:center;gap:.65rem}.tenant-login-form__check input{width:16px;height:16px;accent-color:var(--brand-500)}.tenant-login-form__check span{color:var(--slate-500);font-weight:600}.tenant-login-support{margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid rgba(226,232,240,.8)}.tenant-login-support a{color:var(--brand-600);font-weight:700}.site-footer__bottom{padding:1.5rem 0;margin-top:2rem;border-top:1px solid rgba(226,232,240,.8);gap:1rem}.site-footer__links{display:flex;gap:1.25rem}@media(max-width:980px){.mobile-menu-toggle{display:inline-flex}.site-nav{position:absolute;top:calc(100% + 1px);left:1rem;right:1rem;display:none;flex-direction:column;align-items:stretch;gap:.85rem;padding:1rem;background:var(--white);border:1px solid rgba(226,232,240,.9);border-radius:24px;box-shadow:var(--shadow-lg)}.site-nav.is-open{display:flex}.nav-dropdown__menu{position:static;min-width:0;padding:.35rem 0 0;border:0;box-shadow:none;opacity:1;visibility:visible;pointer-events:auto;transform:none;display:none}.nav-dropdown.is-open .nav-dropdown__menu{display:grid}.hero-grid,.calculator-grid,.feature-grid,.pricing-grid,.tenant-login-grid,.site-footer__grid,.calculator-listing-grid{grid-template-columns:1fr}.hero-card{transform:none}.calculator-preview{position:static}}@media(max-width:640px){.hero-section,.feature-section,.pricing-section,.calculator-section,.contact-section,.faq-section{padding:3.5rem 0}.site-header__inner{min-height:78px}.brand-mark img{height:48px}.hero-copy h1,.page-hero h1{font-size:2.5rem}.form-grid{grid-template-columns:1fr}.color-grid,.hero-actions,.hero-meta,.site-footer__bottom,.payslip-card__actions,.profile-two-factor-actions{flex-direction:column;align-items:stretch}.hero-card__stats{grid-template-columns:1fr}.profile-menu__meta small{max-width:120px}}@media print{.site-header,.site-footer,.page-hero,.calculator-form-stack,.calculator-actions,.form-status,.cash-empty-state{display:none!important}.calculator-grid,.calculator-grid--cash{display:block}.calculator-preview,.calculator-preview--cash,.cash-summary-card{position:static!important}body{background:#fff}}