@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2) format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/outfit-latin-ext-wght-normal-DdQaqQDo.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/outfit-latin-wght-normal-Bc-8i84L.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color-scheme:light;--bg-default: #FAFAFA;--bg-paper: #FFFFFF;--bg-subtle: #F5F5F5;--primary: #7650d6;--primary-light: #a88cf0;--primary-pale: #f3effd;--info: #0EA5E9;--success: #16A34A;--warning: #D97706;--error: #DC2626;--text-primary: #111111;--text-muted: #666666;--border: #E2E2E2;--radius: 6px;--font-display: "Outfit Variable", sans-serif;--font-body: "Inter Variable", sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);background-color:var(--bg-default);color:var(--text-primary);min-height:100vh;-webkit-font-smoothing:antialiased;line-height:1.5}.container{width:100%;max-width:1100px;margin:0 auto;padding:0 1.5rem}.section{padding:5rem 0}header{border-bottom:1px solid var(--border);background-color:var(--bg-paper);position:sticky;top:0;z-index:100}.nav-wrapper{display:flex;justify-content:space-between;align-items:center;height:64px}.logo-image{height:28px;width:auto;display:block}.nav-btn{font-family:var(--font-display);font-weight:700;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;padding:.5rem 1rem;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-paper);color:var(--text-primary);cursor:pointer;text-decoration:none;transition:all .2s ease}.nav-btn:hover{background-color:var(--bg-subtle);border-color:#ababab}.hero-section{display:grid;grid-template-columns:1fr;gap:3rem;align-items:center;padding-block:5rem;text-align:center}@media (min-width: 1024px){.hero-section{grid-template-columns:55fr 45fr;text-align:left}}.badge{background-color:var(--primary-pale);border:1px solid #dcd1fb;color:var(--primary);display:inline-flex;align-items:center;gap:.5rem;font-weight:600;font-size:.8rem;padding:.35rem .8rem;border-radius:100px;margin-bottom:1.5rem}.badge-dot{width:8px;height:8px;border-radius:50%;background-color:var(--success);box-shadow:0 0 #16a34a80;animation:dot-pulse 2s ease-out infinite}@keyframes dot-pulse{0%{box-shadow:0 0 #16a34a80}70%{box-shadow:0 0 0 7px #16a34a00}to{box-shadow:0 0 #16a34a00}}.hero-title{font-family:var(--font-display);font-weight:800;font-size:clamp(2.25rem,5vw,3.5rem);line-height:1.15;letter-spacing:-.03em;margin-bottom:1.5rem;text-wrap:balance}.hero-desc{font-size:clamp(.95rem,2vw,1.1rem);color:var(--text-muted);margin-bottom:2rem;text-wrap:balance;line-height:1.6}.hero-illustration-container{display:flex;justify-content:center;align-items:center}.signup{max-width:480px;margin:2rem auto 0}@media (min-width: 1024px){.signup{margin-left:0}}.email-signup-form{display:flex;flex-direction:column;gap:.75rem;width:100%}@media (min-width: 600px){.email-signup-form{flex-direction:row}}.email-signup-form input{flex-grow:1}.form-input{font-family:var(--font-body);font-size:1rem;min-height:48px;padding:0 .95rem;border:1px solid #CFCFCF;border-radius:var(--radius);background-color:var(--bg-paper);color:var(--text-primary);outline:none;transition:all .2s ease}.form-input:focus{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-pale)}.submit-btn{font-family:var(--font-display);font-weight:700;font-size:1rem;min-height:48px;padding:0 1.5rem;background-color:var(--primary);color:#fff;border:1px solid var(--primary);border-radius:var(--radius);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s ease;white-space:nowrap}.submit-btn:hover{background-color:#6340c0;border-color:#6340c0}.submit-btn:disabled{opacity:.7;cursor:progress}.error-msg{display:flex;align-items:center;gap:.4rem;font-size:.85rem;color:var(--error);margin-top:.6rem}.section-header{text-align:center;margin-bottom:3.5rem}.section-title{font-family:var(--font-display);font-weight:800;font-size:2rem;margin-bottom:.75rem}.section-desc{font-size:1rem;color:var(--text-muted);max-width:500px;margin:0 auto}.audience-strip{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background-color:var(--bg-paper);padding:1.5rem 0;text-align:center;color:var(--text-muted);font-size:1rem;text-wrap:balance}.audience-strip strong{color:var(--text-primary);font-weight:600}.how-section{border-bottom:1px solid var(--border)}.steps{display:grid;grid-template-columns:1fr;gap:3rem}@media (min-width: 900px){.steps{grid-template-columns:repeat(3,1fr);gap:2.5rem}}.step{text-align:left}.step-demo{height:168px;display:flex;align-items:center;justify-content:center;background-color:var(--bg-paper);border:1px solid var(--border);border-radius:12px;padding:1.25rem;margin-bottom:1.5rem;font-size:.8rem}.step-num{font-family:var(--font-display);font-weight:700;font-size:.85rem;color:var(--primary);font-variant-numeric:tabular-nums}.step-title{font-family:var(--font-display);font-weight:700;font-size:1.25rem;margin:.25rem 0 .5rem}.step-desc{color:var(--text-muted);font-size:.95rem;line-height:1.6}.demo-avail{width:100%;max-width:260px;display:flex;flex-direction:column;gap:.35rem}.demo-person{font-weight:700;margin-bottom:.15rem}.demo-avail-row{display:flex;justify-content:space-between;align-items:center;opacity:0}.step.is-in .demo-avail-row{animation:slide-in .35s ease both}.demo-date{color:var(--text-muted);font-weight:600}.avail-chip{padding:.15rem .5rem;border-radius:4px;font-size:.7rem;font-weight:700;border:1px solid var(--border);min-width:72px;text-align:center}.avail-prefer{background-color:#ecfdf5;color:#047857;border-color:#a7f3d0}.avail-available{background-color:var(--bg-paper);color:var(--text-muted)}.avail-busy{background-color:#fef2f2;color:#b91c1c;border-color:#fca5a5}.demo-rule{display:grid;width:100%;max-width:280px}.demo-alert{grid-area:1 / 1;display:flex;align-items:center;gap:.4rem;padding:.65rem .75rem;border-radius:8px;font-weight:600;opacity:0}.demo-alert.is-bad{background-color:#fef2f2;border:1px solid #FCA5A5;color:#b91c1c}.demo-alert.is-good{background-color:#f0fdf4;border:1px solid #86EFAC;color:#15803d}.step.is-in .demo-alert.is-bad{animation:cell-shake .4s ease .2s,alert-out .3s ease 1.8s forwards;opacity:1}.step.is-in .demo-alert.is-good{animation:cell-pop .4s cubic-bezier(.34,1.56,.64,1) 2s both}@keyframes alert-out{to{opacity:0;transform:translateY(-6px)}}.demo-swap{width:100%;max-width:260px}.demo-swap-head{display:flex;justify-content:space-between;align-items:center;font-weight:700;margin-bottom:.75rem}.demo-status{display:inline-grid}.demo-pending,.demo-approved{grid-area:1 / 1;font-size:.65rem;font-weight:700;padding:.1rem .4rem;border-radius:4px;text-align:center}.demo-pending{color:#92400e;background-color:#fef3c7}.demo-approved{color:#15803d;background-color:#dcfce7;opacity:0}.step.is-in .demo-pending{animation:fade-out .2s ease 1.6s forwards}.step.is-in .demo-approved{animation:cell-pop .35s cubic-bezier(.34,1.56,.64,1) 1.7s both}.demo-swap-flow{display:flex;align-items:center;gap:.5rem}.demo-chip{flex:1;text-align:center;font-weight:600;padding:.45rem;border:1px solid var(--border);border-radius:8px;background-color:var(--bg-default)}.demo-arrow{color:var(--text-muted)}.demo-chip-new{opacity:0}.step.is-in .demo-chip-new{animation:slide-in .4s ease .5s both,chip-confirm .3s ease 1.7s forwards}@keyframes chip-confirm{to{border-color:#86efac;background-color:#f0fdf4}}@keyframes slide-in{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}footer{background-color:var(--bg-paper);border-top:1px solid var(--border);padding:3rem 0;font-size:.85rem;color:var(--text-muted)}.footer-wrapper{display:flex;justify-content:space-between;align-items:center;flex-direction:column;gap:1rem}@media (min-width: 600px){.footer-wrapper{flex-direction:row}}.footer-links{display:flex;gap:1.5rem}.footer-link{color:var(--text-muted);text-decoration:none}.footer-link:hover{color:var(--text-primary)}.roster{width:100%;max-width:480px;background-color:var(--bg-paper);border:1px solid var(--border);border-radius:12px;padding:1.25rem;box-shadow:0 24px 48px -24px #3c1e8c2e;text-align:left;font-size:.8rem}.roster-head{display:flex;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1rem}.roster-title{font-family:var(--font-display);font-weight:700;font-size:1rem}.roster-pill{font-size:.72rem;font-weight:600;color:var(--primary);background-color:var(--primary-pale);padding:.25rem .6rem;border-radius:100px;white-space:nowrap;font-variant-numeric:tabular-nums;animation:fade-in .25s ease}.roster-pill.is-done{color:#15803d;background-color:#dcfce7}.roster-grid{display:grid;grid-template-columns:minmax(72px,.9fr) repeat(3,1fr);gap:.4rem;align-items:center}.roster-row{display:contents}.roster-date{font-size:.7rem;font-weight:600;color:var(--text-muted);padding-left:.2rem}.roster-role{font-weight:600;font-size:.75rem;line-height:1.2}.roster-cell{position:relative;display:flex;align-items:center;gap:.35rem;min-height:40px;padding:.3rem .4rem;border-radius:8px;border:1px solid var(--border);background-color:var(--bg-paper);min-width:0}.roster-cell.is-open{border-style:dashed;background-color:var(--bg-default);color:#9a9a9a;justify-content:center;font-size:.7rem}.roster-cell.is-filled{animation:cell-pop .35s cubic-bezier(.34,1.56,.64,1)}.roster-cell.is-conflict{border-color:#fca5a5;background-color:#fef2f2;animation:cell-shake .4s ease}.roster-cell.is-conflict .roster-name{text-decoration:line-through;color:var(--error)}.roster-cell.is-swapped{border-color:var(--primary);background-color:var(--primary-pale);animation:cell-pop .35s cubic-bezier(.34,1.56,.64,1)}.roster-avatar{flex-shrink:0;width:20px;height:20px;border-radius:50%;color:#fff;font-size:.65rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center}.roster-name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.roster-note{position:absolute;left:50%;bottom:calc(100% + 6px);transform:translate(-50%);white-space:nowrap;font-size:.65rem;font-weight:700;color:#fff;background-color:var(--error);padding:.2rem .45rem;border-radius:4px;z-index:1;animation:fade-in .2s ease}@keyframes cell-pop{0%{transform:scale(.85);opacity:0}to{transform:scale(1);opacity:1}}@keyframes cell-shake{0%,to{transform:translate(0)}25%{transform:translate(-3px)}75%{transform:translate(3px)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.success-slot{text-align:left;padding:1.25rem;border:1px solid var(--border);border-radius:12px;background-color:var(--bg-paper)}.slot{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.slot-label{font-weight:600;font-size:.85rem}.slot-cell{position:relative;display:inline-grid;min-width:120px;min-height:40px}.slot-open,.slot-filled{grid-area:1 / 1;display:flex;align-items:center;justify-content:center;gap:.4rem;border-radius:8px;padding:0 .75rem;font-size:.85rem}.slot-open{border:1px dashed #CFCFCF;color:#9a9a9a;animation:fade-out .2s ease .5s forwards}.slot-filled{border:1px solid #86EFAC;background-color:#f0fdf4;font-weight:600;opacity:0;animation:cell-pop .4s cubic-bezier(.34,1.56,.64,1) .6s forwards}.slot-avatar{background-color:var(--primary)}.slot-check{color:var(--success)}.success-title{font-family:var(--font-display);font-weight:700;font-size:1.15rem;margin-bottom:.25rem}.success-desc{color:var(--text-muted);font-size:.9rem}@keyframes fade-out{to{opacity:0}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-delay:0ms!important;animation-iteration-count:1!important}}@media (max-width: 480px){.roster{padding:1rem .85rem}.roster-grid{grid-template-columns:64px repeat(3,1fr);gap:.3rem}.roster-role{font-size:.7rem}.roster-cell{justify-content:center;padding:.3rem .25rem;font-size:.75rem}.roster-cell .roster-avatar{display:none}}.form-note{font-size:.8rem;color:var(--text-muted);margin-top:.6rem;text-align:left}.form-note a{color:var(--text-muted)}.legal{max-width:720px;padding-block:4rem 5rem;line-height:1.7}.legal h1{font-family:var(--font-display);font-weight:800;font-size:clamp(2rem,5vw,2.5rem);letter-spacing:-.02em}.legal-updated{color:var(--text-muted);font-size:.9rem;margin-bottom:2.5rem}.legal h2{font-family:var(--font-display);font-weight:700;font-size:1.25rem;margin:2.25rem 0 .5rem}.legal p,.legal li{margin-bottom:.75rem}.legal ul{padding-left:1.25rem}.legal a{color:var(--primary)}.placeholder{background-color:#fef08a;color:#713f12;padding:0 .25rem;border-radius:3px;font-weight:600}
