:root{color:#263a30;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--rf-bg:#0b0d10;--rf-surface:#15181e;--rf-surface-raised:#1d2129;--rf-text:#f5f5f1;--rf-muted:#a8adb8;--rf-accent:#ff5d51;--rf-border:#303540;background:#f7f4ee;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}a{color:#365240}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}:focus-visible{outline-offset:4px;outline:3px solid #527461}h1{letter-spacing:-.045em;font-family:inherit;font-size:clamp(32px,5vw,62px);font-weight:750}p{line-height:1.65}.brand{letter-spacing:-.065em;text-transform:uppercase;color:#b82d29;font-size:30px;font-weight:900;line-height:1;text-decoration:none;display:inline-block}.eyebrow{letter-spacing:.16em;margin-top:70px;font-size:12px;font-weight:750}.buttons{flex-wrap:wrap;gap:14px;margin:30px 0;display:flex}.primary,.secondary{border:1px solid #527461;border-radius:8px;justify-content:center;align-items:center;gap:10px;min-height:48px;padding:12px 22px;font-weight:650;line-height:1.4;text-decoration:none;display:inline-flex}.primary{color:#fff;cursor:pointer;background:#527461}.secondary{color:#365240;background:0 0}small{color:#61665d;line-height:1.7;display:block}.form{max-width:560px;margin:60px auto;padding:24px}.form h1{font-size:40px}.form form,.setup{gap:20px;display:grid}label{gap:8px;display:grid}input,select{color:#263a30;background:#fffdf8;border:1px solid #b6c4b2;border-radius:7px;width:100%;min-width:0;padding:13px}button:disabled{opacity:.6;cursor:wait}.family{max-width:1100px;margin:auto;padding:32px 24px}.family header{justify-content:space-between;align-items:center;display:flex}article,.setup{background:#fffdf8;border:1px solid #ddd8cf;border-radius:12px;margin:20px 0;padding:24px}[role=alert]{color:#963d32}.members{border-collapse:collapse;width:100%}.members td,.members th{text-align:left;border-bottom:1px solid #ddd8cf;padding:14px}body:has(.refamy-landing,.family-selector,.workspace-cinema,.auth-page){background:var(--rf-bg)}:is(.refamy-landing,.family-selector,.workspace-cinema,.auth-page){color:var(--rf-text);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:is(.refamy-landing,.family-selector,.workspace-cinema,.auth-page) a{color:var(--rf-text)}:is(.refamy-landing,.family-selector,.workspace-cinema,.auth-page) .brand{color:var(--rf-accent)}:is(.refamy-landing,.family-selector,.workspace-cinema,.auth-page) :focus-visible{outline:3px solid var(--rf-text);outline-offset:5px}:is(.refamy-landing,.family-selector,.workspace-cinema,.auth-page) .primary{color:#111318;background:var(--rf-accent);border-color:var(--rf-accent);font-weight:750}:is(.refamy-landing,.family-selector,.workspace-cinema,.auth-page) .secondary{color:var(--rf-text);background:#ffffff08;border-color:#555b67}:is(.refamy-landing,.family-selector,.workspace-cinema,.auth-page) small{color:var(--rf-muted)}:is(.refamy-landing,.family-selector,.workspace-cinema,.auth-page) :is(input,select,textarea){color:var(--rf-text);background:#101318;border-color:#4e5561}:is(.refamy-landing,.family-selector,.workspace-cinema,.auth-page) :is(input,textarea)::placeholder{color:#8e95a2;opacity:1}:is(.refamy-landing,.family-selector,.workspace-cinema,.auth-page) [role=alert]{color:#ffb2aa}@media (hover:hover){:is(.refamy-landing,.family-selector,.workspace-cinema,.auth-page) .primary:hover:not(:disabled){background:#ff7b70;border-color:#ff7b70}:is(.refamy-landing,.family-selector,.workspace-cinema,.auth-page) .secondary:hover:not(:disabled){background:#ffffff12;border-color:#a8adb8}}.refamy-landing{background:var(--rf-bg);--landing-gutter:clamp(22px,6vw,112px);min-height:100svh;overflow:clip}.landing-header{z-index:2;padding:30px var(--landing-gutter);background:linear-gradient(#0b0d10c9,#0000);justify-content:space-between;align-items:center;gap:24px;display:flex;position:absolute;inset:0 0 auto}.landing-header .brand{font-size:clamp(30px,3.1vw,46px)}.landing-header nav{align-items:center;gap:28px;display:flex}.landing-header nav>a:not(.secondary){padding:12px 0;font-size:14px;text-decoration:none}.landing-header .secondary{background:#0b0d1066;min-height:44px;padding:10px 22px;font-size:14px}.landing-hero{min-height:min(900px,100svh);padding:156px var(--landing-gutter) 120px;isolation:isolate;align-items:center;display:flex;position:relative}.landing-hero-image{z-index:-3;object-fit:cover;object-position:center 42%;width:100%;height:100%;position:absolute;inset:0}.landing-hero:before{content:"";z-index:-2;pointer-events:none;background:linear-gradient(90deg,#0b0d10f2 0%,#0b0d10ce 28%,#0b0d1073 57%,#0b0d100a 100%),linear-gradient(0deg,var(--rf-bg),#0b0d101a 33%,transparent 72%);position:absolute;inset:0}.landing-copy{max-width:790px}.landing-eyebrow{color:#e0e2e7;letter-spacing:.2em;align-items:center;gap:12px;margin:0 0 28px;font-size:11px;font-weight:750;display:flex}.landing-eyebrow:before{content:"";background:var(--rf-accent);width:28px;height:2px}.landing-copy h1{letter-spacing:-.065em;text-wrap:balance;margin:0;font-size:clamp(50px,5.8vw,104px);font-weight:800;line-height:1.01}.landing-copy h1 span{color:var(--rf-accent)}.landing-intro{color:#d0d3da;max-width:41ch;margin:30px 0 0;font-size:clamp(17px,1.4vw,21px);line-height:1.7}.landing-actions{margin:34px 0 20px}.landing-actions .primary,.landing-actions .secondary{min-height:54px;padding-inline:26px}.landing-actions .secondary{background:#0b0d1066}.landing-actions svg{flex-shrink:0}.landing-note{max-width:53ch;font-size:12px}.landing-values{padding:34px var(--landing-gutter) 46px;border-top:1px solid #ffffff12;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;display:grid}.landing-value{align-items:flex-start;gap:15px;display:flex}.landing-value>svg{width:25px;height:25px;color:var(--rf-accent);flex:0 0 25px;margin-top:3px}.landing-value h2{letter-spacing:-.015em;margin:0 0 8px;font-size:16px;font-weight:700}.landing-value p{color:var(--rf-muted);max-width:32ch;margin:0;font-size:14px}.landing-footer{padding:28px var(--landing-gutter);border-top:1px solid #ffffff0c;justify-content:space-between;align-items:center;gap:24px;display:flex}.landing-footer>small{font-size:12px}.landing-footer nav{flex-wrap:wrap;gap:18px;display:flex}.landing-footer a{text-underline-offset:4px;align-items:center;min-height:32px;font-size:12px;text-decoration-color:#666b75;display:inline-flex}@media (min-width:1700px){.landing-hero{min-height:930px}.landing-copy{max-width:900px}.landing-value h2{font-size:19px}.landing-value p{font-size:16px}}@media (max-width:980px){.landing-hero{min-height:700px;padding-top:150px;padding-bottom:90px}.landing-copy{max-width:540px}.landing-copy h1{font-size:clamp(51px,7vw,70px)}.landing-hero-image{object-position:62% center}.landing-values{gap:24px}.landing-value{display:block}.landing-value>svg{margin-bottom:13px}}@media (max-width:650px){.landing-header{gap:16px;padding-block:24px}.landing-header nav{gap:15px}.landing-header nav>a:not(.secondary){display:none}.landing-header .secondary{padding:9px 17px}.landing-hero{align-items:flex-end;min-height:max(720px,94svh);padding-top:270px;padding-bottom:66px}.landing-hero-image{object-position:69% top}.landing-hero:before{background:linear-gradient(0deg,var(--rf-bg) 3%,#0b0d10f0 18%,#0b0d10d1 45%,#0b0d1020 90%),linear-gradient(90deg,#0b0d1044,transparent)}.landing-eyebrow{letter-spacing:.13em;margin-bottom:22px;font-size:10px}.landing-copy h1{font-size:clamp(43px,10.5vw,68px)}.landing-intro{max-width:38ch;margin-top:24px;font-size:16px}.landing-actions{gap:10px;margin-top:26px}.landing-actions .primary,.landing-actions .secondary{min-height:52px;padding-inline:17px}.landing-values{grid-template-columns:1fr;gap:28px;padding-top:32px;padding-bottom:34px}.landing-value{display:flex}.landing-value>svg{margin-bottom:0}.landing-value p{max-width:none}.landing-footer{padding-block:24px;display:block}.landing-footer nav{gap:10px 18px;margin-top:13px}}@media (max-width:360px){.landing-header .brand{font-size:27px}.landing-actions{grid-template-columns:1fr;display:grid}.landing-hero{padding-top:250px}.landing-note{font-size:11px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important}}
