:root{--ink:#20211d;--paper:#f5efe8;--coral:#e4674f;--blue:#bcd4d2;--line:#d9d1c6;--muted:#706d66}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif}.topbar,main>section,footer{max-width:1240px;margin:auto}.topbar{height:88px;display:flex;justify-content:space-between;align-items:center;padding:0 28px}.brand{font:700 28px 'Playfair Display',serif;text-decoration:none;color:var(--ink);letter-spacing:-1.2px}.brand i{font-weight:600}.brand span{font:18px 'DM Sans';color:var(--coral);margin-left:5px}nav{display:flex;align-items:center;gap:27px}nav a{font-size:14px;color:var(--ink);text-decoration:none}.outline,.filter{border:1px solid var(--ink);background:transparent;border-radius:100px;padding:11px 17px;font:500 13px 'DM Sans';cursor:pointer}.small{padding:9px 14px}.hero{display:grid;grid-template-columns:1.08fr .92fr;min-height:610px;padding:82px 28px 50px;gap:50px}.eyebrow{font:500 11px 'DM Mono';letter-spacing:1.2px;color:#716e67;margin:0 0 19px;text-transform:uppercase}.hero h1,.intro h2,.section-head h2{font:600 clamp(46px,5vw,74px)/.98 'Playfair Display';letter-spacing:-3px;margin:0}.hero h1 em{color:var(--coral);font-weight:600}.lede{font-size:18px;line-height:1.55;max-width:490px;margin:27px 0 29px;color:#3f403b}.primary{display:inline-flex;gap:26px;align-items:center;background:var(--ink);color:#fff;text-decoration:none;border-radius:100px;padding:15px 19px;font-weight:600;font-size:14px}.primary span{font-size:19px}.trust{font-size:12px;color:var(--muted);margin-top:35px}.hero-art{position:relative;min-height:438px;background:#d9e3da;border-radius:50% 50% 18px 18px;overflow:hidden}.sun{position:absolute;width:290px;height:290px;background:#f0c472;border-radius:50%;top:53px;left:50%;transform:translateX(-50%)}.sheet{background-image:url('avatar-sheet.png');background-size:400% 300%;background-repeat:no-repeat}.hero-portrait{position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:330px;height:395px;border-radius:170px 170px 0 0;background-size:400% 300%;z-index:2}.p0{background-position:0 0}.p1{background-position:33.33% 0}.p2{background-position:66.66% 0}.p3{background-position:100% 0}.p4{background-position:0 50%}.p5{background-position:33.33% 50%}.p6{background-position:66.66% 50%}.p7{background-position:100% 50%}.p8{background-position:0 100%}.p9{background-position:33.33% 100%}.p10{background-position:66.66% 100%}.p11{background-position:100% 100%}.note{position:absolute;background:#fffdf8;padding:13px 15px;border-radius:6px;font:500 13px/1.35 'DM Mono';z-index:3;box-shadow:0 8px 22px #3c514329}.n1{left:18px;top:105px;transform:rotate(-8deg)}.n2{right:14px;bottom:66px;transform:rotate(7deg)}.n2 b{color:var(--coral)}.orbit{position:absolute;border:1px solid #7e9d93;border-radius:50%;z-index:1}.o1{width:475px;height:255px;top:95px;left:-20px;transform:rotate(24deg)}.o2{width:370px;height:180px;top:160px;left:80px;transform:rotate(-19deg)}.intro{padding:130px 28px;display:grid;grid-template-columns:1fr 1fr;gap:30px;border-top:1px solid var(--line)}.intro h2{font-size:50px}.intro>div>p{font-size:17px;line-height:1.65;max-width:450px;margin:18px 0 0}.directory{padding:82px 28px 110px;background:#e6ded2;max-width:none!important}.section-head,.agent-grid{max-width:1184px;margin:auto}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:38px}.section-head h2{font-size:50px}.filters{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.filter{border-color:#b7afa4;padding:9px 13px}.filter.active,.filter:hover{background:var(--ink);color:#fff;border-color:var(--ink)}.agent-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:19px}.agent{background:#faf7f1;border-radius:4px;overflow:hidden;cursor:pointer;transition:transform .2s,box-shadow .2s}.agent:hover{transform:translateY(-5px);box-shadow:0 16px 20px #554c431c}.agent.hidden{display:none}.agent-pic{height:264px;background-size:400% 300%;position:relative}.badge{position:absolute;left:12px;bottom:12px;padding:6px 9px;border-radius:99px;background:#fffdf8;font:10px 'DM Mono';letter-spacing:.5px;text-transform:uppercase}.agent-copy{padding:17px 16px 19px}.agent-copy h3{font:600 23px 'Playfair Display';margin:0 0 4px}.agent-copy p{font-size:13px;color:#67645d;margin:0}.agent-copy p span{color:var(--coral);font-size:12px;margin-right:4px}.how{padding:110px 28px}.steps{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--ink)}.steps article{padding:26px 30px 10px 0;border-right:1px solid var(--line);margin-right:28px}.steps article:last-child{border:0}.steps span{font:12px 'DM Mono';color:var(--coral)}.steps h3{font:600 30px 'Playfair Display';margin:44px 0 12px}.steps p{color:#55534d;line-height:1.55;max-width:255px}footer{border-top:1px solid var(--line);padding:32px 28px;display:flex;justify-content:space-between;font-size:12px;color:var(--muted)}footer p{margin:8px 0}.modal{position:fixed;inset:0;background:#1c211c99;display:none;align-items:center;justify-content:center;padding:20px;z-index:20}.modal.open{display:flex}.modal-card{width:min(560px,100%);background:#fdfaf5;border-radius:13px;padding:25px;position:relative;box-shadow:0 24px 80px #0005}.close{position:absolute;right:17px;top:12px;border:0;background:none;font-size:30px;cursor:pointer}.chat-head{display:flex;align-items:center;border-bottom:1px solid var(--line);padding-bottom:18px}.chat-head .avatar{width:48px;height:48px;border-radius:50%;margin-right:12px}.chat-head h3{font:600 24px 'Playfair Display';margin:0}.chat-head .eyebrow{font-size:9px;margin:0 0 4px}.online{margin-left:auto;color:#578276;font-size:11px}.chat{height:265px;padding:22px 2px;overflow:auto;display:flex;flex-direction:column;gap:10px}.bubble{font-size:14px;line-height:1.45;padding:11px 13px;border-radius:14px;max-width:77%}.bubble.agent{background:#e7eee8;align-self:flex-start;border-bottom-left-radius:3px}.bubble.user{background:#22251f;color:#fff;align-self:flex-end;border-bottom-right-radius:3px}.suggestions{display:flex;gap:7px;overflow:auto;padding-bottom:13px}.suggestions button{white-space:nowrap;background:#f5eee3;border:1px solid #dfd4c6;border-radius:99px;padding:7px 9px;color:#5f5c55;font:11px 'DM Sans';cursor:pointer}form{display:flex;border:1px solid #cfc6ba;border-radius:99px;padding:4px 5px 4px 15px}input{border:0;background:transparent;outline:0;flex:1;font:14px 'DM Sans'}.send{border:0;background:var(--coral);color:white;width:35px;height:35px;border-radius:50%;font-size:20px;cursor:pointer}.voice-note{font-size:10px;color:#888178;margin:12px 3px 0;text-align:center}code{font-family:'DM Mono'}@media(max-width:760px){.topbar{height:74px}.topbar nav a{display:none}.hero{grid-template-columns:1fr;padding-top:48px}.hero-art{min-height:355px}.intro{grid-template-columns:1fr;padding:80px 28px}.intro h2,.section-head h2{font-size:40px}.section-head{display:block}.filters{justify-content:flex-start;margin-top:22px}.agent-grid{grid-template-columns:repeat(2,1fr);gap:11px}.agent-pic{height:205px}.agent-copy{padding:12px}.how{padding:80px 28px}.steps{grid-template-columns:1fr}.steps article{border-right:0;border-bottom:1px solid var(--line);padding-bottom:25px;margin:0}.steps h3{margin-top:22px}footer{display:block}.hero h1{font-size:53px}}
/* Clear, low-friction ways to start a conversation from each profile. */
.directory-hint{font-size:14px;color:var(--muted);margin:12px 0 0}.agent-photo{display:block;width:100%;border:0;padding:0;text-align:left;cursor:pointer}.agent-pic .photo-cta{position:absolute;right:12px;bottom:12px;padding:7px 10px;border-radius:99px;background:#20211ddd;color:#fff;font:600 11px 'DM Sans';opacity:0;transform:translateY(4px);transition:opacity .18s,transform .18s}.agent-photo:hover .photo-cta,.agent-photo:focus-visible .photo-cta{opacity:1;transform:translateY(0)}.agent-copy{padding-bottom:13px}.agent-actions{display:flex;gap:8px;margin-top:13px}.agent-actions button{flex:1;border:1px solid var(--ink);border-radius:99px;padding:9px 10px;font:600 12px 'DM Sans';cursor:pointer}.chat-action{background:transparent;color:var(--ink)}.call-action{background:var(--ink);color:#fff}.agent-actions button:hover{transform:translateY(-1px)}