:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#2f2c27;background:#eee7d8;font-synthesis:none;text-rendering:optimizeLegibility;--green: #2b5d17;--green-dark: #1f4710;--green-soft: #dfe8d7;--beige: #eee7d8;--beige-light: #f8f3e8;--beige-deep: #ddd2bf;--ink: #2f2c27;--muted: #756f65;--line: #49443c}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:var(--beige);color:var(--ink)}a{color:inherit;text-decoration:none}button{font:inherit}.site-shell{min-height:100vh;overflow:hidden;background:linear-gradient(180deg,#f4eee2,#eee7d8 52%,#e8dfcf)}.container{width:min(1180px,calc(100% - 40px));margin:0 auto}.topbar-wrap{position:sticky;top:0;z-index:30;background:#eee7d8f0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(73,68,60,.18)}.titlebar{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center}.brand-header{min-width:150px}.brand-logo{display:block;height:46px;width:auto}.nav-actions{display:flex;align-items:center;gap:24px;font-size:.9rem;font-weight:650}.nav-actions>a:not(.nav-cta){color:#625d54}.nav-actions>a:not(.nav-cta):hover{color:var(--green)}.nav-cta{padding:10px 15px;background:var(--green);color:#fffdf7;border:1px solid #1d3d11;box-shadow:3px 3px #2f2c272e}.hero{display:grid;grid-template-columns:.92fr 1.08fr;gap:64px;align-items:center;padding:92px 0 112px}.kicker{display:inline-block;color:var(--green);font-size:.76rem;text-transform:uppercase;letter-spacing:.18em;font-weight:800;margin-bottom:18px}.hero h1{margin:0;max-width:720px;font-size:clamp(3.5rem,7.6vw,6.9rem);line-height:.91;letter-spacing:-.065em;font-weight:850}.hero h1 span{color:var(--green)}.hero-text{max-width:610px;margin:28px 0 30px;color:#686158;font-size:1.08rem;line-height:1.75}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.btn{min-height:48px;display:inline-flex;align-items:center;justify-content:center;padding:0 19px;border-radius:2px;border:2px solid #39352f;font-weight:800;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.btn:hover{transform:translate(-1px,-1px);box-shadow:4px 4px #2f2c272e}.btn-primary{background:var(--green);color:#fffdf8}.btn-primary:hover{background:#32691c}.btn-secondary{background:#f7f1e5;color:var(--ink)}.btn.disabled{opacity:.62;cursor:default}.btn.disabled:hover{transform:none;box-shadow:none}.trust-row{display:flex;flex-wrap:wrap;gap:20px;margin-top:20px;color:#70695f;font-size:.82rem}.dot{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:7px;border:1px solid rgba(0,0,0,.22)}.dot.online{background:#55a334}.dot.secure{background:var(--green)}.preview-stage{position:relative;padding:14px 0 20px}.preview-window{position:relative;z-index:2;border:2px solid #3d3932;background:#e8dfcf;box-shadow:10px 12px #3d393224;transform:rotate(.4deg)}.preview-titlebar{min-height:46px;background:var(--green);color:#fff9ef;border-bottom:2px solid #1d3e10;display:flex;align-items:center;justify-content:space-between;padding-left:12px}.preview-title{display:flex;align-items:center;gap:8px;font-size:.78rem;font-weight:850;letter-spacing:.06em}.mini-logo{width:22px;height:22px;display:grid;place-items:center;background:#f5efdf;color:var(--green);border:1px solid #18340d;font-weight:900}.window-controls{align-self:stretch;display:flex}.window-controls button{width:42px;border:0;border-left:1px solid rgba(0,0,0,.26);background:#0000001f;color:#fffaf0;font-size:1rem}.window-controls button:hover{background:#d6c5a7;color:#29261f}.window-controls .close:hover{background:#b84736;color:#fff}.preview-body{min-height:438px;display:grid;grid-template-columns:1fr 210px;background:#f4eedf}.chat-pane{min-width:0;display:grid;grid-template-rows:auto 1fr auto}.chat-header{min-height:68px;display:flex;align-items:center;padding:0 18px;border-bottom:1px solid #aaa18f;background:#ebe2d2}.person,.friend{display:flex;align-items:center;gap:10px}.person>div,.friend>div{display:flex;flex-direction:column;gap:3px}.person strong,.friend strong{font-size:.83rem}.person small,.friend small{color:#716b61;font-size:.69rem}.avatar{width:38px;height:38px;display:grid;place-items:center;background:#d7cab3;border:1px solid #5f594f;color:#3c382f;font-weight:850}.avatar.small{width:32px;height:32px}.avatar.alt{background:#d8c2cc}.avatar.grey{background:#cbc8c0}.status-dot{width:8px;height:8px;display:inline-block;border-radius:50%;border:1px solid rgba(0,0,0,.25);margin-right:4px}.status-dot.green{background:#4d9b31}.status-dot.yellow{background:#d2a82b}.status-dot.grey-dot{background:#7b7a75}.messages{padding:24px 20px;display:flex;flex-direction:column;justify-content:flex-end;gap:12px;background:linear-gradient(#f7f1e5,#f2ebdd)}.msg{max-width:70%;padding:10px 12px;border:1px solid #8b8376;box-shadow:2px 2px #36322c14;font-size:.8rem}.msg strong{display:block;font-size:.68rem;margin-bottom:4px;color:#696259}.msg p{margin:0;line-height:1.4}.msg small{display:block;text-align:right;margin-top:5px;color:#8b8479;font-size:.62rem}.msg.incoming{align-self:flex-start;background:#e8dfcf}.msg.outgoing{align-self:flex-end;background:#dce8d6;border-color:#718466}.composer{min-height:54px;margin:0 14px 14px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;border:1px solid #81796d;background:#fbf6ec;padding:6px;color:#948c80;font-size:.75rem}.composer button{height:34px;min-width:36px;border:1px solid #595349;background:#e9dfcd;color:#37332d}.composer .send{background:var(--green);color:#fff}.friends-pane{position:relative;border-left:1px solid #9b9386;background:#e6dccb;padding-bottom:58px}.my-status{min-height:68px;display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid #aaa18f}.my-status div{display:flex;flex-direction:column;gap:4px}.my-status small{color:#716b61;font-size:.65rem}.my-status strong{font-size:.82rem}.gear{font-size:1rem;color:#5f594f}.friend-search{margin:12px;padding:9px 10px;border:1px solid #9c9486;background:#f5eee1;color:#948b7c;font-size:.68rem}.friend-group{margin:14px 12px 6px;color:#6d665c;font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.friend{margin:0 8px 4px;padding:8px}.friend.active{background:#d7ccb8;border:1px solid #9a907f}.add-friend{position:absolute;left:10px;right:10px;bottom:10px;min-height:36px;border:1px solid #554f45;background:#f3ebdc;font-weight:800;color:#39352f}.preview-shadow{position:absolute;inset:30px -26px -8px 26px;border:2px solid rgba(43,93,23,.16);z-index:1}.section{padding:98px 0 110px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:44px}.section-heading h2{margin:0;font-size:clamp(2.4rem,5vw,4.8rem);line-height:.96;letter-spacing:-.05em}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);border:2px solid #4c473f;background:#eee5d5}.feature-card{min-height:260px;padding:30px}.feature-card+.feature-card{border-left:1px solid #6f685d}.feature-symbol{color:var(--green);font-size:.74rem;font-weight:900;letter-spacing:.15em}.feature-card h3{margin:44px 0 12px;font-size:1.28rem}.feature-card p{margin:0;color:#71695e;line-height:1.7;font-size:.93rem}.desktop-section{padding:20px 0 100px}.desktop-card{display:flex;align-items:center;justify-content:space-between;gap:50px;padding:54px 58px;background:var(--green);color:#fbf7ec;border:2px solid #18380d;box-shadow:8px 8px #37312924}.desktop-copy h2{margin:0;font-size:clamp(2.3rem,4.7vw,4.6rem);line-height:.96;letter-spacing:-.05em}.desktop-copy .kicker{color:#dcebd5}.desktop-copy p{max-width:620px;margin:20px 0 26px;color:#dfe8da;line-height:1.65}.desktop-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.desktop-card .btn-primary{background:#f5efe2;color:#2c2923;border-color:#18380d}.text-link{font-weight:800;color:#fff}.desktop-badge{flex:0 1 430px;display:flex;align-items:center;justify-content:center;padding:0;border:0;background:transparent}.desktop-logo{display:block;width:min(430px,32vw);max-width:100%;height:auto;object-fit:contain}footer{border-top:1px solid #9d9487;background:#e6dccb}.footer-inner{min-height:120px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;color:#71695f;font-size:.82rem}.footer-logo-link{display:inline-flex;align-items:center;width:fit-content}.footer-logo{display:block;width:auto;height:60px}.footer-inner p{margin:0}.copyright{justify-self:end}@media(max-width:980px){.hero{grid-template-columns:1fr;padding-top:70px}.preview-stage{max-width:760px}.section-heading{display:block}.section-heading .kicker{margin-bottom:16px}.desktop-card{align-items:flex-start;flex-direction:column}.desktop-badge{width:100%;flex-basis:auto;justify-content:flex-start}.desktop-logo{width:min(430px,100%)}}@media(max-width:720px){.container{width:min(100% - 24px,1180px)}.titlebar{min-height:92px}.brand-logo{height:38px;max-width:170px}.nav-actions>a:not(.nav-cta){display:none}.hero{padding:58px 0 80px;gap:48px}.hero h1{font-size:clamp(3.2rem,16vw,5.3rem)}.hero-text{font-size:1rem}.hero-actions{flex-direction:column;align-items:stretch}.trust-row{flex-direction:column;gap:8px}.preview-window{transform:none}.preview-body{grid-template-columns:1fr;min-height:410px}.friends-pane{display:none}.preview-shadow{inset:18px -10px -10px 10px}.feature-grid{grid-template-columns:1fr}.feature-card{min-height:auto}.feature-card+.feature-card{border-left:0;border-top:1px solid #6f685d}.desktop-card{padding:36px 26px}.footer-inner{grid-template-columns:1fr;padding:28px 0}.copyright{justify-self:start}}