*{box-sizing:border-box} :root{--ink:#123b32;--green:#078b50;--green2:#12a86a;--mint:#e9f8ef;--teal:#0c665b;--muted:#6b7d78;--line:#e4eee8;--paper:#fbfdfb}body{margin:0;font-family:Inter,Arial,sans-serif;color:#17352e;background:var(--paper);line-height:1.55}a{text-decoration:none;color:inherit}main{min-height:70vh}.topbar{height:76px;padding:0 max(5vw,24px);display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid #edf3ef;position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:10px;font-size:27px;font-weight:800;letter-spacing:-1.4px;color:var(--ink)}.brand small{display:block;font-size:9px;letter-spacing:.1px;font-weight:600;color:#71837b;line-height:1}.brand-mark{width:42px;height:42px;display:grid;place-items:center;border-radius:14px 14px 14px 4px;background:linear-gradient(140deg,#a6df36,#0a9b62);color:white;font-weight:800;font-size:25px;box-shadow:0 7px 18px #0a9b6225}.topbar nav{display:flex;gap:30px;color:#52645d;font-size:13px;font-weight:600}.topbar nav a:hover{color:var(--green)}.top-actions{display:flex;gap:10px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:12px;padding:11px 18px;font-size:13px;font-weight:700;cursor:pointer;transition:.2s}.btn-primary{background:linear-gradient(135deg,#078b50,#0aa86a);color:white;box-shadow:0 7px 16px #078b5020}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 22px #078b5030}.btn-outline{border:1px solid #c8ded2;background:#fff;color:var(--ink)}.btn-soft{background:#eaf7ef;color:#08784b}.btn-white{background:#fff;color:#08784b}.btn-lg{padding:15px 22px;border-radius:14px}.wrap{width:min(1160px,90%);margin:auto}.hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:35px;padding:80px 0 95px;min-height:590px}.eyebrow{font-size:10px;letter-spacing:2px;color:#078b50;font-weight:800}.hero h1,.auth-aside h1{font-size:clamp(44px,5.5vw,70px);line-height:1.05;letter-spacing:-3px;margin:18px 0;color:#103b30}.hero h1 em,.section-head h2 em,.community-copy h2 em,.auth-aside h1 em,.bottom-cta h2 em{font-style:normal;color:#0b9b60}.lead{font-size:17px;color:#61736c;max-width:490px;line-height:1.8}.hero-buttons{display:flex;gap:12px;margin:28px 0}.trustline{font-size:11px;color:#84948d;margin-top:24px}.dot{display:inline-block;width:7px;height:7px;background:#13b56c;border-radius:50%;margin-right:8px}.hero-art{height:440px;position:relative;display:grid;place-items:center}.orbit{position:absolute;border-radius:50%;border:1px solid #bce8cf}.orbit-one{width:390px;height:390px;background:radial-gradient(circle,#d8f5df 0,#effaf2 55%,transparent 70%)}.orbit-two{width:300px;height:300px;border-style:dashed}.phone{position:relative;width:260px;height:390px;border:8px solid #173b32;border-radius:34px;background:white;box-shadow:0 25px 55px #174b3325;z-index:2;padding:15px 13px;transform:rotate(4deg)}.phone-head{display:flex;align-items:center;gap:7px;font-size:15px;color:var(--ink)}.brand-mark.small{width:24px;height:24px;font-size:15px;border-radius:8px}.menu{margin-left:auto}.story-row{display:flex;justify-content:space-between;margin:18px 0;color:#0b9b60}.story-row span{border:2px solid #a9dc54;border-radius:50%;width:33px;height:33px;display:grid;place-items:center;font-weight:bold}.post-preview{border:1px solid #edf2ee;border-radius:14px;padding:11px;font-size:10px}.avatar{width:32px;height:32px;border-radius:50%;background:#d8f1df;color:#08784b;display:grid;place-items:center;font-weight:800;flex-shrink:0}.post-preview .avatar{float:left;margin-right:8px}.post-preview small{display:block;color:#91a098}.more{float:right}.post-preview p{margin:18px 0 8px;font-size:11px}.photo-block{height:125px;border-radius:10px;background:linear-gradient(145deg,#c5edb4,#4caa8a,#1d756b);display:flex;flex-direction:column;align-items:center;justify-content:center;color:white;font-size:35px}.photo-block small{color:white;text-align:center;font-weight:700;letter-spacing:1px}.post-actions{padding-top:10px;color:#5d7e6b}.phone-nav{position:absolute;bottom:12px;left:18px;right:18px;display:flex;justify-content:space-between;color:#0a8e58}.plus{background:#0a9b60;color:white;border-radius:10px;padding:0 7px}.floating-card{position:absolute;z-index:3;display:flex;gap:10px;align-items:center;background:#fff;border:1px solid #e9f2eb;padding:13px 16px;border-radius:15px;box-shadow:0 12px 35px #174b3312}.floating-card b,.floating-card small{display:block}.floating-card b{font-size:11px}.floating-card small{font-size:9px;color:#84948d}.mini-icon{width:30px;height:30px;border-radius:10px;background:#eaf8dc;color:#6aaf26;display:grid;place-items:center}.mini-icon.mint{background:#e0f7ee;color:#0a9b60}.card-top{top:35px;right:0}.card-bottom{bottom:30px;left:0}.feature-section{background:#f0f8f3;padding:80px 0}.section-head{text-align:center;max-width:600px;margin:0 auto 42px}.section-head h2,.community-copy h2{font-size:42px;line-height:1.12;letter-spacing:-1.7px;margin:14px 0;color:#143d32}.section-head p,.community-copy p{color:#71827a}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.feature{padding:25px;border-radius:20px;background:white;min-height:205px;border:1px solid #e7f0e9}.feature-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;font-size:22px;background:#e5f7e8;color:#0a9b60}.f-yellow .feature-icon{background:#fff3d9;color:#d99413}.f-purple .feature-icon{background:#f2e9ff;color:#8c5bd2}.f-blue .feature-icon{background:#e5f2ff;color:#3887d9}.feature h3{margin:17px 0 6px;font-size:17px}.feature p{font-size:12px;color:#73837b;line-height:1.7}.community{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:65px;padding:90px 0}.community-visual{height:330px;border-radius:28px;background:linear-gradient(180deg,#f8e8c8,#e4f3d9);position:relative;overflow:hidden}.sun{position:absolute;width:100px;height:100px;background:#ffd47b;border-radius:50%;top:55px;left:25%}.hill{position:absolute;bottom:-70px;width:120%;height:230px;border-radius:50%}.hill-a{background:#91d69b;left:-35%;transform:rotate(-13deg)}.hill-b{background:#2b9b78;right:-50%;bottom:-115px;transform:rotate(18deg)}.community-note{position:absolute;top:25px;right:24px;color:#174b38;font-size:13px;text-align:right}.community-copy h2{font-size:45px}.bottom-cta{background:#0b5144;color:white;padding:55px 0}.bottom-cta .wrap{display:flex;align-items:center;justify-content:space-between}.bottom-cta .eyebrow{color:#a5e8bd}.bottom-cta h2{font-size:34px;line-height:1.15;margin:12px 0;letter-spacing:-1px}.footer{background:#083b32;color:#d8eee2;padding:30px 5vw;text-align:center}.brand-light{color:white;justify-content:center}.brand-light small{color:#b3d4c3}.footer p{font-size:12px;color:#a5c9b8}.footer>div:not(.brand){display:flex;justify-content:center;gap:22px;font-size:11px;margin:18px}.footer>small{font-size:10px;color:#91b6a4}.auth-wrap{width:min(1000px,90%);margin:65px auto;display:grid;grid-template-columns:1fr 440px;gap:70px;align-items:center;min-height:520px}.auth-aside{position:relative;overflow:hidden;background:#eaf8ef;border-radius:28px;padding:45px;min-height:460px}.auth-aside h1{font-size:48px;letter-spacing:-2px}.auth-aside p{color:#617a6d;max-width:280px}.auth-orb{position:absolute;right:-30px;bottom:-70px;width:260px;height:260px;border-radius:50%;background:linear-gradient(135deg,#b9e969,#0b9b60);display:grid;place-items:center;color:#fff;font-size:130px;font-weight:900;opacity:.85}.auth-card{background:white;border:1px solid #e6efe8;border-radius:24px;padding:35px;box-shadow:0 20px 55px #164b3010}.auth-card h2{font-size:28px;letter-spacing:-1px;margin:10px 0}.muted{color:#819087;font-size:13px}.auth-card form{display:flex;flex-direction:column;margin-top:25px}.auth-card label{font-size:12px;font-weight:700;margin:12px 0 7px}.auth-card input,.composer textarea{font:inherit;border:1px solid #dce9df;border-radius:10px;padding:13px;outline:none;background:#fcfefc}.auth-card input:focus,.composer textarea:focus{border-color:#0a9b60;box-shadow:0 0 0 3px #0a9b6012}.auth-card .btn{margin-top:22px}.auth-switch{text-align:center;font-size:12px;color:#788981;margin-top:22px}.auth-switch a{color:#078b50;font-weight:700}.alert{background:#fff0ef;color:#b53b30;padding:10px 12px;border-radius:9px;font-size:12px;margin:12px 0}.app-layout{width:min(1250px,94%);margin:35px auto;display:grid;grid-template-columns:210px minmax(0,650px) 250px;gap:25px;align-items:start}.side-panel,.right-panel{position:sticky;top:95px}.side-panel{display:flex;flex-direction:column;gap:8px}.profile-mini{text-align:center;background:#fff;border:1px solid var(--line);padding:20px;border-radius:18px;margin-bottom:10px}.profile-mini .avatar{margin:0 auto 10px}.avatar.large{width:55px;height:55px;font-size:22px}.profile-mini b,.profile-mini small{display:block}.profile-mini small{font-size:11px;color:#819087}.side-panel>a{padding:13px 15px;border-radius:12px;color:#63756c;font-size:13px;font-weight:600}.side-panel>a:hover,.side-panel .side-active{background:#e7f7ed;color:#078b50}.welcome{margin-bottom:20px}.welcome h1{font-size:32px;letter-spacing:-1.5px;margin:8px 0}.welcome h1 em{color:#0a9b60;font-style:normal}.welcome p{color:#7b8b83;font-size:13px}.composer,.feed-post,.empty-state,.tip-card{background:#fff;border:1px solid var(--line);border-radius:17px;padding:18px;margin-bottom:16px}.composer-top{display:flex;gap:12px}.composer textarea{width:100%;min-height:75px;resize:vertical;border:0;background:#f8fcf9}.composer-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #edf3ef;padding-top:12px;margin-top:12px}.composer-bottom small{font-size:11px;color:#8b9b92}.feed-heading{display:flex;align-items:center;justify-content:space-between;margin:25px 0 12px}.feed-heading h2{font-size:17px;margin:0}.feed-heading span{font-size:11px;color:#87968e}.post-author{display:flex;gap:10px;align-items:center}.post-author b,.post-author small{display:block}.post-author small{font-size:10px;color:#84948c}.feed-post>p{font-size:14px;line-height:1.7;margin:18px 0}.post-foot{border-top:1px solid #edf3ef;padding-top:12px;display:flex;gap:25px;color:#75867d;font-size:12px}.empty-state{text-align:center;padding:40px 20px}.empty-state>div{font-size:30px;color:#0a9b60}.empty-state h3{margin:8px}.empty-state p{font-size:12px;color:#839189}.tip-card{padding:20px}.tip-card h3{font-size:18px;line-height:1.3}.tip-card p{font-size:12px;color:#71827a}.tip-card a{font-size:12px;color:#078b50;font-weight:700}.tip-card.pale{background:#eaf8ef;margin-top:15px}.tip-card .eyebrow{font-size:9px}
@media(max-width:900px){.topbar nav{display:none}.hero{grid-template-columns:1fr;padding:55px 0 70px;text-align:center}.lead{margin:auto}.hero-buttons{justify-content:center}.hero-art{height:390px}.card-top{right:5%}.card-bottom{left:5%}.feature-grid{grid-template-columns:repeat(2,1fr)}.community{gap:30px}.app-layout{grid-template-columns:180px minmax(0,1fr)}.right-panel{display:none}.auth-wrap{grid-template-columns:1fr 1fr;gap:25px}.auth-aside{padding:30px}.auth-card{padding:25px}}
@media(max-width:600px){.topbar{height:65px;padding:0 16px}.brand{font-size:22px}.brand-mark{width:35px;height:35px}.top-actions .btn{padding:9px 11px;font-size:11px}.top-actions .btn-outline{display:none}.hero h1{font-size:47px;letter-spacing:-2px}.hero-art{transform:scale(.88);margin:-15px -20px}.feature-section{padding:55px 0}.feature-grid{grid-template-columns:1fr 1fr;gap:10px}.feature{padding:17px;min-height:190px}.section-head h2,.community-copy h2{font-size:34px}.community{grid-template-columns:1fr;padding:55px 0}.community-visual{height:250px}.community-copy{text-align:center}.bottom-cta .wrap{display:block;text-align:center}.bottom-cta .btn{margin-top:20px}.auth-wrap{grid-template-columns:1fr;margin:25px auto;gap:18px}.auth-aside{min-height:230px;padding:25px}.auth-aside h1{font-size:34px}.auth-orb{width:140px;height:140px;font-size:70px;right:-20px;bottom:-40px}.auth-card{padding:24px}.app-layout{grid-template-columns:1fr;width:92%;margin:20px auto}.side-panel{position:static;display:flex;flex-direction:row;overflow:auto}.profile-mini{display:none}.side-panel>a{white-space:nowrap;padding:10px}.welcome h1{font-size:27px}.footer>div:not(.brand){gap:12px}}