/* Connect-first owner landing. All visual rules stay scoped to this hub. */
.connect-hub{padding:20px 18px 32px!important;box-sizing:border-box;max-width:760px;margin:auto;color:#253c35;font-family:inherit;background:#fff;overflow:hidden}.connect-hub *{box-sizing:border-box}.hub-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:12px}.hub-wordmark{display:flex;align-items:center;gap:9px;font-size:21px;letter-spacing:-.5px}.hub-brand-mark{display:grid;place-items:center;background:#e9f2ed;color:#2c6b52;border-radius:11px;width:35px;height:35px;font-size:24px}.connect-hub button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}.hub-header-tools{display:flex;gap:5px}.hub-header button{min-width:44px;min-height:44px;border:1px solid #e6ece8;background:#fff;border-radius:12px;color:#4d655b;padding:8px 10px}.hub-header button:hover{background:#f5f8f5}.hub-hero{position:relative;isolation:isolate;background:linear-gradient(125deg,#123c30,#2d6953);border-radius:25px;padding:27px 24px 24px;color:#fff;overflow:hidden}.hub-eyebrow{font-size:11px;font-weight:600;letter-spacing:.3px;color:#bddbcd;position:relative;z-index:1}.hub-hero h1{position:relative;z-index:1;font-size:clamp(25px,6.5vw,34px);line-height:1.4;margin:13px 0 12px;max-width:440px;color:#fff;font-weight:750;letter-spacing:-.7px}.hub-hero p{position:relative;z-index:1;max-width:390px;font-size:13px;line-height:1.9;margin:0 0 23px;color:#dcebe3}.connect-hub .hub-primary{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:49px;background:#fff;color:#1d503c;border:0;border-radius:13px;width:100%;padding:12px 16px;font-size:14px;font-weight:700}.hub-hero-note{position:relative;z-index:1;display:block;text-align:center;font-size:10px;margin-top:10px;color:#bddbcd}.hub-orbits{position:absolute;inset-inline-end:-52px;top:-28px;width:210px;height:210px;border:1px solid #ffffff13;border-radius:50%;z-index:-1}.hub-orbits span{position:absolute;inset:24px;border:1px solid #ffffff12;border-radius:50%}.hub-orbits span:nth-child(2){inset:48px}.hub-orbits span:nth-child(3){inset:72px;background:#ffffff08}.hub-sections{display:grid;grid-template-columns:1fr;gap:0;margin:20px 0 10px;border:1px solid #e8eee9;border-radius:18px;overflow:hidden}.hub-section{display:flex;align-items:center;gap:12px;text-align:start;min-height:85px;padding:16px 15px;border:0;background:#fff;color:inherit;width:100%}.hub-section+.hub-section{border-top:1px solid #eef2ee}.hub-icon{flex:none;display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#edf4ee;color:#376c51}.hub-icon svg{width:23px;height:23px}.hub-section>span:nth-child(2),.hub-acquaintance>span:nth-child(2),.hub-knowledge>span:nth-child(2){display:flex;flex-direction:column;gap:5px;min-width:0;flex:1}.hub-section strong,.hub-acquaintance strong,.hub-knowledge strong{font-size:14px;font-weight:700}.hub-section small,.hub-acquaintance small,.hub-knowledge small{font-size:11px;line-height:1.65;color:#7a8980}.hub-section b{display:grid;place-items:center;min-width:27px;height:27px;border-radius:9px;background:#f2f6f2;font-size:12px;color:#62796c}.hub-section .hub-unread{background:#e6f1e9;color:#2c6b4c}.hub-chevron{font-size:22px;color:#9aaba1;flex:none}.hub-active{margin:24px 0}.hub-active>header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}.hub-active h2{font-size:14px;margin:0;font-weight:700}.hub-active>header>button{background:none;border:0;color:#5b7969;font-size:11px;min-height:44px;padding:6px}.hub-request{border:1px solid #e4ece5;border-radius:17px;padding:17px;margin:10px 0;background:#fcfdfb}.hub-request>div{display:flex;justify-content:space-between;align-items:center;gap:10px}.hub-pill{background:#ecf3e9;color:#4a6f45;border-radius:8px;padding:5px 9px;font-size:10px;font-weight:650}.hub-request small{font-size:10px;color:#7d8b81}.hub-request p{font-size:13px;line-height:1.8;margin:13px 0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:anywhere}.hub-request button{display:flex;justify-content:space-between;align-items:center;gap:10px;background:none;border:0;border-top:1px solid #edf2eb;color:#32664c;min-height:44px;padding:12px 0 0;width:100%;font-size:12px;text-align:start}.hub-acquaintance,.hub-knowledge{display:flex;align-items:center;gap:12px;text-align:start;padding:17px 15px;width:100%;border:1px solid #e9e8df;border-radius:18px;background:#faf9f4;color:inherit;margin:14px 0}.hub-acquaintance .hub-icon{background:#eeecdf;color:#817744}.hub-knowledge{background:#fff;border-color:#e8eee9}.hub-knowledge .hub-icon{background:#f0f2f8;color:#646f92}.hub-knowledge>span:nth-child(2)>small:first-child{font-size:9px;color:#839186}.hub-empty,.hub-loading{padding:22px 18px;background:#f7f9f5;border:1px dashed #e0e8dd;border-radius:16px;text-align:center;color:#7c8d7d;font-size:12px;line-height:1.8}.hub-empty button{border:0;background:#e9f1e5;border-radius:10px;min-height:44px;color:#3c6842;padding:10px 18px}.hub-error{font-size:12px;color:#a33728;line-height:1.8;overflow-wrap:anywhere}.hub-consent{padding:15px 4px}.hub-consent h1{font-size:25px;line-height:1.5}.hub-consent p{font-size:13px;line-height:1.9;color:#74847a}.hub-consent label{display:flex;align-items:flex-start;gap:10px;font-size:13px;line-height:1.9;margin:24px 0}.hub-consent input{width:20px;height:20px;flex:none;margin-top:3px;accent-color:#286653}.connect-hub .hub-consent .hub-primary{background:#286653;color:#fff;justify-content:center}.connect-hub button:disabled{opacity:.55;cursor:default}.connect-hub button:focus-visible{outline:3px solid #7fae8c;outline-offset:3px}@media(min-width:650px){.connect-hub{padding:26px 30px 40px!important}.hub-sections{grid-template-columns:1fr 1fr}.hub-section+.hub-section{border-top:0;border-inline-start:1px solid #eef2ee}.hub-hero{padding:32px}.hub-hero .hub-primary{max-width:310px}.hub-hero-note{max-width:310px}.hub-orbits{width:330px;height:330px;top:-38px}}@media(max-width:350px){.connect-hub{padding:16px 12px 28px!important}.hub-hero{padding:23px 18px}.hub-section,.hub-acquaintance,.hub-knowledge{padding:14px 12px;gap:10px}}

.connect-hub .hub-icon svg{fill:none}.connect-hub .hub-empty p{margin:0}