@font-face{font-family:Inter;src:url('../assets/fonts/inter-latin-variable.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{--primary:#6845ed;--primary-dark:#5333cd;--ink:#282331;--muted:#6f6279;--line:#eae5ec;--cream:#ffffff;--peach:#fff0e1;--radius:20px;--font:Inter,ui-sans-serif,system-ui,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:112px}body{margin:0;background:var(--cream);color:var(--ink);font:15px/1.65 var(--font);-webkit-font-smoothing:antialiased}h1,h2,h3,p{margin:0}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}a,button,input,summary{outline-offset:5px}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #b79cf7}input:focus{outline:2px solid #bba4fb;border-color:var(--primary)}button:disabled{cursor:not-allowed;opacity:.5}.bi{display:inline-block;flex-shrink:0;line-height:1}.container{width:min(1200px,calc(100% - 96px));margin-inline:auto}.skip-link{position:fixed;left:15px;top:-80px;padding:10px 15px;background:var(--primary);color:#fff;z-index:100}.skip-link:focus{top:10px}.public-header{background:rgba(255,255,255,.97);border-bottom:1px solid #eee8e2;position:sticky;top:0;z-index:30}.header-inner{height:94px;display:flex;align-items:center;justify-content:space-between;gap:30px}#public-navigation{display:flex;align-items:center;gap:30px}#public-navigation>a{font-size:12px;font-weight:500;color:#6f6279;padding:12px 0}#public-navigation>a:hover{color:var(--primary)}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:16px 23px;border:1px solid transparent;border-radius:9px;font-size:13px;font-weight:600;line-height:1.5;transition:background .15s,transform .15s;white-space:nowrap}.button:active{transform:translateY(1px)}.button-primary{background:var(--primary);color:#fff;box-shadow:0 4px 12px #6a45c91a}.button-primary:hover{background:var(--primary-dark)}.header-login{font-size:12px;padding:12px 18px;margin-left:9px}.button-light{background:#fff;color:#4a356e;padding:16px 25px}.button-light:hover{background:#eee6fb}.text-link{display:inline-flex;gap:10px;align-items:center;justify-content:center;font-size:12px;font-weight:600;border:0;background:none;padding:8px 0;color:#746682;cursor:pointer;line-height:1.7}.text-link:hover{color:var(--primary)}.text-link .bi{font-size:14px}.menu-toggle{display:none;background:transparent;border:0;width:44px;height:44px;border-radius:8px;font-size:24px}.eyebrow{display:flex;align-items:center;gap:7px;font-size:10px;line-height:1.5;font-weight:650;letter-spacing:1.6px;color:#876348;margin-bottom:18px}.eyebrow .bi{font-size:15px;color:#ac80bf}.moment-note{position:absolute;left:-25px;bottom:21px;background:#fff;border:1px solid #ece5e6;border-radius:13px;padding:19px 21px;display:flex;align-items:center;gap:14px;box-shadow:0 12px 26px #624c5010}.moment-icon{background:#f3edff;color:#a68bcf;width:42px;height:42px;border-radius:12px;display:grid;place-items:center;font-size:23px}.moment-note strong{font-size:14px;line-height:1.45;font-weight:600;letter-spacing:-.2px}.moment-note p{font-size:12px;color:#6f6279;margin-top:7px}.feature-icon{width:43px;height:43px;display:grid;place-items:center;border-radius:12px;flex-shrink:0;font-size:20px}.feature-icon.purple{background:#f0e9fb;color:#9b7cc9}.feature-icon.peach{background:#fae8d9;color:#c18c67}.feature-icon.mint{background:#e6f0e8;color:#77a48a}.how-section{padding-top:93px;padding-bottom:93px}.section-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:60px;margin-bottom:41px}.section-intro .eyebrow{margin-bottom:13px;color:#7d5e98}.section-intro>p{font-size:14px;color:#6f6279;max-width:305px;line-height:1.85;margin-bottom:4px}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:55px;list-style:none;padding:0;margin:0}.steps-grid li{border-top:1px solid #dfd7e4;padding-top:23px}.step-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px}.step-top span{font-size:12px;color:#796784}.step-top .bi{font-size:24px;color:#a28ab6}.steps-grid h3{font-size:15px;font-weight:550;letter-spacing:-.3px;margin-bottom:10px}.steps-grid p{font-size:14px;line-height:1.9;color:#6f6279;max-width:285px}.join-section{background:#3d2858;border-radius:22px;padding:44px 53px;display:flex;justify-content:space-between;align-items:center;gap:25px;color:#fff;margin-bottom:54px}.join-section .eyebrow{color:#decee9;font-size:10px}.join-section h2{font-size:34px;font-weight:500;line-height:1.25;letter-spacing:-1px}.join-section>div>p:last-child{font-size:12px;color:#ddcfe8;margin-top:16px}.join-section .button{font-size:12px}.public-footer{padding:0 0 32px;display:flex;align-items:center;justify-content:space-between;gap:25px}.public-dialog{padding:42px;border:1px solid #e9e0ed;border-radius:22px;background:#fff;max-width:480px;width:calc(100% - 32px);color:var(--ink);box-shadow:0 25px 80px #30203833;max-height:calc(100dvh - 32px);overflow:auto}.public-dialog::backdrop{background:#2c253566;backdrop-filter:blur(4px)}.dialog-close{position:absolute;top:17px;right:17px;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;border:0;background:#f6f2fa;color:#95879d;font-size:14px}.dialog-close:hover{background:#eee6f9}.login-symbol{display:grid;place-items:center;width:54px;height:54px;border-radius:14px;background:#eee8fb;color:#9d80c5;font-size:25px;margin-bottom:24px}.public-dialog .eyebrow{font-size:10px;color:#7d5e98;letter-spacing:1.3px;margin-bottom:12px}.public-dialog h2{font-size:28px;letter-spacing:-1px;line-height:1.25;font-weight:600}.dialog-description{font-size:14px;color:#6f6279;margin-top:14px;line-height:1.8}#employee-login-form{margin-top:29px}#employee-login-form label{display:block;font-size:12px;font-weight:550;margin-bottom:9px}#employee-email{width:100%;border:1px solid #dbd2e4;border-radius:8px;padding:13px 14px;font-size:13px;color:var(--ink);background:#fff}#employee-email::placeholder{color:#7d6d87}#employee-login-form>.button{margin-top:18px;width:100%;font-size:12px;padding:13px 16px}.preview-note{display:flex;align-items:flex-start;gap:8px;padding:13px 12px;background:#f9f6fc;border-radius:9px;font-size:12px;color:#6f6279;margin-top:17px;line-height:1.75}.preview-note .bi{font-size:13px;margin-top:3px}.login-help{margin:15px auto 0;display:flex;font-size:12px;color:#795b8e}.login-help-note{font-size:12px;line-height:1.8;color:#6f6279;margin-top:13px}.help-tip{display:flex;gap:12px;align-items:flex-start;background:#f9f6fc;padding:18px;border-radius:10px;margin:23px 0}.help-tip .bi{font-size:20px;color:#a08ab6;margin-top:3px}.help-tip p{font-size:14px;color:#6f6279;line-height:1.8}.help-dialog>.button{width:100%;font-size:12px}main:focus{outline:0}
@media(min-width:1600px){.container{width:min(1280px,calc(100% - 128px))}}
@media(max-width:1150px){.container{width:calc(100% - 64px)}#public-navigation{gap:22px}.moment-note{left:-12px;padding:15px 17px}.moment-note strong{font-size:14px}.moment-note p{font-size:12px}.feature-icon{width:37px;height:37px;font-size:18px}.section-intro{gap:35px}.section-intro h2{font-size:30px}.section-intro>p{font-size:14px;max-width:280px}.steps-grid{gap:30px}.steps-grid h3{font-size:15px}}
@media(max-width:900px){.menu-toggle{display:grid;place-items:center}#public-navigation{display:none;position:absolute;inset:83px 0 auto;background:#fff;box-shadow:0 20px 30px #32233814;border-bottom:1px solid var(--line);padding:17px 24px 24px;align-items:stretch;gap:0}#public-navigation.is-open{display:flex;flex-direction:column}#public-navigation>a{font-size:14px;padding:13px 0;border-bottom:1px solid #ede5ef}#public-navigation .header-login{margin-top:15px;font-size:13px;min-height:45px;justify-content:space-between}.header-inner{height:83px;gap:20px}.header-login{padding:11px 14px;margin-left:0}.moment-note{left:-9px;bottom:21px;gap:10px;padding:13px}.moment-icon{width:31px;height:31px;font-size:18px;border-radius:9px}.moment-note strong{font-size:14px}.moment-note p{font-size:12px}.feature-icon{margin-bottom:13px}.how-section{padding-block:70px}.section-intro h2{font-size:28px}.section-intro>p{font-size:14px;max-width:230px}.steps-grid{gap:26px}.steps-grid h3{font-size:15px}.steps-grid p{font-size:14px}.join-section{padding:36px;gap:25px}.join-section h2{font-size:28px}.join-section .button{font-size:12px;padding:14px 18px}.join-section>div>p:last-child{font-size:12px}.join-section .eyebrow{font-size:10px}.public-footer{flex-wrap:wrap;gap:20px}}
@media(max-width:700px){html{scroll-padding-top:90px}.container{width:calc(100% - 40px)}.header-inner{height:77px}#public-navigation{top:77px}.moment-note{left:12px;bottom:21px;padding:15px 16px;gap:12px;max-width:calc(100% - 24px)}.moment-note strong{font-size:14px}.moment-note p{font-size:12px}.moment-icon{width:36px;height:36px;font-size:20px}.feature-icon{width:42px;height:42px;font-size:19px;margin:0}.how-section{padding-block:56px}.section-intro{display:block;margin-bottom:29px}.section-intro h2{font-size:29px;letter-spacing:-.9px}.section-intro .eyebrow{font-size:10px;letter-spacing:1.2px;margin-bottom:12px}.section-intro>p{max-width:380px;font-size:14px;margin-top:18px}.steps-grid{grid-template-columns:1fr;gap:25px}.steps-grid li{padding:20px 0 0 50px;position:relative}.step-top{margin:0 0 12px}.step-top span{position:absolute;left:4px;top:24px;font-size:12px}.step-top .bi{font-size:23px}.steps-grid h3{font-size:15px}.steps-grid p{font-size:14px;max-width:360px}.join-section{display:block;padding:31px 26px;border-radius:17px;margin-bottom:35px}.join-section h2{font-size:29px;line-height:1.25;letter-spacing:-1px}.join-section .eyebrow{font-size:10px;letter-spacing:1.2px;margin-bottom:15px}.join-section>div>p:last-child{font-size:12px;max-width:260px;line-height:1.8;margin-top:15px}.join-section .button{font-size:12px;margin-top:24px;min-height:46px;width:100%}.public-footer{gap:15px;padding-bottom:25px;align-items:center}.public-dialog{padding:33px 24px;border-radius:18px;max-width:430px}.public-dialog h2{font-size:26px}.public-dialog .eyebrow{font-size:10px}.login-symbol{margin-bottom:22px}.dialog-description{font-size:14px}#employee-email{font-size:16px}#employee-login-form{margin-top:25px}.public-dialog .button{min-height:48px}.dialog-close{width:38px;height:38px;top:12px;right:12px}.preview-note{font-size:12px}.login-help{font-size:12px;min-height:42px}}
@media(max-width:370px){.container{width:calc(100% - 34px)}.join-section h2{font-size:26px}.join-section{padding:28px 23px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
