:root{--ink:#23352f;--muted:#65726c;--cream:#f6f1e8;--paper:#fffdf9;--line:#d8d2c8;--rust:#a44932;--rust2:#873824;--sage:#dce5dd;--shadow:0 18px 50px #34463c18}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:"DM Sans",sans-serif;line-height:1.5}.bar{height:74px;padding:0 max(22px,calc((100vw - 1120px)/2));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#f6f1e8e8;backdrop-filter:blur(12px);position:sticky;top:0;z-index:5}.brand{border:0;background:none;color:var(--ink);display:flex;align-items:center;font:600 22px "DM Sans";letter-spacing:.08em;padding:10px 0;cursor:pointer}.brand i{width:7px;height:7px;border-radius:50%;background:var(--rust);margin:0 4px}.bar nav{display:flex;gap:8px;align-items:center}.navbtn{border:0;background:transparent;color:var(--ink);font:500 14px inherit;padding:10px 12px;border-radius:30px;cursor:pointer}.navbtn:hover,.navbtn.active{background:#e8e2d9}.wrap{width:min(1120px,calc(100% - 36px));margin:0 auto;padding:52px 0 80px}.hero{min-height:calc(100vh - 145px);display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:70px}.eyebrow{font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--rust);margin:0 0 18px}.hero h1,h1,h2{font-family:Newsreader,serif;font-weight:500;line-height:1.04;margin:0}.hero h1{font-size:clamp(52px,7vw,88px);max-width:780px}.lead{font-size:19px;color:var(--muted);max-width:650px;margin:24px 0 32px}.btn{border:1px solid var(--rust);background:var(--rust);color:white;border-radius:6px;padding:13px 20px;font:600 15px inherit;cursor:pointer}.btn:hover{background:var(--rust2)}.btn.light{background:transparent;color:var(--rust)}.btn.ghost{background:transparent;border-color:var(--line);color:var(--ink)}.btn.small{padding:9px 13px;font-size:13px}.hero-card,.card{background:var(--paper);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow)}.hero-card{padding:38px}.quote{font:500 30px/1.2 Newsreader,serif;margin:0 0 28px}.principle{display:grid;grid-template-columns:24px 1fr;gap:12px;border-top:1px solid var(--line);padding:15px 0;color:var(--muted)}.principle b{color:var(--ink)}.pagehead{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:32px}.pagehead h1{font-size:clamp(38px,6vw,64px)}.pagehead p{max-width:540px;margin:10px 0 0;color:var(--muted)}.auth{max-width:540px;margin:35px auto}.card{padding:28px}.auth h1{font-size:48px;margin-bottom:10px}.muted{color:var(--muted)}.form{display:grid;gap:22px;margin-top:28px}.form.two{grid-template-columns:1fr 1fr}.field{display:grid;gap:8px}.field label{font-weight:600;font-size:14px}.field small{color:var(--muted)}input,textarea,select{width:100%;border:1px solid #bdb7ae;border-radius:6px;background:white;color:var(--ink);font:16px inherit;padding:13px 14px}textarea{resize:vertical;min-height:112px}input:focus,textarea:focus,select:focus{outline:3px solid #a4493225;border-color:var(--rust)}.consent{display:flex;gap:10px;align-items:flex-start;font-size:14px}.consent input{width:auto;margin-top:4px}.actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.notice{background:var(--sage);border-left:3px solid #738d78;padding:14px 16px;border-radius:3px;color:#354b3c}.warning{background:#f4e2dc;border-left-color:var(--rust)}.profile-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:26px}.questions{display:grid;gap:16px}.answer{padding:23px 0;border-top:1px solid var(--line)}.answer:first-child{border-top:0;padding-top:0}.answer h3{font-size:12px;letter-spacing:.11em;text-transform:uppercase;color:var(--rust);margin:0 0 10px}.answer p{font:500 22px/1.35 Newsreader,serif;margin:0}.chips{display:flex;gap:8px;flex-wrap:wrap}.chip{background:#ece7df;border-radius:30px;padding:7px 11px;font-size:13px}.photo-box{aspect-ratio:1;border-radius:8px;background:#e4e0d8;overflow:hidden;display:flex;align-items:center;justify-content:center;color:var(--muted);text-align:center}.photo-box img{width:100%;height:100%;object-fit:cover}.photo-covered img{filter:blur(25px);transform:scale(1.12)}.side{display:grid;gap:14px;align-content:start}.status{border:1px solid var(--line);padding:14px;border-radius:8px;font-size:14px}.discover{display:grid;gap:25px}.person{display:grid;grid-template-columns:1fr 250px;gap:28px}.person h2{font-size:38px}.meta{color:var(--muted);margin:6px 0 22px}.conversation-layout{display:grid;grid-template-columns:320px 1fr;gap:20px}.conv-list{display:grid;gap:8px;align-content:start}.conv-item{text-align:left;background:var(--paper);border:1px solid var(--line);padding:15px;border-radius:8px;cursor:pointer}.conv-item.active{border-color:var(--rust)}.chat{min-height:560px;display:grid;grid-template-rows:auto 1fr auto}.chat-head{display:flex;justify-content:space-between;gap:14px;border-bottom:1px solid var(--line);padding-bottom:16px}.messages{padding:20px 0;display:flex;flex-direction:column;gap:10px}.message{max-width:76%;padding:11px 14px;border-radius:10px;background:#ece7df}.message.mine{align-self:flex-end;background:var(--sage)}.compose{display:flex;gap:9px;border-top:1px solid var(--line);padding-top:16px}.compose input{flex:1}.empty{text-align:center;padding:70px 20px;color:var(--muted)}dialog{border:0;border-radius:12px;padding:0;box-shadow:0 30px 90px #0004;max-width:480px;width:calc(100% - 30px)}dialog::backdrop{background:#17221d99}.modal{padding:28px}.modal h2{font-size:34px;margin-bottom:10px}footer{min-height:72px;border-top:1px solid var(--line);padding:22px max(22px,calc((100vw - 1120px)/2));display:flex;justify-content:space-between;color:var(--muted);font-size:13px}#toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%,140%);background:var(--ink);color:#fff;padding:12px 18px;border-radius:6px;transition:.25s;z-index:20;max-width:calc(100% - 32px)}#toast.show{transform:translate(-50%,0)}@media(max-width:760px){.bar{height:64px}.navbtn{padding:8px}.navlabel{display:none}.wrap{width:min(100% - 24px,1120px);padding:30px 0 60px}.hero{grid-template-columns:1fr;gap:32px;align-content:center}.hero h1{font-size:53px}.hero-card{padding:25px}.form.two,.profile-grid,.person,.conversation-layout{grid-template-columns:1fr}.person .side{grid-row:1}.photo-box{max-height:360px}.pagehead{align-items:start;flex-direction:column}.conversation-layout{display:block}.conv-list{display:flex;overflow:auto;margin-bottom:14px}.conv-item{min-width:210px}.chat{min-height:500px}.card{padding:21px}.actions .btn{flex-grow:1}footer{display:grid;gap:5px}}
