:root{--paper:#f6f2e9;--forest:#304a36;--landing-ink:#2c3c2c;--landing-muted:#65705e;--landing-line:#d8dccf;--serif:Georgia,'Times New Roman',serif}
body{background:var(--paper);color:var(--landing-ink)}
body,html{height:100%}
body{height:100dvh;overflow:hidden}
[hidden]{display:none!important}
.review-bar{height:52px;background:#fffefa;display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-bottom:1px solid #e1e3da;gap:16px;font-size:12px;color:#687060}
.review-label{width:180px;flex:none}
.review-bar nav{display:flex;align-items:center;gap:5px;height:100%}
.review-bar nav a{display:flex;align-items:center;gap:8px;padding:7px 13px;border:1px solid transparent;border-radius:6px;white-space:nowrap;transition:background .15s ease}
.review-bar nav a span{font-size:10px;color:#7d8676;font-variant-numeric:tabular-nums}
.review-bar nav a:hover{background:#f1f2eb}
.review-bar nav a[aria-current]{background:#e9ede1;color:#304b34;border-color:#d7dfcb}
.flows-link{width:180px;text-align:right;white-space:nowrap}
.flows-link:hover{text-decoration:underline;text-underline-offset:4px}
.landing{height:calc(100dvh - 52px);display:grid;grid-template-rows:84px minmax(0,1fr) 52px;padding:0 clamp(24px,5.5vw,88px)}
.landing-header,.landing-footer{display:flex;justify-content:space-between;align-items:center}
.brand{display:flex;align-items:center;gap:9px;font-family:var(--serif);font-size:32px;letter-spacing:-1.5px;font-weight:400;line-height:1}
.brand img{display:block;width:29px;height:33px}
.launch-note{font-size:12px;color:var(--landing-muted)}
.landing-footer{font-size:11px;color:#747c6d;letter-spacing:.01em}
.preview-note{font-size:10px;color:#8a9082}
#landing-main{min-height:0;display:grid}
.study{min-height:0;grid-area:1/1}
.study h1{font-family:var(--serif);font-size:clamp(48px,5.65vw,80px);font-weight:400;letter-spacing:-.048em;line-height:1.06;margin:0;text-wrap:balance}
.description{font-size:clamp(15px,1.35vw,18px);line-height:1.65;letter-spacing:-.01em;color:var(--landing-muted);margin:24px 0 30px}
.signup{width:100%;max-width:435px;margin:0}
.signup-row{display:flex;min-height:50px;align-items:center;border:1px solid #cbd2c2;border-radius:7px;background:#fffcf5;padding:5px;gap:5px;transition:border-color .16s}
.signup-row:focus-within{border-color:#6e8569;box-shadow:0 0 0 2px #6e856919}
.signup input{min-width:0;flex:1;width:100%;padding:10px 12px;border:0;background:transparent;font-size:13px;outline:none;color:var(--landing-ink)}
.signup input::placeholder{color:#89917f;opacity:1}
.signup input:focus-visible{outline:none}
.signup button{background:var(--forest);border:0;border-radius:4px;color:#fffdf3;padding:12px 16px;display:flex;gap:15px;align-items:center;white-space:nowrap;font-size:12px;font-weight:500;transition:background .15s,transform .15s}
.signup button:hover{background:#426145}
.signup button:active{transform:translateY(1px)}
.signup button span{font-size:14px;font-weight:400}
.form-status{margin:8px 0 0;min-height:18px;font-size:11px;line-height:1.5;color:var(--landing-muted)}
.type-study{display:flex;align-items:center;justify-content:center;text-align:center}
.type-content{width:100%;transform:translateY(-16px)}
.hero-sprout{display:block;margin:0 auto 31px;width:58px;height:64px}
.type-study .signup{margin:0 auto}
.type-study .description{margin:25px auto 29px;max-width:510px}
.type-study h1{font-size:clamp(52px,6.2vw,88px)}
.diagram-study{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(20px,4vw,70px)}
.diagram-copy{max-width:540px;padding-bottom:18px}
.diagram-copy .description{max-width:385px}
.diagram-study h1{font-size:clamp(48px,5.3vw,75px)}
.shared-space{margin:0;width:100%;max-width:580px;justify-self:center;transform:translate(8px,-7px)}
.shared-space svg{width:100%;height:auto;overflow:visible;display:block;font-family:var(--font)}
.surface-back{fill:#e3e7d9;stroke:#c9d0bf;stroke-width:1}
.surface-front{fill:#fdfaf2;stroke:#bfcab4;stroke-width:1.2}
.diagram-rule{stroke:#d5dbc9;stroke-width:1;fill:none}
.diagram-heading{font-size:11px;fill:#42583b}
.diagram-label{font-size:10px;fill:#74806b}
.diagram-connector{stroke:#bcc8ad;stroke-width:1;stroke-dasharray:3 3;fill:none}
.sketch-paper{fill:#ede9dd}
.sketch-wall{fill:none;stroke:#9c9c86;stroke-width:2}
.object-selection{fill:none;stroke:#b87451;stroke-width:1;stroke-dasharray:3 2}
.diagram-line{stroke:#c8cfbb;stroke-width:3;stroke-linecap:round}
.human-pointer,.agent-pointer{transition:transform .25s ease}
.wordmark-study{display:flex;flex-direction:column;justify-content:space-around;padding-top:1.8vh}
.wordmark-top{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,6vw,120px);align-items:center}
.wordmark-top h1{font-size:clamp(42px,4.4vw,66px)}
.wordmark-invitation{max-width:445px;justify-self:end;width:100%}
.wordmark-invitation .description{margin:0 0 22px;max-width:385px;color:#c4cdb7;font-size:16px}
.large-wordmark{display:flex;align-items:center;justify-content:center;gap:2.7vw;width:100%;margin:3vh auto 0;color:#e8ebd8;line-height:.8}
.large-wordmark svg{width:clamp(110px,18.5vw,255px);height:clamp(120px,19vw,280px);flex:none}
.large-wordmark span{font-family:var(--serif);font-size:clamp(125px,25.8vw,370px);font-weight:400;letter-spacing:-.075em;padding:0 .05em .16em 0;line-height:.83}
body[data-option="wordmark"] .landing{background:#344b39;color:#f2efdf}
body[data-option="wordmark"] .landing-header .brand{opacity:0;pointer-events:none;visibility:hidden}
body[data-option="wordmark"] .launch-note{color:#b9c6ab;margin-left:auto}
body[data-option="wordmark"] .landing-footer{color:#c1cab2}
body[data-option="wordmark"] .preview-note{color:#a5b39b}
body[data-option="wordmark"] .signup-row{background:transparent;border-color:#7c8c73}
body[data-option="wordmark"] .signup input{color:#f2efdf}
body[data-option="wordmark"] .signup input::placeholder{color:#b9c6ab}
body[data-option="wordmark"] .signup button{background:#e5e9d3;color:#344b39}
body[data-option="wordmark"] .signup button:hover{background:#f4f3e5}
body[data-option="wordmark"] .form-status{color:#c4cdb7}
@keyframes study-enter{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1500px){.landing{padding-inline:max(70px,calc((100vw - 1340px)/2))}}
@media(max-width:1000px){.review-label,.flows-link{width:auto}.diagram-study{gap:5px}.diagram-study h1{font-size:48px}.diagram-study .description{font-size:15px}.diagram-study .signup-row{flex-wrap:wrap;padding:4px}.diagram-study .signup input{flex-basis:50%;padding-inline:8px}.diagram-study .signup button{padding-inline:11px;gap:7px}.shared-space{transform:translate(5px,-25px)}.wordmark-top{gap:35px}.wordmark-top h1{font-size:46px}.wordmark-invitation .description{font-size:15px}}
@media(max-width:760px){.review-bar{padding:0 14px;gap:8px}.review-label{display:none}.review-bar nav{gap:2px}.review-bar nav a{padding:7px 10px;gap:5px}.flows-link{font-size:11px}.landing{grid-template-rows:66px minmax(0,1fr) 46px;padding-inline:30px}.brand{font-size:29px}.launch-note{font-size:11px}.type-content{transform:translateY(-8px)}.type-study h1{font-size:clamp(46px,8.3vw,64px)}.hero-sprout{width:50px;height:55px;margin-bottom:27px}.description{font-size:16px}.diagram-study{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);gap:0;align-content:center;justify-items:center;padding-top:clamp(8px,3vh,30px)}.diagram-copy{max-width:460px;padding:0;text-align:center;width:100%}.diagram-study h1{font-size:clamp(40px,7vw,51px)}.diagram-copy .description{font-size:14px;max-width:350px;margin:16px auto 21px}.diagram-study .signup{max-width:410px;margin:0 auto}.diagram-study .signup-row{flex-wrap:nowrap;padding:5px}.diagram-study .signup button{padding:12px 15px;gap:12px}.shared-space{align-self:center;width:auto;height:100%;max-height:clamp(230px,36vh,340px);transform:none;max-width:430px}.shared-space svg{height:100%;width:auto;max-width:100%}.wordmark-study{padding-top:1vh;justify-content:space-evenly}.wordmark-top{grid-template-columns:1fr;gap:25px;max-width:465px;width:100%;margin:0 auto}.wordmark-top h1{font-size:clamp(44px,8vw,62px)}.wordmark-invitation{justify-self:start;max-width:435px}.wordmark-invitation .description{max-width:360px;margin-bottom:24px}.large-wordmark{gap:3vw;margin:2vh 0 0}.large-wordmark svg{width:18vw;height:20vw}.large-wordmark span{font-size:26vw}.preview-note{font-size:9px}.landing-footer{font-size:10px}}
@media(max-width:420px){.landing{padding-inline:22px;grid-template-rows:60px minmax(0,1fr) 47px}.review-bar{padding-inline:9px}.review-bar nav a{font-size:11px;padding-inline:8px}.review-bar nav a span{font-size:9px}.flows-link{font-size:10px}.type-study h1{font-size:44px}.type-study .description{font-size:14px;max-width:310px}.wide-break{display:none}.signup button{padding:12px;gap:8px;font-size:11px}.signup input{font-size:12px;padding:10px 8px}.diagram-study h1{font-size:40px}.diagram-study .description{font-size:13px;margin:13px auto 18px}.diagram-study .signup button{padding:12px;gap:8px;font-size:11px}.diagram-study .signup input{padding-inline:8px}.shared-space{max-height:29vh}.wordmark-top{gap:22px}.wordmark-top h1{font-size:44px}.wordmark-invitation .description{font-size:14px}.landing-footer{align-items:center;gap:12px}.preview-note{max-width:140px;text-align:right;line-height:1.5}}
@media(max-height:740px) and (min-width:761px){.landing{grid-template-rows:65px minmax(0,1fr) 40px}.hero-sprout{height:45px;width:41px;margin-bottom:22px}.type-study h1{font-size:66px}.type-study .description{margin-top:20px;margin-bottom:22px;font-size:16px}.type-content{transform:none}.large-wordmark svg{height:22vh;width:20vh}.large-wordmark span{font-size:min(24vw,33vh)}.large-wordmark{margin:1vh 0}.wordmark-top h1{font-size:48px}.wordmark-invitation .description{font-size:14px}}
@media(max-height:740px) and (max-width:760px){.landing{grid-template-rows:54px minmax(0,1fr) 37px}.type-content{transform:none}.hero-sprout{width:40px;height:44px;margin-bottom:20px}.type-study h1{font-size:45px}.type-study .description{margin:18px auto 23px;font-size:14px}.diagram-study{padding-top:5px}.diagram-study h1{font-size:38px}.diagram-copy .description{margin:13px auto 16px;font-size:13px;max-width:330px}.shared-space{max-height:26vh}.wordmark-top{gap:20px}.wordmark-top h1{font-size:40px}.wordmark-invitation .description{font-size:13px;margin-bottom:18px}.wordmark-study{justify-content:space-evenly}.large-wordmark{margin:0}.large-wordmark span{font-size:min(26vw,21vh)}.large-wordmark svg{width:min(18vw,16vh);height:min(20vw,18vh)}}
@media(max-height:530px){body{overflow:auto}.landing{min-height:480px;height:calc(100dvh - 52px)}.diagram-study{grid-template-columns:1fr 1fr;grid-template-rows:1fr;gap:20px}.shared-space{height:auto;max-height:260px}.type-study h1{font-size:42px}.hero-sprout{display:none}.wordmark-top{grid-template-columns:1fr 1fr}.wordmark-top h1{font-size:36px}.large-wordmark span{font-size:23vh}.large-wordmark svg{height:18vh}}
@media(prefers-reduced-motion:reduce){.study{animation:none}.landing{transition:none}}