/* TRUSTPROS CONNECT brand and onboarding — added without disturbing base site. */
.connect-brand-image{display:block;width:104px;height:88px;object-fit:contain;filter:drop-shadow(0 4px 12px #071d08aa)}
.connect-brand{gap:0}
.hero-connect-crest{display:block;width:118px;height:130px;object-fit:contain;margin:10px 0 0;filter:drop-shadow(0 8px 28px #c5a03525)}
.hero-fast{display:inline-block;background:linear-gradient(110deg,#fff2ab,#f6c34a,#be8d29);-webkit-background-clip:text;background-clip:text;color:transparent;white-space:nowrap}
.mock-logo{display:flex;align-items:center;gap:8px}.mock-logo img{width:42px;height:46px;object-fit:contain}
.connect-features{position:relative;padding:96px max(22px,calc((100vw - 1240px)/2));text-align:center;background:radial-gradient(ellipse at 50% 0%,#1733217d,transparent 65%)}
.connect-features h2{font-family:Manrope,DM Sans,sans-serif;font-size:clamp(29px,4vw,48px);line-height:1.17;margin:14px auto;color:#f7f9ff}
.connect-features h2 span{color:#efce8b}.features-intro{color:#aebacc;font-size:16px;max-width:690px;margin:14px auto 39px}
.connect-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;text-align:left}
.connect-feature{position:relative;min-width:0;overflow:hidden;border:1px solid #cfad572e;border-radius:22px;background:linear-gradient(160deg,#182734,#0d1625 70%);padding:27px 25px 29px;box-shadow:0 20px 44px #0003;transition:transform .2s,border-color .2s}
.connect-feature:hover{transform:translateY(-4px);border-color:#ddb76877}
.connect-feature img{display:block;width:132px;height:132px;object-fit:contain;margin:-1px 0 14px;filter:drop-shadow(0 9px 16px #0008)}
.connect-feature h3{font-size:16px;color:#f6df9e;letter-spacing:.06em;margin:0 0 9px}.connect-feature p{line-height:1.68;color:#afbacc;font-size:14px;margin:0}
.coming-soon{position:absolute;right:20px;top:20px;border:1px solid #d5ae5570;color:#ecd18c;background:#ad7c201d;padding:6px 9px;border-radius:30px;font-size:10px;letter-spacing:.1em;font-weight:800}
.step-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.auth-side-brand img{width:118px;height:auto;object-fit:contain;filter:drop-shadow(0 8px 15px #0006)}
.auth-steps [data-auth-step]{transition:opacity .2s,border-color .2s}
.auth-steps [data-auth-step].active{opacity:1;color:#f5d993}
.audience-stage{max-width:730px;width:min(100%,730px)}
.audience-stage form{display:flex;flex-direction:column;gap:11px}
.audience-stage input[type=search],.audience-stage select{width:100%;height:47px;padding:0 14px;background:#10192a;border:1px solid #364258;color:#f8faff;border-radius:10px;font:inherit;outline-offset:2px}
.audience-stage select option{background:#131c2a;color:#f8faff}
.audience-stage .identity-help{color:#a6b7c9;margin:0 0 5px}
.audience-summary{display:flex;align-items:center;justify-content:space-between;color:#e7c981;font-size:12px;font-weight:700;margin-top:2px}
.audience-selected{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 7px}.audience-selected:empty{display:none}
.audience-pill{display:inline-flex;gap:7px;align-items:center;border:1px solid #d1ae6273;background:#56411d3b;padding:7px 8px 7px 12px;border-radius:30px;font-size:12px;color:#ffe3a3}
.audience-pill button{background:none;color:inherit;border:0;font-size:17px;line-height:1;cursor:pointer}
.audience-groups{border:1px solid #334154;border-radius:14px;max-height:288px;overflow:auto;padding:12px;background:#0a1422;margin-bottom:12px;scrollbar-color:#9b773f #0b1422}
.audience-group+.audience-group{margin-top:13px}.audience-group h4{font-size:11px;letter-spacing:.1em;color:#a9c0bc;margin:3px 0 9px}
.audience-options{display:flex;flex-wrap:wrap;gap:7px}
.audience-chip{appearance:none;border:1px solid #394b59;border-radius:30px;background:#162333;color:#d6e1ed;padding:9px 12px;font:600 12px DM Sans,sans-serif;cursor:pointer;transition:background .16s,border-color .16s}
.audience-chip:hover,.audience-chip:focus-visible{border-color:#e4c474}.audience-chip.selected{background:#244c32;border-color:#90ce76;color:#efffce}
.audience-chip:disabled:not(.selected){opacity:.36;cursor:not-allowed}
.audience-no-results{font-size:13px;color:#a2b1be;padding:15px;text-align:center}
.member-brand-link{display:block;margin:2px auto 16px;width:112px;text-align:center}.member-brand-link img{width:110px;max-width:100%;height:auto;filter:drop-shadow(0 7px 15px #0008)}
.app-top-kicker{display:flex;gap:7px;align-items:center}.app-top-kicker img{width:24px;height:27px;object-fit:contain}
.dashboard-hero-icon{flex-shrink:0;width:142px;height:142px;object-fit:contain;filter:drop-shadow(0 8px 24px #0007)}
.member-icon-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:18px 0}
.member-icon-strip>div{min-width:0;display:flex;align-items:center;gap:8px;border:1px solid #d4bd6635;background:#101c28;border-radius:13px;padding:9px 8px}
.member-icon-strip img{width:39px;height:39px;object-fit:contain;flex-shrink:0}
.member-icon-strip span{font-size:10px;font-weight:800;letter-spacing:.02em;color:#eed695;line-height:1.3}
.member-icon-strip small{display:block;color:#9aacb2;font-size:8px;margin-top:3px}
.profile-audience-info{margin-top:8px;display:flex;gap:7px;flex-wrap:wrap;justify-content:center}
.profile-audience-info span{display:inline-flex;padding:5px 9px;border:1px solid #bb994f71;border-radius:20px;color:#e5cd91;font-size:11px}
@media(max-width:1080px){.step-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.member-icon-strip{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.connect-features{padding:70px 18px}.connect-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.connect-feature{padding:18px}.connect-feature img{width:102px;height:102px}.connect-brand-image{width:82px;height:70px}.hero-connect-crest{width:96px;height:106px}.dashboard-hero-icon{width:96px;height:96px}.member-icon-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:510px){.connect-feature-grid,.step-grid{grid-template-columns:1fr}.connect-features{padding:61px 18px}.connect-feature{display:grid;grid-template-columns:94px 1fr;column-gap:12px;align-items:center}.connect-feature img{width:94px;height:94px;grid-row:span 2;margin:0}.connect-feature h3{font-size:13px}.connect-feature p{font-size:12px}.coming-soon{top:7px;right:9px;font-size:8px}.audience-groups{max-height:240px}.audience-stage h2{font-size:26px}.member-icon-strip{gap:6px}.member-icon-strip img{width:34px;height:34px}.member-icon-strip span{font-size:9px}}


/* CONNECT invitation-first experience — October 2026 */
.hero-copy h1 em,.hero-copy h1 .hero-fast{
 background:none!important;
 background-clip:border-box!important;
 -webkit-background-clip:border-box!important;
 -webkit-text-fill-color:#ffe6ae!important;
 color:#ffe6ae!important;
 text-shadow:0 0 25px rgba(255,222,149,.13);
}
.mock-invite-banner{
 margin:21px 0 15px;border:1px solid #314f79;border-radius:8px;
 background:linear-gradient(95deg,#1b344b,#142a3d);
 padding:12px;color:#d5dbaa;font-size:10px;font-weight:700;
}
.mock-choice{flex:none;display:inline-flex;color:#bcdaff;background:#163e65;border:1px solid #47729a;border-radius:7px;padding:9px 8px;font-size:8px;font-weight:800;white-space:nowrap;}
.step-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.profile-optional{margin-top:24px;padding-top:21px;border-top:1px solid #34445c;}
.profile-optional .section-overline{display:block;margin-bottom:17px;}
.profile-optional label{margin-top:16px;}
.profile-optional label span{font-size:10px;font-weight:500;letter-spacing:0;color:#8095b1;}
.profile-optional input{margin-bottom:6px;}
.profile-optional .identity-help{display:block;margin:12px 0 0;font-size:11px;line-height:1.6;color:#8fa1bb;}
.invite-trust-note{padding:12px 14px;margin-bottom:18px;border-radius:10px;background:#162941;border:1px solid #2e5070;color:#aebfdb;font-size:12px;line-height:1.6;}
.invite-trust-note span{color:#eacb86;margin-right:7px;}
.connect-invite-card{padding:21px;gap:19px;background:linear-gradient(140deg,#16283b,#111b2c);}
.connect-invite-card .round-avatar{width:64px;height:64px;border:2px solid #8f7449;}
.connect-invite-card .request-copy strong{font:800 16px Manrope,sans-serif;color:#f4f3ef;}
.connect-invite-card .request-copy small{color:#d8ba79;font-weight:800;letter-spacing:.07em;}
.connect-invite-card .invite-bio{font-size:13px;line-height:1.5;color:#bdcce0;margin-top:8px;}
.connect-invite-card .invite-note{font-style:italic;}
.contact-links{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px;font-size:12px;font-weight:700;}
.contact-links a,.contact-links span{padding:7px 10px;border:1px solid #516d89;border-radius:8px;color:#b8d7ff;overflow-wrap:anywhere;}
.contact-links a:hover{border-color:#e1bd72;color:#fff0ba;}
.conversation-header .contact-links{margin-top:9px;font-size:10px;}
.conversation-header .contact-links a,.conversation-header .contact-links span{padding:4px 7px;}
.admin-chat-row{display:flex;align-items:center;border-bottom:1px solid #283952;}
.admin-chat-row .admin-thread-item{border-bottom:0;flex:1;min-width:0;}
.admin-reply{margin-right:9px;white-space:normal;text-align:center;}
@media(max-width:1080px){.step-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:590px){
 .step-grid{grid-template-columns:1fr}
 .mock-invite-banner{font-size:8px;padding:8px;margin:12px 0;}
 .mock-choice{font-size:6px;padding:7px 5px}
 .connect-invite-card .round-avatar{width:52px;height:52px}
 .connect-invite-card .request-copy strong{font-size:13px}
 .admin-chat-row{display:block}
 .admin-reply{margin:0 8px 8px;}
}