.resident-product{padding:75px 0 85px;background:#eaf0e4;border-top:1px solid var(--line)}.resident-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:75px;align-items:center}.resident-copy .eyebrow{flex-wrap:wrap}.resident-copy .eyebrow .planned-label{width:auto;height:auto;border-radius:20px;background:#d6e3ca;padding:4px 10px;font-size:12px;letter-spacing:0;font-weight:500}.resident-copy h2{font-size:44px;margin-top:20px}.resident-intro{font-size:17px;margin-top:20px;max-width:510px}.resident-features{display:grid;gap:22px;margin-top:32px}.resident-features article{display:flex;gap:17px}.resident-features article>span{flex-shrink:0;width:40px;height:40px;background:#f8fbf3;border:1px solid #d3dfca;border-radius:10px;display:grid;place-items:center;font-size:22px}.resident-features h3{font-size:17px;margin-bottom:5px}.resident-features p{font-size:16px;line-height:1.65}.resident-roadmap{font-size:13px;margin-top:27px;max-width:510px;color:#637259}.resident-preview{margin:0;padding:35px 15px 20px;border-radius:28px;background:radial-gradient(ellipse,#d2e2c0 0,transparent 70%)}.phone-frame{max-width:340px;margin:auto;background:#fafcf7;border:7px solid #24493e;border-radius:38px;padding:15px 22px 25px;box-shadow:15px 25px 50px #23463122}.phone-speaker{width:75px;height:6px;border-radius:8px;background:#24493e;margin:0 auto 23px}.phone-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.phone-heading .brand{font-size:22px}.resident-avatar{border-radius:50%;background:#e2ecd7;width:34px;height:34px;display:grid;place-items:center;font-size:12px}.phone-greeting{font-size:14px}.phone-frame>h3{font-size:22px;margin-top:3px;letter-spacing:-.5px}.phone-unit{font-size:12px;margin-top:6px}.phone-balance{background:#173d35;color:white;border-radius:12px;padding:20px 17px;margin-top:22px}.phone-balance>span{display:block;font-size:13px;color:#d4e3cd}.phone-balance strong{display:block;font-size:20px;line-height:1.4;margin-top:6px}.phone-balance small{display:block;font-size:12px;color:#d4e3cd;margin-top:10px}.phone-visit{display:flex;align-items:center;gap:11px;border:1px solid #d9e4cf;background:#edf4e6;border-radius:10px;padding:15px 12px;margin-top:16px}.visit-icon{font-size:27px}.phone-visit strong{font-size:14px;display:block}.phone-visit div>span{font-size:12px;color:#72826a}.phone-invoices h4{font-size:15px;margin:24px 0 5px}.phone-invoices>div{display:flex;justify-content:space-between;align-items:center;gap:8px;border-bottom:1px solid var(--line);padding:15px 0;font-size:13px}.phone-invoices small{display:block;font-size:12px;color:#7b8674;margin-top:3px}.invoice-status{padding:3px 7px;border-radius:5px;font-size:12px}.invoice-status.pending{background:#f5ebd5;color:#836225}.invoice-status.paid{background:#e1eed9;color:#456b35}.phone-payment-note{display:flex;justify-content:space-between;margin-top:23px;font-size:13px;font-weight:600}.resident-preview figcaption{text-align:center;font-size:12px;color:#6b7e5e;margin-top:23px}@media(max-width:1000px){.resident-layout{gap:30px}.resident-copy h2{font-size:36px}.resident-preview{padding:20px 0}}@media(max-width:800px){.resident-product{padding:50px 0}.resident-layout{grid-template-columns:1fr;gap:35px}.resident-copy h2{font-size:34px}.resident-intro,.resident-roadmap{max-width:none}.resident-preview{padding:15px 0}.phone-frame{width:100%}}@media(prefers-reduced-motion:no-preference){.resident-preview .phone-frame{transform:rotate(2deg)}}