*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}body{background:var(--ivory)}button{font:inherit;cursor:pointer}button:focus-visible,a.landing-button:focus-visible{outline:2px solid var(--apple);outline-offset:5px}::selection{color:var(--black-green);background:var(--apple)}.landing{--edge:clamp(24px, 4vw, 68px);isolation:isolate;background:var(--forest);height:100dvh;color:var(--ivory);position:relative;overflow:hidden}.landscape,.landscape-shade,.landing-frame{pointer-events:none;position:absolute;inset:0}.landscape{z-index:-3;background:var(--forest) url(/images/biological-landscape.webp) center center / cover no-repeat}.landscape-shade{z-index:-2;background:linear-gradient(90deg, color-mix(in srgb, var(--black-green) 60%, transparent) 0%, color-mix(in srgb, var(--forest) 20%, transparent) 47%, transparent 76%), linear-gradient(0deg, color-mix(in srgb, var(--black-green) 74%, transparent), transparent 27%, transparent 73%, color-mix(in srgb, var(--black-green) 28%, transparent))}.view-stage{will-change:opacity, transform;position:absolute;inset:0}.landing-frame{z-index:-1;border:1px solid color-mix(in srgb, var(--ivory) 18%, transparent);border-radius:0;inset:12px}.landing-header{padding:clamp(28px, 4.5vh, 52px) var(--edge);justify-content:space-between;align-items:center;gap:24px;display:flex}.landing-brand{letter-spacing:-.8px;white-space:nowrap;align-items:center;gap:12px;font-size:clamp(20px,1.7vw,27px);font-weight:500;display:flex}.landing-brand svg{width:23px;height:34px}.brand-accent{fill:var(--apple)}.brand-light{font-weight:400}.landing-actions{align-items:center;gap:10px;margin-top:24px;display:flex}.landing-button{box-sizing:border-box;cursor:pointer;border:1px solid color-mix(in srgb, var(--ivory) 42%, transparent);white-space:nowrap;border-radius:0;justify-content:center;align-items:center;gap:25px;height:45px;padding:0 18px;font-size:13px;font-weight:500;text-decoration:none;transition:background .18s,border-color .18s,color .18s;display:flex}.landing-button svg{transition:transform .18s}.landing-button:hover svg{transform:translate(2px,-2px)}.login-button{color:var(--ivory);background:color-mix(in srgb, var(--forest) 32%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.login-button:hover{background:var(--forest);border-color:var(--ivory)}.waitlist-button{color:var(--forest);border-color:var(--ivory);background:var(--ivory)}.waitlist-button:hover{background:var(--sage);border-color:var(--sage)}.landing-copy{left:var(--edge);position:absolute;top:47%;transform:translateY(-25%)}.landing-copy h1{color:var(--ivory);letter-spacing:-.065em;margin:0;font-size:clamp(46px,6.15vw,112px);font-weight:400;line-height:1.05}.landing-copy h1>span{color:var(--sage)}.headline-period{color:var(--apple)}.landing-footer{z-index:1;color:color-mix(in srgb, var(--ivory) 72%, transparent);letter-spacing:.02em;justify-content:flex-end;align-items:center;gap:8px;font-size:11px;display:flex;position:absolute;bottom:24px;left:24px;right:24px}.landing-footer a{color:inherit;text-underline-offset:3px}.landing-footer a:focus-visible{outline:2px solid var(--apple);outline-offset:5px}input{font:inherit}.access-panel{left:var(--edge);width:min(380px, calc(100% - var(--edge) * 2));position:absolute;top:clamp(145px,24vh,250px)}.back-button{color:var(--sage);background:0 0;border:0;align-items:center;gap:8px;margin-bottom:24px;padding:0;font-size:12px;display:flex}.back-button:hover{color:var(--soft-white)}.access-panel h1{letter-spacing:-.055em;margin:0;font-size:clamp(30px,3.3vw,46px);font-weight:400;line-height:1.1}.access-panel form{flex-direction:column;margin-top:24px;display:flex}.access-panel label{color:var(--sage);margin-bottom:7px;font-size:12px}.access-panel input{border:1px solid color-mix(in srgb, var(--sage) 45%, transparent);background:color-mix(in srgb, var(--black-green) 55%, transparent);width:100%;height:44px;color:var(--ivory);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:0;margin-bottom:18px;padding:0 13px;font-size:14px}.access-panel input::placeholder{color:color-mix(in srgb, var(--sage) 60%, transparent)}.access-panel input:focus-visible{border-color:var(--apple);outline:2px solid var(--apple);outline-offset:2px}.form-submit{justify-content:space-between;width:100%;margin-top:3px}.form-status{min-height:34px;color:var(--sage);margin:12px 0 0;font-size:11px;line-height:1.5}@media (width>=1800px){.landscape{background-position:50% 56%}}@media (width<=700px){.landing{--edge:28px}.landing-header{align-items:flex-start;gap:12px}.landing-brand{gap:8px;font-size:20px}.landing-brand svg{width:19px;height:28px}.landing-button{gap:14px;height:40px;padding:0 12px;font-size:12px}.landing-actions{gap:7px}.landing-button svg{width:13px}.landscape{background-position:62%}.landscape-shade{background:linear-gradient(90deg,#0c261bb3,#153c2822),linear-gradient(#0000 25%,#071d12ad)}.landing-copy{top:50%}.landing-copy h1{font-size:clamp(36px,7.3vw,51px)}}@media (width<=480px){.landing-frame{display:none}.landing-header{flex-wrap:wrap;gap:20px}.landing-copy h1{font-size:clamp(31px,8.4vw,40px)}}@media (height<=500px){.landing-actions{margin-top:18px}.landing-header{padding-top:24px}.landing-copy{top:48%;transform:translateY(-5%)}.landing-copy h1{font-size:clamp(32px,9vh,46px)}}@media (height<=650px){.access-panel form{margin-top:16px}.access-panel{width:min(340px, calc(100% - var(--edge) * 2));top:125px}.back-button{margin-bottom:16px}.access-panel h1{font-size:30px}.access-panel input{height:38px;margin-bottom:12px}.access-panel label{margin-bottom:5px;font-size:11px}.form-submit{height:39px}.form-status{margin-top:9px;font-size:10px}}@media (width<=480px) and (height>=451px) and (height<=650px){.access-panel{top:160px}}@media (height<=450px){.access-panel form{margin-top:12px}.access-panel{width:330px;max-width:calc(100% - var(--edge) * 2);top:101px}.back-button{margin-bottom:6px;font-size:11px}.access-panel h1{font-size:26px}.access-panel input{height:29px;margin-bottom:9px}.access-panel label{margin-bottom:3px;font-size:10px}.form-submit{height:33px;margin-top:1px}.form-status{min-height:27px;margin-top:7px;font-size:9px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}@media (forced-colors:active){.landing-button{border:1px solid buttontext}.landing{color:canvastext;background:canvas}.landing-copy h1,.landing-copy h1>span{color:canvastext}}.verification{min-height:0}.verification--interactive{min-height:65px;margin-bottom:12px}.verification-retry{color:var(--sage);text-underline-offset:3px;background:0 0;border:0;margin-top:8px;padding:0;font-size:12px;text-decoration:underline}.form-status:empty{display:none}.landing-button:disabled{cursor:wait;opacity:.65}.landing-button:disabled svg{transform:none}@media (width<=360px){.access-panel--waitlist{width:calc(100% - 20px);left:10px}}@media (width<=480px) and (height>=451px) and (height<=650px){.access-panel--waitlist{top:125px}}@media (height<=450px){.access-panel--waitlist{top:90px}.access-panel--waitlist h1{font-size:20px;line-height:1.05}.access-panel--waitlist .back-button{margin-bottom:3px}.access-panel--waitlist form{margin-top:5px}.access-panel--waitlist input{height:27px}.access-panel--waitlist .verification--interactive{margin-bottom:6px}}.form-status--success{color:var(--ivory);font-size:16px}
