:root{--ink:#183a33;--green:#155e4f;--green-dark:#104b3e;--muted:#71807b;--line:#e2e9e5;--paper:#f5f7f3;--lime:#deed9c;--soft-green:#edf4ed;--radius:22px;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);font-synthesis:none}
*{box-sizing:border-box}body{margin:0}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #b5cb66;outline-offset:4px}[hidden]{display:none!important}svg{display:block;width:24px;height:24px}button:disabled{cursor:wait;opacity:.65}.employee-page{min-height:100svh;background:var(--paper);display:flex;flex-direction:column}.employee-header{display:flex;align-items:center;justify-content:space-between;max-width:1240px;width:100%;margin:auto;padding:32px 60px 0}.brand{display:inline-flex;gap:11px;align-items:center;font-size:27px;letter-spacing:-1.4px;font-weight:750;line-height:1}.brand-dot{color:#8ba54e}.brand-icon{display:grid;grid-template-columns:10px 10px;grid-template-rows:10px 10px;gap:4px;transform:rotate(-5deg)}.brand-icon i{display:block;background:var(--green);border-radius:2px}.brand-icon i:last-child{background:#a6bb70;border-radius:2px 2px 7px 2px}.sample-pill{font-size:11px;border:1px solid #d8e1d9;color:#697b71;padding:6px 11px;border-radius:20px;letter-spacing:.2px}.employee-main{width:100%;max-width:1120px;padding:64px 60px 68px;margin:auto;display:grid;grid-template-columns:1fr 430px;align-items:center;gap:90px}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:10px;letter-spacing:1.5px;font-weight:700}.live-dot{display:inline-block;width:6px;height:6px;border-radius:100%;background:#779e50;box-shadow:0 0 0 4px #e9eedf}.welcome h1{font-size:clamp(36px,4.3vw,57px);font-weight:550;letter-spacing:-2.9px;line-height:1.09;margin:24px 0 20px}.welcome h1>span{color:#809a52}.welcome p{font-size:15px;line-height:1.8;color:#718079;margin:0}.welcome-art{height:170px;position:relative;margin:34px 0 0 12px;width:225px}.art-frame{position:absolute;background:#e6ecdf;transform:rotate(-8deg);border:1px solid #dae3d4;border-radius:16px;width:185px;height:145px;padding:16px 20px;overflow:hidden}.art-top,.art-bottom{display:block;font-size:8px;letter-spacing:1.6px;color:#76886b;font-weight:650}.art-bottom{position:absolute;bottom:15px;letter-spacing:.4px}.sun-mark{position:absolute;left:78px;top:35px;width:96px;height:96px;border:1px solid #b3c69a;border-radius:100%}.sun-mark:before,.sun-mark:after{content:"";position:absolute;border:1px solid #b3c69a;border-radius:100%;inset:12px}.sun-mark:after{inset:25px;background:#d4e0bb;border-color:#ccd9b3}.sun-mark span{position:absolute;height:1px;width:125px;background:#b3c69a;left:-15px;top:48px;transform:rotate(-25deg)}.art-check{position:absolute;right:6px;bottom:33px;background:var(--green);color:#e5f1bc;width:48px;height:48px;border-radius:15px;display:grid;place-items:center;transform:rotate(9deg);box-shadow:0 9px 25px #234e3020}.form-card{background:white;padding:36px 34px 26px;border-radius:var(--radius);border:1px solid #e3e9e1;box-shadow:0 12px 42px #354c3410}.form-symbol{height:40px;width:40px;border-radius:12px;background:var(--soft-green);color:var(--green);display:grid;place-items:center;margin-bottom:21px}.form-symbol svg{width:22px;height:22px}.form-card h2{font-size:25px;line-height:1.25;font-weight:620;letter-spacing:-.8px;margin:0 0 9px}.form-intro{font-size:13px;color:var(--muted);margin:0 0 29px;line-height:1.6}.field{margin-bottom:24px}.field label{display:block;font-size:12px;font-weight:600;margin-bottom:9px}.field input{height:50px;width:100%;border:1px solid #dce4dd;border-radius:9px;background:#fdfefd;padding:0 14px;color:var(--ink);font-size:14px;transition:box-shadow .15s,border-color .15s}.field input::placeholder{color:#9aa59e;font-size:13px}.field input:focus{outline:0;border-color:#61907b;box-shadow:0 0 0 3px #155e4f0c}.field input[aria-invalid=true]{border-color:#bb655a}.field-hint,.field-error{display:block;font-size:10px;line-height:1.6;margin-top:7px;color:#8b968e}.field-error{color:#a4483e;font-size:11px}.primary-button{display:flex;align-items:center;justify-content:center;gap:22px;width:100%;min-height:50px;background:var(--green);border:0;border-radius:9px;color:white;font-size:13px;font-weight:600;transition:background .15s,transform .15s}.primary-button:hover{background:var(--green-dark)}.primary-button:active{transform:translateY(1px)}.primary-button svg{width:18px;height:18px}.form-privacy{display:flex;gap:6px;align-items:center;justify-content:center;margin:17px 0 0;color:#8a958e;font-size:10px}.form-privacy svg{height:14px;width:14px}.demo-footnote{border-top:1px solid #eef1eb;margin:23px 0 0;padding-top:15px;text-align:center;font-size:9px;color:#95a095;line-height:1.6}.employee-footer{max-width:1240px;width:100%;margin:auto;display:flex;justify-content:space-between;padding:0 60px 25px;color:#8e998e;font-size:10px;letter-spacing:.1px}.success-view{text-align:center;min-height:413px;display:flex;flex-direction:column;align-items:center;justify-content:center;outline:none}.success-icon{width:80px;height:80px;background:#edf5e6;color:var(--green);border-radius:100%;display:grid;place-items:center;margin-bottom:28px;animation:enter .3s ease-out}.success-icon svg{width:44px;height:44px}.success-view .eyebrow{color:#7e9658;margin-bottom:14px}.success-view h2{font-size:27px;line-height:1.25}.success-view p{font-size:12px;line-height:1.7;color:var(--muted);margin-bottom:32px}.secondary-button{background:transparent;border:1px solid #dce5dc;border-radius:9px;padding:13px 16px;color:var(--green);font-size:12px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:20px}.secondary-button:hover{background:#f3f7ef}.employee-page.embedded .employee-header{padding:24px 26px 0}.employee-page.embedded .employee-main{padding:22px 22px 26px;display:block}.employee-page.embedded .welcome{display:none}.employee-page.embedded .form-card{padding:25px 24px 22px}.employee-page.embedded .employee-footer{padding:0 26px 20px;font-size:9px}.employee-page.embedded .employee-footer span:last-child{display:none}.employee-page.embedded .success-view{min-height:402px}.employee-page.embedded .brand{font-size:23px}.employee-page.embedded .sample-pill{font-size:9px}
/* Private review workspace. It is intentionally absent from the employee page. */
.review-page{background:#f6f7f4;min-height:100svh}.review-header{background:white;border-bottom:1px solid var(--line);padding:23px 42px;display:flex;justify-content:space-between;align-items:center;gap:24px}.review-identity{display:flex;align-items:center;gap:22px}.review-divider{height:23px;width:1px;background:var(--line)}.review-title{font-size:12px;color:var(--muted)}.review-actions{display:flex;align-items:center;gap:16px}.review-actions a{font-size:11px;font-weight:600;display:flex;align-items:center;gap:8px}.review-actions svg{width:14px;height:14px}.review-main{max-width:1240px;padding:37px 42px 45px;margin:auto}.review-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:27px}.review-heading h1{font-size:29px;letter-spacing:-1px;font-weight:550;line-height:1.25;margin:10px 0}.review-heading p{font-size:12px;color:var(--muted);line-height:1.8;margin:0}.review-heading .eyebrow{color:#7d946a;font-size:9px}.test-button{background:#fff;border:1px solid #d9e3d6;border-radius:8px;padding:11px 14px;font-size:11px;font-weight:600;color:var(--green);margin-top:21px;white-space:nowrap}.test-button:hover{background:#eef4e8}.workspace-grid{display:grid;grid-template-columns:390px 1fr;gap:27px;align-items:start}.section-label{display:flex;justify-content:space-between;align-items:center;font-size:10px;font-weight:700;letter-spacing:.9px;margin-bottom:12px;gap:10px}.section-label span:last-child{font-weight:400;color:#859183;font-size:10px;letter-spacing:0}.phone-frame{border:1px solid #dde5da;border-radius:20px;background:white;padding:8px;box-shadow:0 6px 24px #183a3308;overflow:hidden}.phone-frame iframe{width:100%;height:582px;border:0;display:block;border-radius:13px;background:var(--paper)}.email-shell{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 6px 24px #183a3305}.email-toolbar{border-bottom:1px solid #e9ede6;padding:20px 24px}.email-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.email-title-row h2{font-size:14px;font-weight:650;letter-spacing:-.15px;margin:0}.preview-badge{font-size:8px;background:#f1f4ec;color:#829271;border-radius:20px;padding:5px 8px;white-space:nowrap}.email-recipient{font-size:10px;color:#859080;margin-top:12px;line-height:1.7}.email-recipient strong{font-weight:550;color:#5b6c5d}.email-canvas{background:#f4f6f1;padding:24px}.email-paper{background:white;border:1px solid #e4eade;border-radius:10px;overflow:hidden}.mail-topline{height:5px;background:var(--green)}.mail-body{padding:26px}.mail-brand{font-size:17px;font-weight:750;letter-spacing:-.6px;margin-bottom:27px}.mail-kicker{font-size:8px;letter-spacing:1.1px;font-weight:700;color:#799361;display:flex;align-items:center;gap:7px;margin-bottom:12px}.mail-kicker:before{content:"";width:5px;height:5px;background:#7c9d5d;border-radius:100%}.mail-body h3{font-size:22px;letter-spacing:-.6px;line-height:1.25;font-weight:550;margin:0 0 10px}.mail-description{font-size:11px;color:#8a9488;line-height:1.7;margin:0 0 23px}.mail-data{margin:0}.mail-data>div{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid #edf0e8}.mail-data>div:last-child{border-bottom:0}.mail-data dt{font-size:10px;color:#7c8978;flex-shrink:0;padding-top:2px}.mail-data dd{font-size:11px;text-align:right;font-weight:550;color:#344b3b;margin:0;overflow-wrap:anywhere;max-width:72%;line-height:1.5}.mail-data dd.time-value{font-size:19px;letter-spacing:-.5px;font-weight:600;color:var(--green);line-height:1.2}.mail-device{background:#f4f7ef;border:1px solid #e8eede;border-radius:8px;margin-top:20px;padding:12px;display:flex;gap:11px;align-items:center}.mail-device svg{color:#8b9c77;width:21px;height:21px;flex-shrink:0}.mail-device strong{font-size:10px;font-weight:600;display:block;line-height:1.5;overflow-wrap:anywhere}.mail-device span{font-size:9px;color:#8a957c;display:block;margin-top:3px}.mail-footer{margin-top:23px;padding-top:16px;border-top:1px solid #edf0e8;font-size:8px;color:#9aa38f;line-height:1.7}.mail-note{padding:12px 24px;background:#fff;font-size:9px;color:#8a9684;line-height:1.8;border-top:1px solid #e9ede5}.mail-note strong{font-weight:600;color:#6c7e62}.review-bottom{display:grid;grid-template-columns:390px 1fr;gap:27px;margin-top:24px;align-items:start}.qr-card{display:flex;align-items:center;gap:18px;background:white;border:1px solid var(--line);border-radius:12px;padding:18px}.qr-card img{width:86px;height:86px;flex-shrink:0}.qr-info h2{font-size:12px;font-weight:600;margin:0 0 6px}.qr-info p{font-size:10px;color:var(--muted);line-height:1.7;margin:0 0 8px}.qr-info a{font-size:10px;color:var(--green);text-decoration:underline;text-underline-offset:3px}.activity-card{background:white;border:1px solid var(--line);border-radius:12px;overflow:hidden}.activity-heading{padding:17px 20px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid #edf0e8}.activity-heading h2{font-size:12px;font-weight:600;margin:0}.activity-count{font-size:9px;padding:4px 8px;border-radius:20px;background:#eef4e8;color:#78935c}.activity-empty{font-size:11px;line-height:1.7;padding:16px 20px;color:#8e9989;margin:0}.activity-list{list-style:none;margin:0;padding:0;max-height:210px;overflow:auto}.activity-item{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px 20px;border-bottom:1px solid #edf0e8}.activity-item:last-child{border:0}.activity-item strong{font-size:11px;font-weight:550;display:block;line-height:1.5;overflow-wrap:anywhere}.activity-item small{font-size:9px;color:#8e9987;display:block;margin-top:3px}.activity-item time{font-size:11px;color:var(--green);white-space:nowrap}.review-footnote{font-size:9px;color:#8b9784;line-height:1.9;max-width:900px;margin:24px 0 0}.toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);background:#183e32;color:white;border-radius:10px;padding:12px 18px;font-size:12px;box-shadow:0 8px 22px #183e3233;max-width:calc(100vw - 32px);width:max-content;z-index:10}.email-paper.updated{animation:record-pulse .7s ease-out}@keyframes enter{from{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes record-pulse{0%{box-shadow:0 0 0 3px #a4c282aa}100%{box-shadow:0 0 0 8px #a4c28200}}
@media(min-width:1500px){.employee-main{padding-top:90px;padding-bottom:100px}}
@media(max-width:1050px){.employee-main{gap:45px;padding-left:40px;padding-right:40px;grid-template-columns:1fr 400px}.employee-header{padding-left:40px;padding-right:40px}.workspace-grid,.review-bottom{grid-template-columns:355px 1fr;gap:20px}.review-main{padding-left:25px;padding-right:25px}.review-header{padding-left:25px;padding-right:25px}.email-canvas{padding:17px}.mail-body{padding:23px}}
@media(max-width:800px){.employee-main{grid-template-columns:1fr 375px;gap:25px;padding:40px 28px}.welcome h1{font-size:39px;letter-spacing:-2px}.welcome p{font-size:13px}.welcome-art{transform:scale(.85);transform-origin:left top;margin-top:28px}.form-card{padding:30px 27px 24px}.employee-footer{padding-left:28px;padding-right:28px}.review-title,.review-divider{display:none}.review-main{padding:27px 20px 35px}.review-header{padding:20px}.workspace-grid,.review-bottom{grid-template-columns:1fr}.workspace-grid>section:first-child{max-width:390px;width:100%;margin:auto}.review-heading h1{font-size:26px}.review-heading p br{display:none}.review-heading{margin-bottom:25px}.qr-card{max-width:none}.email-canvas{padding:24px}.review-bottom{gap:20px}.review-footnote{font-size:10px}}
@media(max-width:630px){.employee-header{padding:27px 25px 0}.brand{font-size:25px}.employee-main{display:block;max-width:440px;padding:25px 22px 35px}.welcome{margin-bottom:24px}.welcome .eyebrow{font-size:9px;letter-spacing:1.2px}.welcome h1{font-size:35px;letter-spacing:-1.7px;margin:15px 0 12px;line-height:1.08}.welcome h1 br{display:none}.welcome p{font-size:12px;line-height:1.7}.welcome p br{display:none}.welcome-art{display:none}.form-card{padding:26px 25px 22px;border-radius:18px}.form-symbol{height:35px;width:35px;margin-bottom:17px}.form-card h2{font-size:24px}.form-intro{font-size:12px;margin-bottom:25px}.employee-footer{padding:0 25px 22px;font-size:9px}.employee-footer span:last-child{display:none}.success-view{min-height:387px}.review-heading{display:block}.review-heading .test-button{margin-top:15px}.review-heading h1{font-size:25px}.review-actions .sample-pill{display:none}.review-actions a{font-size:10px}.review-header .brand{font-size:24px}.review-header .brand-icon{grid-template-columns:8px 8px;grid-template-rows:8px 8px;gap:3px}.review-header{padding:20px}.review-main{padding:25px 16px}.email-canvas{padding:16px}.mail-body{padding:22px}.email-toolbar{padding:18px}.email-title-row h2{font-size:12px}.mail-note{padding:12px 18px}.mail-body h3{font-size:21px}.section-label{font-size:9px}.mail-data dd{font-size:10px}.mail-data dt{font-size:9px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.success-view #open-email{max-width:310px;margin-bottom:0}.success-view>.form-privacy{margin:13px 0 22px;font-size:10px}.success-view>.secondary-button{margin-top:4px}