*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:#131513;color:#e8ece6;font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}.home{min-height:100svh;width:min(100%,1040px);margin:auto;position:relative;display:grid;place-items:center;padding:32px}.mark{width:clamp(270px,34vw,390px)}.mark svg{display:block;width:100%;height:auto;fill:#a8b7a0}.home-nav{position:absolute;inset:0;pointer-events:none}.home-nav a{position:absolute;display:inline-flex;align-items:center;min-height:48px;padding:0 10px;color:#d1d8ce;text-decoration:none;font-size:clamp(14px,1.35vw,16px);font-weight:450;letter-spacing:.01em;white-space:nowrap;pointer-events:auto;transition:color .2s ease,opacity .2s ease}.home-nav a:hover{color:#fff}.home-nav a:focus-visible{outline:2px solid #a8b7a0;outline-offset:3px;border-radius:3px}.link-dashboard{left:68%;top:39%;transform:rotate(-12deg)}.link-about{right:65%;top:23%;transform:rotate(20deg)}.link-privacy{right:70%;top:43%;transform:rotate(10deg)}.link-terms{right:67%;top:59%;transform:rotate(5deg)}.mobile-message{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:700px){.home{display:flex;min-height:100svh;flex-direction:column;justify-content:center;gap:44px;padding:40px 32px}.mark{width:min(48vw,200px)}.home-nav{display:none}.mobile-message{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:310px}.mobile-message p{margin:0;color:#e8ece6;font-size:16px;font-weight:550;line-height:1.5}.mobile-message span{margin-top:10px;color:#aeb7ab;font-size:14px;line-height:1.6}.mobile-message a{margin-top:24px;color:#c6d5bf;font-size:14px;text-underline-offset:4px}}@media(prefers-reduced-motion:reduce){.home-nav a{transition:none}}
body{text-transform:lowercase}.home-nav a::after{content:"";position:absolute;left:6px;right:6px;bottom:8px;height:2px;border-radius:2px;background:#a8b7a0;transform-origin:right center}.home-nav .link-dashboard::after{transform-origin:left center}.home-nav a.line-replay::after{animation:home-line .85s cubic-bezier(.16,1,.3,1) both}.intro .mark svg{animation:home-bird 2.1s cubic-bezier(.42,0,.27,1) both}.intro .home-nav a{animation:home-label .75s cubic-bezier(.16,1,.3,1) 1.65s both}.intro .home-nav a::after{animation:home-line .95s cubic-bezier(.16,1,.3,1) 2s both}.intro .home-nav a.line-replay::after{animation:home-line .85s cubic-bezier(.16,1,.3,1) both}.intro .mobile-message{animation:home-label .75s cubic-bezier(.16,1,.3,1) 1.65s both}@keyframes home-bird{from{clip-path:inset(100% 0 0)}to{clip-path:inset(0)}}@keyframes home-label{from{opacity:0;translate:12px 7px}to{opacity:1;translate:0 0}}@keyframes home-line{from{transform:scaleX(.012)}to{transform:scaleX(1)}}@media(prefers-reduced-motion:reduce){.intro .mark svg{animation-duration:2.1s;animation-timing-function:linear}.intro .home-nav a,.intro .mobile-message{animation:home-fade .5s ease 1.65s both}@keyframes home-fade{from{opacity:0}to{opacity:1}}}
/* Reveal the solid raven over the same outline and hatch used in verification. */
.mark svg{color:#a8b7a0}.home-raven-base{fill:#181a18}.home-raven-hatch{opacity:0}.home-raven-fill{fill:#a8b7a0}.home-raven-outline{fill:none;stroke:#a8b7a0;stroke-width:1;opacity:0}.intro .mark svg{animation:none}.intro .home-raven-hatch{animation:home-hatch 2.1s ease both}.intro .home-raven-fill{animation:home-fill 2.1s cubic-bezier(.42,0,.27,1) both}.intro .home-raven-outline{stroke-dasharray:.07 .93;animation:home-trace 2.1s ease both}@keyframes home-fill{from{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes home-hatch{0%{opacity:0}25%{opacity:.3}85%,100%{opacity:0}}@keyframes home-trace{0%{stroke-dashoffset:0;stroke-dasharray:.025 .975;opacity:.3}45%{stroke-dashoffset:-.4;stroke-dasharray:.4 .6;opacity:.75}100%{stroke-dashoffset:-1;stroke-dasharray:1 0;opacity:0}}@media(prefers-reduced-motion:reduce){.intro .mark svg{animation:none}.intro .home-raven-outline{stroke-dasharray:none;animation:home-outline-fade 2.1s linear both}.intro .home-raven-fill{animation:home-fill 2.1s linear both}@keyframes home-outline-fade{0%,70%{opacity:.45}100%{opacity:0}}}
/* Keep the raven the same size on desktop across maeven's main screens. */
@media(min-width:701px){.mark{width:clamp(108px,27vw,280px)}}
@media(max-width:700px){.home .mark{position:absolute;top:50svh;left:50%;transform:translate(-50%,-50%)}.home .mobile-message{position:absolute;top:calc(50svh + min(24vw,100px) + 32px);left:50%;width:calc(100% - 64px);transform:translateX(-50%)}}

/* Match the dashboard bird reveal while keeping the homepage entrance once per session. */
.intro .home-raven-fill{animation:home-fill 3s cubic-bezier(.42,0,.27,1) both}.intro .home-raven-hatch{animation:home-hatch 3s ease both}.intro .home-raven-outline{stroke-dasharray:.07 .93;animation:home-trace 3s ease both}.intro .home-nav a,.intro .mobile-message{animation:home-label .75s cubic-bezier(.16,1,.3,1) 2.8s both}.intro .home-nav a::after{animation:home-line .95s cubic-bezier(.16,1,.3,1) 3s both}@media(prefers-reduced-motion:reduce){.intro .home-raven-fill{animation:home-fill 3s linear both}.intro .home-raven-outline{stroke-dasharray:none;animation:home-outline-fade 3s linear both}.intro .home-nav a,.intro .mobile-message{animation:home-fade .5s ease 2.8s both}}

.home-footer{position:fixed;z-index:2;bottom:0;left:0;display:flex;gap:28px;padding:28px clamp(28px,5vw,72px) 32px}.home-footer a{color:#aeb7ab;text-decoration:none;font-size:13px}.home-footer a:hover{color:#e8ece6}.home-footer a:focus-visible{outline:2px solid #a8b7a0;outline-offset:4px}.intro .home-footer{animation:footer-fade .8s ease 2.8s both}@keyframes footer-fade{from{opacity:0}to{opacity:1}}@media(max-width:700px){.home-footer{padding:18px 28px 22px;gap:24px}}

/* Finish the bird and its accompanying reveal together at three seconds. */
.intro .home-raven-fill{animation:home-fill 2.2s cubic-bezier(.42,0,.27,1) both}.intro .home-raven-hatch{animation:home-hatch 2.2s ease both}.intro .home-raven-outline{animation:home-trace 2.2s ease both}.intro .home-nav a,.intro .mobile-message{animation:home-label .8s cubic-bezier(.16,1,.3,1) 2.2s both}.intro .home-nav a::after{animation:home-line .8s cubic-bezier(.16,1,.3,1) 2.2s both}.intro .home-footer{animation:footer-fade .8s ease 2.2s both}@media(prefers-reduced-motion:reduce){.intro .home-raven-fill{animation:home-fill 2.2s linear both}.intro .home-raven-outline{stroke-dasharray:none;animation:home-outline-fade 2.2s linear both}.intro .home-nav a,.intro .mobile-message{animation:home-fade .8s ease 2.2s both}}