@import "https://fonts.googleapis.com/css2?family=Inter:wght@500;600;700&family=Manrope:wght@300;400;500;600&display=swap";:root{--jem-cream:#fff7ec;--jem-navy:#062133;--jem-pink:#ff697f;--jem-pink-light:#ffe3e8;--jem-white:#fff;--jem-border:#e9ddd0;--jem-muted:#64717a;--jem-success:#236c51;--jem-warning:#925100;--jem-danger:#b33c52;--font-heading:"Inter", system-ui, sans-serif;--font-body:"Manrope", "Inter", system-ui, sans-serif;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-8:3rem;--radius-sm:.5rem;--radius-md:.875rem;--radius-lg:1.25rem;--radius-pill:999px;--focus-ring:0 0 0 4px var(--jem-navy);--shadow-card:0 1rem 2.5rem #0621331a}*{box-sizing:border-box}html{background:var(--jem-cream);color:var(--jem-navy);font-family:var(--font-body)}body{min-width:320px;margin:0}button,input,select,textarea{font:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--jem-white);outline-offset:2px;box-shadow:var(--focus-ring)}button,input:not([type=checkbox]):not([type=radio]),select,textarea{min-block-size:44px}a[href]{align-items:center;min-block-size:44px;display:inline-flex}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--font-heading)}h1,h2,h3,p,dd{overflow-wrap:anywhere}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.button{border-radius:var(--radius-pill);cursor:pointer;min-height:2.75rem;font-family:var(--font-heading);border:1px solid #0000;padding:.55rem .9rem;font-size:.875rem;font-weight:600}.button:disabled{cursor:wait;opacity:.6}.button--primary{background:var(--jem-pink);color:var(--jem-navy)}.button--secondary{border-color:var(--jem-border);background:var(--jem-white);color:var(--jem-navy)}.button--ghost{color:var(--jem-navy);background:0 0}.button--navy{background:var(--jem-navy);color:var(--jem-cream)}.card{border:1px solid var(--jem-border);border-radius:var(--radius-lg);background:var(--jem-white);box-shadow:var(--shadow-card)}.status-badge{border-radius:var(--radius-pill);min-height:1.75rem;font-family:var(--font-heading);align-items:center;padding:.2rem .6rem;font-size:.75rem;font-weight:600;display:inline-flex}.status-badge--neutral{color:var(--jem-navy);background:#eef1f2}.status-badge--success{color:var(--jem-success);background:#dff4e9}.status-badge--warning{color:var(--jem-warning);background:#fff0d6}.status-badge--info{background:var(--jem-pink-light);color:#a83b50}.status-badge--danger{color:var(--jem-danger);background:#fde5e8}.progress-ring{justify-items:center;gap:var(--space-2);display:grid}.progress-ring__track,.progress-ring__value{transform-origin:50%;transform:rotate(-90deg)}.progress-ring__track{stroke:var(--jem-pink-light)}.progress-ring__value{stroke:var(--jem-pink);stroke-linecap:round}.progress-ring__percentage{fill:var(--jem-navy);font-family:var(--font-heading);font-size:1.2rem;font-weight:700}.progress-ring__label{max-width:10rem;color:var(--jem-muted);text-align:center;font-size:.75rem}.dialog-backdrop{z-index:10;padding:var(--space-4);background:#06213373;place-items:center;display:grid;position:fixed;inset:0}.dialog{border-radius:var(--radius-lg);background:var(--jem-white);width:min(100%,34rem);box-shadow:var(--shadow-card);overflow:hidden}.dialog--viewport-constrained{flex-direction:column;max-height:calc(100dvh - 2rem);display:flex}.dialog__header,.dialog__footer{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-5);display:flex}.dialog__header{border-bottom:1px solid var(--jem-border)}.dialog__header h2{margin:0;font-size:1.25rem}.dialog__close{background:var(--jem-cream);width:2.75rem;min-width:44px;height:2.75rem;min-height:44px;color:var(--jem-navy);cursor:pointer;border:0;border-radius:50%;font-size:1.5rem}.dialog__content{min-height:0;padding:var(--space-5);overflow-y:auto}.dialog__footer{border-top:1px solid var(--jem-border)}.tabs__list{gap:var(--space-2);border-bottom:1px solid var(--jem-border);padding:4px;scroll-padding-inline:4px;display:flex}.tabs__tab{min-height:44px;padding:var(--space-3) var(--space-4);color:var(--jem-muted);cursor:pointer;font-family:var(--font-heading);background:0 0;border:0;border-bottom:3px solid #0000;font-weight:600}.tabs__tab:focus-visible{z-index:1;scroll-margin-inline:var(--space-2)}.tabs__tab[aria-selected=true]{border-bottom-color:var(--jem-pink);color:var(--jem-navy)}.tabs__panel{padding-top:var(--space-4)}.app-shell{background:var(--jem-cream);min-height:100vh}.app-header{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-4) clamp(1rem, 4vw, 4rem);border-bottom:1px solid var(--jem-border);background:var(--jem-white);display:flex}.app-header__brand,.app-header__mode-switcher,.app-header__meta{align-items:center;gap:var(--space-3);display:flex}.jem-mark{min-width:3rem;min-height:1.85rem;padding:0 var(--space-2);border-radius:var(--radius-pill);background:var(--jem-pink);color:var(--jem-navy);font-family:var(--font-heading);letter-spacing:-.04em;justify-content:center;align-items:center;font-size:1rem;font-weight:700;display:inline-flex}.app-header__name{font-family:var(--font-heading);font-weight:700}.app-header__meta{color:var(--jem-muted);font-size:.875rem}.app-header__readiness{align-items:center;gap:var(--space-1);display:inline-flex}.app-header__readiness:before{background:var(--jem-warning);content:"";border-radius:50%;width:.5rem;height:.5rem}.app-header__readiness--ready:before{background:var(--jem-success)}.app-header__readiness--error:before{background:var(--jem-danger)}.app-shell__content{width:min(100% - 2rem,66rem);margin:0 auto;padding:clamp(2rem,7vw,5rem) 0}.app-shell__intro{max-width:38rem;margin-bottom:var(--space-5)}.eyebrow{margin-bottom:var(--space-2);color:var(--jem-muted);font-family:var(--font-heading);letter-spacing:.12em;text-transform:uppercase;font-size:.72rem;font-weight:500}.app-shell__intro h1{margin-bottom:var(--space-2);font-size:clamp(2.25rem,6vw,4rem);line-height:1}.app-shell__intro p:not(.eyebrow){color:var(--jem-muted);margin-bottom:0;font-size:1.1rem}.goal-summary{justify-content:space-between;align-items:center;gap:var(--space-5);padding:clamp(1.5rem,4vw,2.5rem);display:flex}.goal-summary h2{margin-bottom:var(--space-2);font-size:clamp(1.75rem,4vw,2.5rem)}.goal-summary__amount{margin-bottom:var(--space-4);color:var(--jem-muted)}.employee-experience__header,.employee-panel__header,.employer-experience__header,.employer-panel__header{max-width:44rem;margin-bottom:var(--space-5)}.employee-experience__header h1,.employer-experience__header h1{margin-bottom:var(--space-2);font-size:clamp(2.25rem,6vw,4rem);line-height:1}.employee-experience__header>p:last-child,.employee-panel__header p,.employee-card__muted,.employer-experience__header>p:last-child,.employer-panel__header p,.employer-card__muted{color:var(--jem-muted)}.employee-experience__tabs,.employer-experience__tabs{min-width:0;max-width:100%}.employee-overview,.employee-panel,.employer-panel{gap:var(--space-6);display:grid}.employee-summary-grid,.employee-card-grid,.employer-metric-grid,.employer-card-grid{gap:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.employee-card-grid,.employer-card-grid{margin-top:var(--space-4)}.employee-card,.employer-card{padding:var(--space-5)}.employee-card h2,.employee-card h3,.employer-card h2,.employer-card h3{margin-bottom:var(--space-2)}.employee-card--goal{justify-content:space-between;align-items:center;gap:var(--space-5);display:flex}.employee-card--action{border-color:var(--jem-pink);background:linear-gradient(135deg, var(--jem-white), var(--jem-pink-light))}.employee-card__heading-row,.employer-card__heading-row{justify-content:space-between;align-items:flex-start;gap:var(--space-3);display:flex}.employee-card__lead{font-family:var(--font-heading);font-weight:700}.employee-details,.employer-details{gap:var(--space-4);margin:var(--space-4) 0;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.employee-details dt,.employer-details dt{margin-bottom:var(--space-1);color:var(--jem-muted);font-size:.78rem}.employee-details dd,.employer-details dd{font-family:var(--font-heading);margin:0;font-size:.9rem;font-weight:600}.employer-metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.employer-metric h2{font-size:clamp(1.75rem,4vw,2.5rem)}.employer-metric p:last-child{color:var(--jem-muted);margin-bottom:0}.employer-section{margin-top:var(--space-2)}.employer-details--wide{grid-template-columns:repeat(3,minmax(0,1fr))}.employer-rules ul,.opportunity-validation__issues ul{gap:var(--space-2);padding-left:var(--space-5);margin-bottom:0;display:grid}.opportunity-builder__form-card,.opportunity-preview,.opportunity-saved-draft,.opportunity-validation{border-color:var(--jem-pink)}.opportunity-preview,.opportunity-saved-draft,.opportunity-validation{background:linear-gradient(135deg, var(--jem-white), var(--jem-pink-light))}.opportunity-validation__issues{padding-top:var(--space-4);border-top:1px solid var(--jem-border)}.opportunity-validation__issues h4{font-family:var(--font-heading);margin:0}.employee-panel section+section{margin-top:var(--space-4)}.confirmation-preview{gap:var(--space-4);display:grid}.reward-destinations{gap:var(--space-3);padding:var(--space-4);border:1px solid var(--jem-border);border-radius:var(--radius-md);display:grid}.reward-destinations legend{padding:0 var(--space-2);font-family:var(--font-heading);font-weight:700}.reward-destinations label{align-items:center;gap:var(--space-2);min-height:44px;font-weight:600;display:flex}.confirmation-notice,.success-message,.recovery-message{padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);font-weight:600}.confirmation-notice{border:1px solid var(--jem-border);background:var(--jem-cream);color:var(--jem-navy)}.success-message{color:var(--jem-success);background:#dff4e9}.recovery-message{color:var(--jem-danger);background:#fde5e8}.onboarding-flow{width:min(100% - 2rem,52rem);margin:0 auto;padding:clamp(2rem,7vw,5rem) 0}.onboarding-flow__step{margin-bottom:var(--space-3);color:var(--jem-muted);font-family:var(--font-heading);font-size:.875rem;font-weight:600}.onboarding-flow__heading{max-width:38rem;margin-bottom:var(--space-5)}.onboarding-flow__heading h1{margin-bottom:var(--space-2);font-size:clamp(2rem,5vw,3.25rem);line-height:1.05}.onboarding-flow__heading p:not(.eyebrow),.feature-form__description,.onboarding-flow__hint{color:var(--jem-muted)}.onboarding-flow__profile,.onboarding-flow__summary{padding:var(--space-5)}.onboarding-flow__profile dl,.onboarding-flow__summary dl{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;display:grid}.onboarding-flow__profile dt,.onboarding-flow__summary dt{margin-bottom:var(--space-1);color:var(--jem-muted);font-size:.8rem}.onboarding-flow__profile dd,.onboarding-flow__summary dd{font-family:var(--font-heading);margin:0;font-weight:600}.goal-choices{gap:var(--space-2);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.goal-choices .button[aria-pressed=true]{border-color:var(--jem-navy);background:var(--jem-pink-light)}.feature-form,.feature-form__fields{gap:var(--space-4);display:grid}.feature-form__fields--two-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-form__field{gap:var(--space-1);color:var(--jem-navy);font-family:var(--font-heading);font-size:.9rem;font-weight:600;display:grid}.feature-form__field input,.feature-form__field select,.feature-form__field textarea{border:1px solid var(--jem-border);border-radius:var(--radius-sm);background:var(--jem-white);width:100%;min-height:2.75rem;color:var(--jem-navy);font:inherit;padding:.5rem .65rem}.feature-form__field textarea{resize:vertical}.feature-form__field--wide{grid-column:1/-1}.feature-form__check{align-items:center;gap:var(--space-2);min-height:44px;font-size:.9rem;font-weight:600;display:flex}.feature-form__actions{gap:var(--space-3);margin-top:var(--space-5);flex-wrap:wrap;display:flex}.feature-form__actions--end{justify-content:flex-end}@media (width<=47.5rem){.app-header{flex-wrap:wrap;align-items:flex-start}.app-header__mode-switcher,.app-header__meta{flex-wrap:wrap;min-width:0;max-width:100%}.app-header__meta{margin-inline-start:auto}.onboarding-flow__profile dl,.onboarding-flow__summary dl,.feature-form__fields--two-columns,.employee-summary-grid,.employee-card-grid,.employee-details,.employer-metric-grid,.employer-card-grid,.employer-details,.employer-details--wide{grid-template-columns:1fr}.employee-card--goal,.employee-card__heading-row,.employer-card__heading-row{flex-direction:column;align-items:flex-start}.employee-experience__tabs .tabs,.employee-experience__tabs .tabs__list,.employer-experience__tabs .tabs,.employer-experience__tabs .tabs__list{min-width:0;max-width:100%}.employee-experience__tabs .tabs__list{overscroll-behavior-inline:contain;overflow-x:auto}.employer-experience__tabs .tabs__list{overscroll-behavior-inline:contain;scroll-padding-inline:var(--space-2);overflow-x:auto}.employee-experience__tabs .tabs__tab,.employer-experience__tabs .tabs__tab{flex:none}.dialog--viewport-constrained{max-height:calc(100dvh - 2rem)}}@media (width>=47.51rem) and (width<=56rem){.employee-summary-grid,.employee-card-grid,.employer-metric-grid,.employer-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
