@import "https://fonts.googleapis.com/css2?family=Fraunces:wght@500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{--background:#f8ede1;--background-strong:#f2dfcb;--surface:#fff9f2c7;--text:#5b483f;--text-strong:#2f211d;--border:#7453422e;--border-strong:#74534242;--accent:#d77a36;--accent-strong:#a84d2c;--accent-soft:#d77a3629;--error:#a13a2a;color:var(--text);background:radial-gradient(circle at top left, #fff9f0e6, transparent 30%), linear-gradient(145deg, var(--background), var(--background-strong));font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Manrope,Segoe UI,sans-serif;font-weight:500;line-height:1.5}*{box-sizing:border-box}html{background:radial-gradient(circle at top left, #fff9f0e6, transparent 30%), linear-gradient(145deg, var(--background), var(--background-strong))}body{min-width:320px;min-height:100vh;margin:0}body,button,input,textarea,select{font-family:Manrope,Segoe UI,sans-serif}#root{min-height:100vh}h1,h2{letter-spacing:-.03em;color:var(--text-strong);margin:0;font-family:Fraunces,Georgia,serif;font-weight:600;line-height:1.02}h1{font-size:clamp(3.1rem,5vw,5.4rem)}p{margin:0}a{color:inherit}.page-shell{flex-direction:column;gap:1.5rem;width:min(100%,52rem);min-height:100vh;margin:0 auto;display:flex;position:relative;overflow:hidden}.page-shell:before,.page-shell:after{content:"";filter:blur(18px);opacity:.8;pointer-events:none;border-radius:999px;position:absolute}.page-shell:before{background:#efaa5d47;width:26rem;height:26rem;top:-8rem;left:-6rem}.page-shell:after{background:#924e3a2e;width:18rem;height:18rem;bottom:3rem;right:-4rem}.page-shell-staff{width:min(100%,88rem)}.hero-panel,.form-panel,.staff-panel{padding-inline:clamp(1.5rem,3vw,3rem);position:relative}.hero-panel{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1.35rem;padding-top:4rem;padding-bottom:0;display:flex}.staff-hero{padding-bottom:.5rem}.brand-block{background:#221916;border-radius:24px;justify-content:center;align-items:center;width:fit-content;max-width:min(100%,30rem);padding:1rem 1.25rem;display:inline-flex;box-shadow:0 24px 80px #4c2b232e}.brand-logo{width:min(100%,24rem);height:auto;display:block}.eyebrow,.card-kicker{letter-spacing:.18em;text-transform:uppercase;color:var(--accent-strong);margin:0;font-size:.78rem;font-weight:800}.lead{max-width:42rem;margin-top:.15rem;font-size:1.08rem}.form-panel,.staff-panel{justify-content:center;align-items:center;padding-top:0;padding-bottom:4rem;display:flex}.form-card,.success-card,.staff-card{border:1px solid var(--border-strong);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fff9f2bd;border-radius:32px;box-shadow:0 24px 80px #4c2b231f}.form-card,.success-card{width:min(100%,42rem)}.form-card{padding:clamp(1.4rem,3vw,2.25rem)}.success-card{background:radial-gradient(circle at top,#fdeacce6,#0000 55%),#fff9f2c7;flex-direction:column;gap:.75rem;padding:2rem clamp(1.5rem,3vw,2.25rem);display:flex}.staff-panel{align-items:stretch}.staff-card{width:100%;padding:clamp(1.4rem,3vw,2rem)}.staff-message-card,.auth-card{max-width:34rem}.staff-workspace{flex-direction:column;gap:1.25rem;width:100%;display:flex}.staff-toolbar{justify-content:space-between;align-items:flex-end;gap:1rem;padding:0 .25rem;display:flex}.staff-toolbar-title,.form-card h2,.success-card h2,.staff-card h2{margin:0 0 .45rem;font-size:clamp(1.65rem,2vw,2rem)}.staff-toolbar-subtitle{color:var(--text-muted)}.toolbar-actions{flex-wrap:wrap;justify-content:flex-end;align-items:flex-end;gap:.9rem;display:flex}.staff-layout{grid-template-columns:minmax(18rem,24rem) minmax(0,1fr);gap:1.25rem;display:grid}.inbox-card,.detail-card{min-height:36rem}.inbox-card{flex-direction:column;gap:1rem;display:flex}.inbox-header,.detail-header,.inbox-item-row{justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.count-pill{min-width:2.25rem;height:2.25rem;color:var(--accent-strong);background:#a84d2c1f;border-radius:999px;justify-content:center;align-items:center;padding:0 .7rem;font-weight:800;display:inline-flex}.inbox-list{flex-direction:column;gap:.8rem;max-height:50rem;display:flex;overflow:auto}.inbox-item{appearance:none;border:1px solid var(--border);text-align:left;color:inherit;cursor:pointer;background:#ffffffc2;border-radius:24px;padding:1rem;transition:transform .12s,border-color .12s,box-shadow .12s}.inbox-item:hover{border-color:#a84d2c42;transform:translateY(-1px)}.inbox-item.is-selected{border-color:#a84d2c5c;box-shadow:0 18px 38px #a84d2c1f}.inbox-meta,.detail-meta{color:var(--text-muted);font-size:.92rem}.inbox-preview{color:var(--text);margin-top:.65rem}.detail-card{flex-direction:column;gap:1.15rem;display:flex}.workflow-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.status-form{border:1px solid var(--border);background:#ffffffb8;border-radius:24px;justify-content:space-between;align-items:flex-end;gap:1rem;padding:1rem 1.1rem;display:flex}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem;display:grid}.detail-block,.detail-section{border:1px solid var(--border);background:#ffffffb3;border-radius:24px;padding:1rem 1.1rem}.detail-section{flex-direction:column;gap:.8rem;display:flex}.touchpoint-form{flex-direction:column;gap:1rem;display:flex}.touchpoint-button{align-self:flex-start}.detail-label{letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);margin:0;font-size:.82rem;font-weight:800}.detail-value,.detail-text{color:var(--text-strong);margin:0}.detail-text{white-space:pre-wrap}.detail-text-muted{color:var(--text-muted)}.touchpoint-list{flex-direction:column;gap:.9rem;display:flex}.touchpoint-item{border:1px solid var(--border);background:#ffffffc2;border-radius:20px;flex-direction:column;gap:.55rem;padding:1rem 1.1rem;display:flex}.touchpoint-topline{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.touchpoint-header{flex-wrap:wrap;align-items:center;gap:.65rem;display:flex}.touchpoint-type{color:var(--accent-strong);letter-spacing:.08em;text-transform:uppercase;background:#a84d2c1f;border-radius:999px;justify-content:center;align-items:center;padding:.35rem .7rem;font-size:.78rem;font-weight:800;display:inline-flex}.status-badge{text-transform:uppercase;letter-spacing:.08em;border-radius:999px;justify-content:center;align-items:center;padding:.5rem .85rem;font-size:.8rem;font-weight:800;display:inline-flex}.status-new{color:#8a421d;background:#db783629}.status-assigned{color:#53309d;background:#7351b929}.status-contacted{color:#255b41;background:#377d5c29}.status-closed{color:#3d4550;background:#575d6929}.card-heading{text-align:center;max-width:36rem;margin:0 auto 1.75rem}.card-heading-left{text-align:left;margin:0 0 1.75rem}.connect-form{flex-direction:column;gap:1rem;display:flex}.form-grid{gap:1rem;display:grid}.two-up{grid-template-columns:repeat(2,minmax(0,1fr))}.field{text-align:left;flex-direction:column;gap:.45rem;display:flex}.field-label,.interest-group legend,.filter-control span{color:var(--text-strong);font-size:.94rem;font-weight:700}.field input,.field textarea,.field select,.filter-control select{box-sizing:border-box;border:1px solid var(--border);width:100%;font:inherit;color:var(--text-strong);background:#ffffffeb;border-radius:18px;padding:.95rem 1rem;transition:border-color .12s,box-shadow .12s,transform .12s}.field input:focus,.field textarea:focus,.field select:focus,.filter-control select:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft);outline:none;transform:translateY(-1px)}.field input[aria-invalid=true],.field textarea[aria-invalid=true]{border-color:var(--error)}.field textarea{resize:vertical;min-height:7rem}.field-error{color:var(--error);font-size:.86rem}.checkbox-row{color:var(--text-strong);align-items:center;gap:.7rem;font-weight:600;display:flex}.checkbox-row input,.interest-pill input{accent-color:var(--accent-strong)}.interest-group{border:0;margin:0;padding:0}.interest-grid{flex-wrap:wrap;gap:.75rem;margin-top:.85rem;display:flex}.interest-pill{border:1px solid var(--border);background:#ffffffe0;border-radius:999px;align-items:center;gap:.55rem;padding:.8rem 1rem;font-weight:600;display:inline-flex}.banner{border-radius:18px;padding:.95rem 1rem;font-size:.96rem}.banner-warning{color:#6c430f;background:#fff0d6eb}.banner-error{color:#8d2d1f;background:#ffe8e4f5}.banner-success{color:#255b41;background:#e6f5ecf5}.primary-button,.secondary-button{appearance:none;font:inherit;cursor:pointer;border:0;border-radius:999px;padding:1rem 1.3rem;font-weight:800;transition:transform .12s,box-shadow .12s,opacity .12s}.primary-button{color:#fffaf4;background:linear-gradient(135deg,#a84d2c,#d77a36);box-shadow:0 20px 40px #a84d2c47}.secondary-button{color:var(--text-strong);border:1px solid var(--border);background:#fffffff0}.compact-button{padding:.9rem 1.15rem}.primary-button:hover,.secondary-button:hover{transform:translateY(-1px)}.primary-button:disabled,.secondary-button:disabled{opacity:.72;cursor:progress}.filter-control{flex-direction:column;gap:.45rem;min-width:10rem;display:flex}.empty-state{border:1px dashed var(--border);min-height:10rem;color:var(--text-muted);text-align:center;border-radius:24px;justify-content:center;align-items:center;padding:1.25rem;display:flex}.empty-state-tight{min-height:5.5rem}.honeypot{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}@media (width<=1100px){.staff-layout{grid-template-columns:1fr}.inbox-card,.detail-card{min-height:auto}}@media (width<=920px){.hero-panel{padding-bottom:1rem}.form-panel,.staff-panel{padding-top:0}.staff-toolbar,.status-form{flex-direction:column;align-items:stretch}.toolbar-actions{justify-content:space-between;align-items:stretch;width:100%}}@media (width<=640px){.hero-panel,.form-panel,.staff-panel{padding:1.25rem}.hero-panel{padding-top:1.5rem;padding-bottom:0}.form-panel,.staff-panel{padding-top:0;padding-bottom:1.5rem}.two-up,.detail-grid,.workflow-grid{grid-template-columns:1fr}.form-card,.success-card,.staff-card{border-radius:24px}.brand-block,.toolbar-actions,.filter-control{width:100%}.toolbar-actions{flex-direction:column}.touchpoint-topline{flex-direction:column;align-items:flex-start}}