@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--green:#14776a;--deep:#123e37;--mint:#e8f2ed;--bg:#f6f7f3;--ink:#263b36;--muted:#74817a;--line:#e5e9e3;--white:#fff;--gold:#e8bd69}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px 'DM Sans',sans-serif}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{cursor:pointer}button{border:0;background:none;color:inherit}a{color:var(--green);text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #e8bd69;outline-offset:4px}button:hover{filter:brightness(.96)}img{max-width:100%;display:block}h1,h2,h3,h4{font-family:Manrope,sans-serif;margin:0;letter-spacing:-.035em}h1{font-size:42px;line-height:1.2}h2{font-size:27px}h3{font-size:19px}p{line-height:1.7;margin:10px 0}small,.muted{color:var(--muted)}.row{display:flex;align-items:center;gap:12px}.between{justify-content:space-between}.wrap{flex-wrap:wrap}.stack{display:grid;gap:16px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:10px;padding:13px 20px;font-weight:700;background:var(--green);color:#fff;transition:.2s}.btn.secondary{background:var(--mint);color:var(--green)}.btn.outline{border:1px solid var(--line);background:#fff;color:var(--ink)}.btn.small{padding:9px 14px;font-size:13px}.btn.full{width:100%}.icon{width:20px;height:20px;vertical-align:middle;flex-shrink:0}.iconbtn{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border:1px solid var(--line);border-radius:50%;background:white}.logo{width:132px;mix-blend-mode:multiply}.avatar{width:44px;height:44px;object-fit:cover;border-radius:50%;background:#eef5f0}.avatar.company{object-fit:contain;padding:6px;background:white;border:1px solid var(--line)}.badge{font-size:11px;letter-spacing:.06em;font-weight:700;text-transform:uppercase;color:var(--green);background:var(--mint);border-radius:6px;padding:6px 9px;display:inline-block}.eyebrow{font-size:11px;letter-spacing:.17em;text-transform:uppercase;font-weight:800;color:var(--green)}.card{border:1px solid var(--line);border-radius:17px;background:#fff;overflow:hidden}.pad{padding:24px}.divider{height:1px;background:var(--line);margin:18px 0}.field{display:grid;gap:7px;margin:15px 0;font-size:13px;font-weight:600}input,textarea,select{width:100%;border:1px solid #dce3dd;background:white;border-radius:10px;padding:13px 14px;color:var(--ink);outline:none}input:focus,textarea:focus,select:focus{border-color:var(--green);box-shadow:0 0 0 3px #14776a14}textarea{resize:vertical;min-height:100px}.empty{text-align:center;padding:40px 20px;color:var(--muted)}.empty .icon{width:32px;height:32px;margin:auto auto 12px;color:var(--green)}.credits{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px;font-size:11px;color:var(--muted)}.credits .amog-logo{width:72px}.credits .cx-logo{width:100px;background:#14212c;padding:5px 8px;border-radius:5px}.credits span{max-width:100%;line-height:1.7}.auth{min-height:100vh;display:grid;grid-template-columns:1.08fr 1fr;background:white}.auth-visual{margin:20px;border-radius:24px;position:relative;overflow:hidden;background:#173e32;min-height:740px;color:white}.auth-visual>img{width:100%;height:100%;object-fit:cover;position:absolute}.auth-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#092b1720 20%,#092b17df 100%)}.visual-copy{position:absolute;z-index:1;bottom:58px;left:50px;right:42px}.visual-copy h1{font-size:clamp(40px,4vw,62px);max-width:510px}.visual-copy p{font-size:17px;color:#e0eae1;max-width:420px}.visual-copy .eyebrow{color:#d1edc6;margin-bottom:20px}.auth-main{padding:48px 10%;display:flex;flex-direction:column;justify-content:center;gap:30px}.auth-main>.logo{width:160px}.auth-main h2{font-size:32px}.auth-main form .btn{margin-top:8px}.socials{display:grid;grid-template-columns:1fr 1fr;gap:10px}.socials button{border:1px solid var(--line);padding:12px;border-radius:10px;font-weight:600;font-size:13px}.social-mark{font-weight:800;font-size:18px;margin-right:8px}.or{display:flex;align-items:center;gap:15px;color:#8b968f;font-size:12px;margin:22px 0}.or:before,.or:after{content:'';height:1px;flex:1;background:var(--line)}.demo-note{background:#f5f7f3;border:1px solid var(--line);padding:11px 14px;border-radius:10px;font-size:12px;line-height:1.6;color:var(--muted)}.choose{min-height:100vh;padding:45px 7%;background:radial-gradient(ellipse at top,#dfefe6,transparent 65%)}.choose .logo{margin:auto}.choose-heading{text-align:center;margin:65px auto 35px}.choose-heading h1{margin:14px 0}.profile-choices{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:970px;margin:0 auto 45px}.choice{background:white;border:1px solid var(--line);border-radius:20px;padding:35px 24px;text-align:center;transition:.2s}.choice:hover{transform:translateY(-6px);box-shadow:0 18px 35px #193a3210;border-color:#6fa798}.choice img{width:124px;height:124px;margin:0 auto 24px}.choice h3{font-size:21px;margin-bottom:8px}.choice .badge{margin:16px 0 23px}.choice .btn{width:100%}.topbar{height:80px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 36px;position:sticky;top:0;z-index:20}.topbrand{display:flex;gap:17px;align-items:center;width:205px}.topbrand small{font-size:9px;letter-spacing:.08em;border-left:1px solid var(--line);padding-left:13px}.searchbar{display:flex;align-items:center;gap:10px;max-width:470px;flex:1;background:#f4f6f2;border:1px solid var(--line);padding:0 14px;border-radius:10px;color:var(--muted)}.searchbar input{background:none;border:0;padding:12px 0;box-shadow:none;font-size:13px}.top-actions{display:flex;align-items:center;gap:14px}.top-actions .user-btn{display:flex;gap:9px;align-items:center;font-size:12px;font-weight:700}.layout{display:grid;grid-template-columns:230px minmax(0,1fr);max-width:1560px;margin:auto}.sidebar{height:calc(100vh - 80px);padding:30px 20px;position:sticky;top:80px;border-right:1px solid var(--line);display:flex;flex-direction:column;background:#fff}.nav-button{display:flex;gap:13px;align-items:center;width:100%;padding:14px 17px;text-align:left;color:#6c7a73;border-radius:10px;font-size:14px;font-weight:500;margin-bottom:5px}.nav-button.active{background:var(--mint);color:var(--green);font-weight:700}.side-heading{font-size:10px;letter-spacing:.13em;color:#9aa59e;margin:26px 16px 13px}.side-profile{display:flex;gap:10px;padding:9px 15px;align-items:center;font-size:12px;text-align:left;width:100%}.side-profile .avatar{width:32px;height:32px}.side-bottom{margin-top:auto;padding:20px 12px 0;font-size:11px;color:var(--muted)}.side-bottom p{line-height:1.6}.workspace{padding:32px 34px 55px;min-width:0}.page-title{margin-bottom:25px}.page-title h1{font-size:30px;margin:6px 0}.page-title p{font-size:14px;color:var(--muted)}.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:26px;align-items:start}.hero{height:290px;position:relative;border-radius:18px;overflow:hidden;background:#183d30;color:white;margin-bottom:26px}.hero>img{height:100%;width:100%;object-fit:cover;object-position:center 55%}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#103d30e8,#103d3080 52%,transparent)}.hero-copy{position:absolute;inset:30px;z-index:1;max-width:340px}.hero-copy .eyebrow{color:#bce0c5;font-size:10px}.hero-copy h2{font-size:34px;line-height:1.18;margin:13px 0}.hero-copy p{font-size:13px;color:#e4eee6;margin-bottom:19px}.hero-copy .btn{background:white;color:var(--deep);padding:10px 17px;font-size:12px}.hero-corner{position:absolute;right:20px;bottom:20px;color:#fff;z-index:1;font-size:10px;letter-spacing:.08em}.tabs{display:flex;gap:23px;border-bottom:1px solid var(--line);margin-bottom:22px;overflow:auto}.tabs button{padding:0 0 13px;color:var(--muted);white-space:nowrap;font-size:13px;font-weight:600}.tabs .active{border-bottom:2px solid var(--green);color:var(--green)}.composer{padding:17px 19px;margin-bottom:20px}.composer .prompt{background:#f5f7f3;border-radius:10px;color:#8a958c;padding:13px 15px;text-align:left;flex:1;font-size:13px}.composer-tools{border-top:1px solid var(--line);margin-top:15px;padding-top:12px;display:flex;justify-content:space-between}.composer-tools button{display:flex;gap:7px;align-items:center;font-size:11px;color:var(--muted)}.composer-tools .icon{width:16px;height:16px}.post{margin-bottom:22px}.post-head{padding:20px;display:flex;gap:11px;align-items:center}.post-head .name{font-weight:700;font-size:13px}.post-head small{display:block;font-size:11px;margin-top:4px}.post-head .more{margin-left:auto}.post-copy{padding:0 22px 17px;font-size:13px;line-height:1.8}.post-photo{height:300px;width:100%;object-fit:cover}.post-photo-wrap{position:relative}.date-block{position:absolute;top:18px;left:18px;background:white;border-radius:9px;text-align:center;width:54px;overflow:hidden;box-shadow:0 4px 15px #0001}.date-block small{display:block;background:var(--green);color:white;padding:5px;font-size:10px;font-weight:bold}.date-block b{display:block;font-size:23px;padding:6px}.post-event{padding:20px 22px}.post-event h3{margin-bottom:8px}.post-meta{display:flex;gap:14px;flex-wrap:wrap;font-size:11px;color:var(--muted)}.post-meta span{display:flex;gap:5px;align-items:center}.post-meta .icon{width:14px;height:14px}.post-footer{border-top:1px solid var(--line);padding:12px 20px;display:flex;gap:18px}.post-footer button{display:flex;gap:6px;align-items:center;font-size:11px;color:var(--muted)}.post-footer button.liked{color:var(--green)}.right-card{padding:21px;margin-bottom:20px}.right-card h3{font-size:15px;margin-bottom:19px}.right-card .avatar{width:37px;height:37px}.mini-person{display:flex;align-items:center;gap:10px;margin:15px 0}.mini-person div{flex:1;font-size:12px}.mini-person small{display:block;font-size:10px;margin-top:4px}.mini-person button{color:var(--green)}.statline{display:flex;justify-content:space-between;text-align:center;margin:20px 0}.statline strong{font-size:25px;display:block;font-family:Manrope,sans-serif}.statline small{font-size:10px}.impact-card{background:#eaf2e5;border:0}.impact-card h3{font-size:17px}.impact-card p{font-size:12px}.progress-track{height:5px;background:#d4e3cf;border-radius:5px;margin:16px 0}.progress-track i{height:100%;display:block;background:var(--green);border-radius:5px}.event-mini{display:flex;gap:12px;align-items:flex-start}.event-mini img{width:62px;height:68px;object-fit:cover;border-radius:8px}.event-mini h4{font-size:12px;line-height:1.5}.event-mini p{font-size:10px;line-height:1.5;margin:5px 0}.soft-link{color:var(--green);font-weight:700;font-size:12px}.cover{height:225px;width:100%;object-fit:cover;object-position:center 48%}.profile-info{padding:0 30px 28px}.profile-top{display:flex;align-items:flex-end;justify-content:space-between;margin-top:-52px;position:relative;gap:15px}.profile-top .avatar{width:115px;height:115px;border:6px solid white}.profile-info h1{font-size:28px;margin-top:18px}.profile-info .bio{max-width:650px;color:var(--muted);font-size:14px}.profile-stats{display:flex;gap:38px;margin:25px 0 0}.profile-stats b{font-size:22px;display:block}.profile-stats small{font-size:11px}.profile-content{margin-top:25px}.profile-content .tabs{margin-top:20px}.chips{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}.chip{padding:9px 16px;border-radius:25px;border:1px solid var(--line);background:#fff;color:var(--muted);font-size:12px}.chip.active{color:#fff;background:var(--green);border-color:var(--green)}.cause-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.cause-grid .post{margin:0}.cause-grid .post-photo{height:220px}.map-layout{display:grid;grid-template-columns:330px minmax(0,1fr);gap:22px}.map-panel{height:580px;position:relative}.map-panel iframe{border:0;width:100%;height:100%;border-radius:16px}.map-label{position:absolute;bottom:30px;left:22px;right:22px;box-shadow:0 5px 25px #0002;background:white;padding:16px;border-radius:12px;display:flex;align-items:center;justify-content:space-between;font-size:12px}.map-list .card{padding:22px}.map-list .card img{height:150px;width:100%;object-fit:cover;border-radius:10px;margin-bottom:16px}.map-list h3{font-size:17px}.map-list p{font-size:12px}.achievement-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.achievement{text-align:center;padding:32px 22px}.medal{width:74px;height:74px;border-radius:50%;background:#eef1e9;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;color:#94a090;border:5px solid #f5f6f0}.medal .icon{width:32px;height:32px}.achievement.unlocked .medal{background:#fcf0d4;color:#b3812e;border-color:#fff6e2}.achievement h3{font-size:17px}.achievement p{font-size:12px;color:var(--muted)}.messages{display:grid;grid-template-columns:260px minmax(0,1fr);min-height:510px}.threads{border-right:1px solid var(--line);padding:20px}.chat{padding:24px;display:flex;flex-direction:column}.chat-body{flex:1;min-height:280px;padding:25px 0}.bubble{background:var(--mint);border-radius:12px;padding:12px 15px;margin:12px 0 12px auto;max-width:85%;font-size:13px;width:fit-content}.chat form{display:flex;gap:10px}.chat input{min-width:0}.detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px}.detail-photo{width:100%;height:330px;object-fit:cover;border-radius:16px}.detail-main h1{font-size:34px;margin:20px 0}.detail-main h3{margin-top:27px}.detail-main li{line-height:1.8;margin:8px 0;font-size:14px}.detail-aside{position:sticky;top:106px}.detail-aside .row{margin:18px 0;font-size:13px}.detail-aside .btn{margin-top:12px}.detail-aside small{font-size:11px}.detail-aside .avatar{width:42px;height:42px}.notice{background:#fbf5e8;color:#8b713d;padding:12px 16px;border-radius:10px;font-size:12px;margin:15px 0;line-height:1.6}dialog{border:1px solid var(--line);border-radius:20px;max-width:550px;width:calc(100% - 32px);padding:28px;color:var(--ink);box-shadow:0 20px 100px #102e3330}dialog::backdrop{background:#153b3277;backdrop-filter:blur(4px)}dialog h2{font-size:24px;margin:4px 0 16px}dialog .close{float:right;padding:4px}dialog p{font-size:13px}dialog form{clear:both}#toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%,20px);background:var(--deep);color:#fff;padding:15px 22px;border-radius:12px;z-index:100;opacity:0;pointer-events:none;transition:.2s;font-size:13px;max-width:90vw;text-align:center}#toast.show{opacity:1;transform:translate(-50%,0)}.comment{padding:12px 0;border-top:1px solid var(--line);font-size:13px}.photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.photo-grid img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:10px}.mobile-word{display:none}.mobile-menu{display:none}.intro-card{padding:28px;background:var(--deep);color:#fff;border-radius:16px;margin-bottom:23px}.intro-card p{color:#d2dfd4;font-size:13px}.count{font-size:12px;font-weight:600;color:var(--muted)}
@media(min-width:1500px){.workspace{padding:36px 48px}.hero{height:330px}}@media(max-width:1200px){.content-grid{grid-template-columns:minmax(0,1fr) 245px;gap:20px}.layout{grid-template-columns:200px minmax(0,1fr)}.sidebar{padding:25px 12px}.workspace{padding:26px 22px}.topbrand{width:170px}.topbar{padding:0 24px}.hero-copy h2{font-size:30px}.auth-main{padding:40px 8%}}@media(max-width:1000px){.content-grid{grid-template-columns:minmax(0,1fr)}.right-rail{display:grid;grid-template-columns:1fr 1fr;gap:16px}.right-rail .credits{grid-column:1/-1}.topbrand small{display:none}.top-actions .user-btn span{display:none}.detail-grid{grid-template-columns:minmax(0,1fr) 280px}.map-layout{grid-template-columns:260px minmax(0,1fr)}.auth-visual{margin:12px;min-height:730px}.visual-copy{left:28px;right:28px}.auth-main{padding:35px 7%}.socials{grid-template-columns:1fr}.choose{padding:35px 4%}.choice{padding:26px 15px}.achievement-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.auth{display:flex;flex-direction:column}.auth-visual{order:2;min-height:360px;margin:14px}.visual-copy{bottom:30px}.visual-copy h1{font-size:37px}.auth-main{padding:35px 25px;gap:25px}.socials{grid-template-columns:1fr 1fr}.profile-choices{grid-template-columns:1fr;max-width:430px;gap:15px}.choice{display:grid;grid-template-columns:75px 1fr;column-gap:20px;text-align:left;padding:22px}.choice img{width:75px;height:75px;grid-row:1/5;margin:0}.choice h3{font-size:19px}.choice .badge{margin:10px 0;justify-self:start}.choice .btn{grid-column:2;padding:10px}.choose-heading{margin:35px auto 25px}.choose-heading h1{font-size:30px}.topbar{height:67px;padding:0 16px;gap:10px}.topbrand{width:auto}.topbrand .logo{width:108px}.top-actions{gap:7px}.top-actions .iconbtn{width:35px;height:35px}.top-actions .avatar{width:35px;height:35px}.searchbar{display:none}.layout{display:block}.sidebar{position:fixed;top:auto;bottom:0;left:0;right:0;height:68px;z-index:25;flex-direction:row;padding:6px 8px;border-top:1px solid var(--line);justify-content:space-around}.nav-button{display:flex;flex-direction:column;font-size:9px;gap:4px;padding:7px;margin:0;width:auto;border-radius:9px;min-width:52px}.nav-button .icon{width:20px;height:20px}.sidebar .desktop-only,.side-heading,.side-profile,.side-bottom{display:none}.workspace{padding:25px 16px 95px}.page-title h1{font-size:26px}.page-title .btn{font-size:11px;padding:10px 12px}.hero{height:300px;border-radius:15px}.hero-copy{inset:25px;max-width:260px}.hero-copy h2{font-size:33px}.hero:after{background:linear-gradient(90deg,#103d30ed,#103d3040)}.hero-corner{display:none}.right-rail{grid-template-columns:1fr}.post-photo{height:250px}.post-footer{gap:14px;padding:13px}.post-footer button{font-size:10px}.cause-grid,.detail-grid,.map-layout{grid-template-columns:1fr}.detail-aside{position:static;grid-row:1}.detail-grid .detail-main{grid-row:2}.detail-aside .card{padding:20px}.detail-photo{height:230px}.detail-main h1{font-size:28px}.map-panel{height:400px}.map-list .card img{display:none}.achievement-grid{gap:12px}.achievement{padding:25px 12px}.achievement h3{font-size:15px}.profile-info{padding:0 20px 24px}.profile-top{align-items:flex-end}.profile-top .avatar{width:95px;height:95px}.profile-top .row{gap:5px}.profile-top .btn{padding:9px 11px;font-size:11px}.profile-info h1{font-size:25px}.cover{height:180px}.profile-stats{gap:25px}.messages{grid-template-columns:1fr}.threads{border-right:0;border-bottom:1px solid var(--line);padding:16px}.threads h3{display:none}.threads .mini-person{display:inline-flex;margin:0 10px 0 0}.chat{padding:18px}.chat-body{min-height:230px}.intro-card h2{font-size:23px}.credits{font-size:10px}.profile-content .tabs{gap:20px}.profile-info .bio{font-size:13px}.mobile-word{display:inline}.desktop-word{display:none}}
/* Account type selection and independent profile walls. */
.profile-choices{grid-template-columns:repeat(2,minmax(0,1fr));max-width:780px}
.type-choice{display:flex;flex-direction:column;align-items:center;text-align:center}
.choice-portraits{display:flex;justify-content:center;align-items:center;gap:10px;margin-bottom:24px}
.choice-portraits .avatar{width:84px;height:84px;margin:0}
.type-choice p{font-size:14px;color:var(--muted);margin:8px 0 26px;flex:1}
.avatar.company-dark{background:#14212c}
.stat-button{text-align:left;padding:0;min-width:60px}
.stat-button:hover small{color:var(--green)}
.connection-row{display:flex;align-items:center;gap:14px;width:100%;padding:15px 0;border-bottom:1px solid var(--line);text-align:left}
.connection-row span{flex:1}.connection-row small{display:block;color:var(--muted);margin-top:4px}
.wall-heading{margin-bottom:20px}.wall-heading h2{font-size:23px;margin-top:8px}.wall-heading p{font-size:13px}
.sidebar{overflow-y:auto}
@media(max-width:760px){.profile-choices{grid-template-columns:1fr}.type-choice{display:flex;text-align:center}.choice-portraits .avatar{width:76px;height:76px}.sidebar{overflow-y:visible}.profile-top>.row{flex-wrap:wrap;justify-content:flex-end}.profile-stats{gap:21px}.wall-heading h2{font-size:21px}}
.logout-button{display:flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:8px;padding:9px 11px;font-size:12px;font-weight:600;white-space:nowrap}.logout-button .icon{width:16px;height:16px}.type-names{color:var(--green);margin:3px 0 9px;font-weight:600}
@media(max-width:760px){.top-actions>button[data-action="messages"],.top-actions>button[data-action="notifications"]{display:none}.logout-button{padding:9px;font-size:11px}.top-actions{gap:9px}}

.brand-image{object-fit:contain;background:#fff}.choice-portraits{flex-wrap:wrap}.choice h3,.mini-person b,.side-profile span{overflow-wrap:anywhere}.choice h3{line-height:1.35}