/* Picnic’s homepage is a conversation map, inside the existing quiet identity. */
.app{max-width:1300px;padding-inline:40px}main{max-width:none;width:100%;padding:30px 0 24px;margin:0 auto;display:block}.header{height:90px}.header-actions{display:flex;align-items:center;gap:20px}.home-start{display:inline-flex;align-items:center;gap:22px;padding:10px 16px;border:0;border-radius:8px;background:#202124;color:#fff;font-size:14px;min-height:44px}.home-start:hover{background:#35443a}.home-intro{text-align:center;margin-bottom:36px}.home-intro h1{font-size:clamp(40px,4.4vw,62px);font-weight:550;letter-spacing:-.035em;line-height:1.08;text-wrap:balance}.home-intro>p{max-width:none;margin:20px auto 0;font-size:18px;line-height:1.6;color:#5b625f}.mobile-break{display:none}.home-demo{max-width:1080px;margin:auto}.example-tabs{display:flex;justify-content:center;gap:8px;margin-bottom:28px}.example-tabs button{display:flex;gap:9px;align-items:center;justify-content:center;min-height:44px;padding:9px 16px;border:1px solid transparent;border-radius:8px;background:transparent;color:#616963;font-size:14px;white-space:nowrap}.example-tabs button:hover{background:#f3f5f1;color:#202124}.example-tabs button[aria-selected=true]{color:#25382e;background:#eef2ea;border-color:#cbd5c5}.example-tabs img{width:18px;height:18px;object-fit:contain}.example-tabs svg{width:18px;height:18px}.permission-map{position:relative;display:grid;grid-template-columns:28% 30% 28%;column-gap:7%;grid-template-rows:250px auto;align-items:start;padding-top:25px}.map-lines{position:absolute;inset:25px 0 auto;width:100%;height:390px;pointer-events:none;overflow:visible}.map-line,.owner-line{fill:none;stroke:#c6cec3;stroke-width:1.5}.owner-line{stroke-dasharray:4 5}.return-line{fill:none;stroke:#6e9161;stroke-width:2;stroke-dasharray:6 5;opacity:0}.map-dot{fill:#739266}.demo-node{position:relative;z-index:1;border:1px solid #dfe3dc;border-radius:14px;background:white;min-width:0}.demo-agent{margin-top:34px;padding:20px}.node-heading{display:flex;align-items:center;gap:10px}.node-heading h2{font-size:16px;line-height:1.3;font-weight:600;letter-spacing:-.015em}.agent-symbol{display:flex;align-items:center;justify-content:center;width:27px;height:27px;color:#536e48;flex-shrink:0}.agent-symbol svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linejoin:round;stroke-linecap:round}.demo-bubble{font-size:16px;line-height:1.5;margin-top:19px;padding:12px 14px;background:#f3f4f0;border-radius:10px 10px 10px 2px;min-height:72px}.smaller-ask{display:flex;gap:10px;margin:15px 0 14px;color:#45533e;font-size:14px;line-height:1.5}.reply-arrow{font-size:20px;line-height:1}.node-caption{display:block;color:#677062;font-size:12px;line-height:1.5}.demo-picnic{grid-column:2;grid-row:1;background:#24372f;color:#fff;border:0;padding:24px 24px 18px;box-shadow:0 12px 30px #20382613}.picnic-node-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.picnic-logo{font-size:34px;font-weight:730;line-height:1;letter-spacing:-.04em}.picnic-logo>span{color:#bad49f}.picnic-relationship{font-size:12px;color:#d4e2ce}.demo-picnic>p{font-size:19px;line-height:1.5;margin:23px 0 22px;letter-spacing:-.015em;min-height:86px}.negotiation-state{border-top:1px solid #53685b;padding-top:13px;display:flex;align-items:center;gap:8px;color:#d4e2ce;font-size:12px}.state-dot{width:6px;height:6px;border-radius:50%;background:#c7df9a}.demo-source{grid-column:3;grid-row:1;margin-top:34px;padding:20px 18px 0}.source-note{font-size:12px;color:#65705f;line-height:1.5;margin:8px 0 18px}.demo-service{display:flex;align-items:center;gap:10px;min-height:39px;font-size:14px}.demo-service img{width:20px;height:20px;object-fit:contain}.service-visibility{margin-left:auto;font-size:11px;color:#666e63}.requested-service{color:#2e4924}.requested-service .service-visibility{color:#395f2b}.source-access{display:flex;align-items:center;gap:8px;border-top:1px solid #e2e6de;padding:12px 0;margin-top:12px;font-size:12px;line-height:1.4;color:#58624f}.source-access svg{width:14px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5;flex-shrink:0}.demo-owner{position:relative;z-index:1;grid-column:2;grid-row:2;width:124%;margin-left:-12%;text-align:center;padding-top:38px}.owner-label{display:flex;gap:8px;align-items:center;justify-content:center;font-size:13px;color:#57614e}.owner-label svg{height:17px;width:17px;fill:none;stroke:currentColor;stroke-width:1.6}.demo-owner>p{font-size:18px;line-height:1.4;letter-spacing:-.02em;margin:10px auto 7px;max-width:340px}.demo-owner>span{font-size:12px;color:#62695c}.demo-decisions{display:flex;justify-content:center;gap:8px;margin-top:17px}.demo-decisions button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:42px;padding:9px 14px;font-size:13px;border:1px solid #d8ded0;border-radius:7px;background:white}.demo-decisions button:hover{background:#eef2e8}#demo-approve{background:#e9f0df;color:#304d20;border-color:#d1ddc4}#demo-approve:hover{background:#dde8cf}.demo-outcome{text-align:center;margin:24px 0 6px;font-size:14px;color:#425339;min-height:23px}.demo-disclosure{text-align:center;font-size:11px;line-height:1.5;color:#666e63;max-width:630px;margin:auto}.home-invitation{padding-top:28px;margin:28px auto 0;text-align:center;border-top:1px solid #e5e7e1;max-width:1080px}.home-invitation h2{font-size:23px;font-weight:550;letter-spacing:-.025em;line-height:1.3}.home-invitation .connect-actions{display:flex;align-items:center;justify-content:center;gap:12px;margin:18px auto 0}.home-invitation .connect-action{min-height:46px;font-size:15px;padding:12px 20px;border-radius:8px;gap:25px}.primary-invitation{background:#202124;color:white;border:0}.primary-invitation:hover{background:#35443a;border:0}.secondary-invitation{background:transparent;border:0;color:#5b6257;padding-inline:12px!important}.secondary-invitation:hover{background:#f3f4f0;border:0}.agent-targets{display:flex;justify-content:center;align-items:center;gap:9px;margin:22px auto 8px;color:#6b7066;font-size:12px;flex-wrap:wrap}.agent-targets button{background:transparent;border:1px solid #e2e5dc;border-radius:5px;min-height:36px;padding:5px 13px;color:#48503f;font-size:13px}.agent-targets button:hover{border-color:#647957;background:#f5f6f2}.compatibility-note{font-size:11px;line-height:1.6;color:#686f61}.chat-entry{max-width:760px;margin:28px auto 0;font-size:14px}.chat-entry img{width:20px;height:20px}.connection-flow,.home-connections{max-width:760px;margin-inline:auto}#login{margin:32px auto;padding:24px;border:1px solid #dfe3dc;border-radius:12px;scroll-margin-top:24px}#flow,#chat{margin-top:28px}footer{max-width:1080px;width:100%;margin:12px auto 0;padding:24px 0}.permission-map[data-decision=approved] .return-line{opacity:1;animation:permission-return .7s ease-out both}.permission-map[data-decision=approved] .source-access{color:#325421}.permission-map[data-decision=denied] .map-line,.permission-map[data-decision=denied] .map-dot{opacity:.3}.permission-map[data-decision=denied] .state-dot{background:#e6c8a4}.has-account .home-intro,.has-account .home-demo,.has-account .home-start,.has-account .agent-targets,.has-account .compatibility-note{display:none}.has-account .home-invitation{border:0;padding-top:10px;margin-top:0}.has-account .home-invitation h2{font-size:30px}.has-account main{max-width:760px}.has-account #account{max-width:none}@keyframes permission-return{from{stroke-dashoffset:80;opacity:0}to{stroke-dashoffset:0;opacity:1}}
@media(min-width:1400px){main{padding-top:42px}.home-intro{margin-bottom:40px}}
@media(max-width:900px) and (min-width:641px){.app{padding-inline:24px}.permission-map{grid-template-columns:29% 32% 29%;column-gap:5%;grid-template-rows:270px auto}.demo-node{padding:16px}.demo-picnic>p{font-size:17px}.picnic-logo{font-size:30px}.picnic-relationship{font-size:10px}.demo-bubble{font-size:14px;padding:10px}.node-heading h2{font-size:14px}.source-note,.node-caption{font-size:11px}.service-visibility{display:none}.demo-service{font-size:13px}.demo-owner{padding-top:44px;width:132%;margin-left:-16%}.map-lines{display:none}.demo-owner:before{content:'';position:absolute;top:5px;left:50%;height:25px;border-left:1px dashed #b7c4ae}}
@media(max-width:640px){.app{padding-inline:22px}.header{height:76px}.wordmark{font-size:27px}.header-actions{gap:5px}.home-start{font-size:12px;gap:8px;padding:9px 11px}.home-start svg{width:15px;height:15px}#account{max-width:140px;font-size:12px}.has-account #account{max-width:220px}.home-intro{text-align:left;margin-bottom:25px}.home-intro h1{font-size:43px;line-height:1.08;letter-spacing:-.035em}.mobile-break{display:block}.home-intro>p{font-size:16px;line-height:1.55;margin-top:17px;max-width:350px}.home-intro>p br{display:none}main{padding-top:25px}.example-tabs{justify-content:flex-start;gap:6px;margin-inline:-2px;margin-bottom:22px}.example-tabs button{min-width:0;flex:1;white-space:normal;gap:5px;padding:8px 7px;font-size:12px;line-height:1.25;min-height:51px;flex-direction:column}.example-tabs img,.example-tabs svg{width:17px;height:17px}.permission-map{display:flex;flex-direction:column;gap:22px;padding-top:0;max-width:420px;margin:auto}.map-lines{display:none}.demo-node{width:100%;margin:0}.demo-agent{padding:16px 18px}.node-heading h2{font-size:15px}.demo-bubble{font-size:16px;margin-top:12px;padding:10px 13px;min-height:0}.smaller-ask{font-size:13px;margin:10px 0 0}.node-caption{display:none}.demo-picnic{padding:20px}.demo-picnic:before,.demo-source:before{content:'';position:absolute;top:-23px;left:50%;height:22px;border-left:1px solid #b9c7b0}.demo-picnic>p{font-size:19px;min-height:0;margin:18px 0}.picnic-logo{font-size:31px}.demo-source{padding:16px 18px 0}.source-note{margin:5px 0 10px}.demo-service{min-height:33px}.source-access{padding:11px 0;margin-top:9px}.demo-owner{width:100%;margin:0;padding:12px 4px 0}.demo-owner>p{font-size:20px;max-width:310px}.demo-owner>span{font-size:12px}.demo-decisions button{min-height:44px;font-size:14px}.demo-outcome{margin-top:20px;font-size:14px;line-height:1.5}.demo-disclosure{font-size:11px;margin-top:8px;max-width:330px}.home-invitation{margin-top:24px;padding-top:24px}.home-invitation h2{font-size:25px}.home-invitation .connect-actions{flex-direction:column;gap:2px}.home-invitation .connect-action{justify-content:center;width:100%;max-width:310px;font-size:16px}.agent-targets{margin-top:18px}.agent-targets>span{width:100%;margin-bottom:4px}.compatibility-note{font-size:11px}.compatibility-note br{display:none}.chat-entry{margin-top:24px;min-height:60px}#login{padding:20px;margin-top:24px}.home-intro+.home-demo{scroll-margin-top:20px}footer{margin-top:12px}.has-account main{padding-top:15px}.has-account .home-invitation .connect-actions{flex-direction:row;flex-wrap:wrap}.has-account .home-invitation h2{font-size:28px}}
@media(prefers-reduced-motion:reduce){.return-line{animation:none!important}}

.home-intro>p{max-width:640px}.member-invitation{display:none}.has-account .member-invitation{display:block}.has-account .visitor-invitation{display:none}.invitation-message{max-width:580px;margin:16px auto 0;color:#5b625f;font-size:16px;line-height:1.6}