.tenant-page{padding:36px 0 100px;position:relative}.perspective-switcher-bar{margin-bottom:28px}.perspective-switcher-inner{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffcf6eb;border:1.5px solid #1f4d3c2e;border-radius:999px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:12px 20px;display:flex;box-shadow:0 12px 30px #16211d0f}.perspective-label{color:var(--text-secondary);align-items:center;gap:8px;font-size:.9rem;font-weight:700;display:inline-flex}.perspective-tabs{background:#1f4d3c12;border-radius:999px;flex-wrap:wrap;gap:8px;padding:5px;display:inline-flex}.perspective-tab{color:var(--text-secondary);border-radius:999px;align-items:center;gap:7px;padding:8px 18px;font-size:.88rem;font-weight:800;text-decoration:none;transition:all .2s;display:inline-flex}.perspective-tab:hover{color:var(--brand-green-deep);background:#1f4d3c1f}.perspective-tab.active{background:var(--brand-green);color:#fffdf8;box-shadow:0 6px 16px #1f4d3c40}.perspective-tab.active:hover{background:var(--brand-green-deep);color:#fffdf8}.landlord-invite-welcome-card{color:#fffdf7;background:linear-gradient(135deg,#102a21 0%,#1a4334 60%,#215240 100%);border:2px solid #f7c26073;border-radius:28px;margin-bottom:44px;padding:36px;position:relative;overflow:hidden;box-shadow:0 26px 60px #102a2142}.landlord-invite-welcome-grid{grid-template-columns:1.35fr .65fr;align-items:center;gap:32px;display:grid}.landlord-invite-badge{color:var(--gold-bright);background:#f7c2602e;border:1px solid #f7c26073;border-radius:999px;align-items:center;gap:8px;margin-bottom:14px;padding:6px 14px;font-size:.85rem;font-weight:800;display:inline-flex}.landlord-invite-welcome-card h2{color:#fffdf7;margin-bottom:14px;font-size:clamp(1.65rem,3vw,2.35rem);line-height:1.25}.landlord-invite-welcome-card p{color:#fffaf0e0;margin-bottom:22px;font-size:1rem;line-height:1.7}.landlord-win-points{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:24px;display:grid}.landlord-win-point{background:#ffffff14;border:1px solid #ffffff24;border-radius:16px;padding:16px}.landlord-win-point strong{color:var(--gold-bright);margin-bottom:6px;font-size:.95rem;display:block}.landlord-win-point span{color:#fffaf0d1;font-size:.85rem;line-height:1.55;display:block}.landlord-invite-cta-panel{color:var(--text-primary);text-align:center;background:#fffdf8f5;border-radius:22px;padding:26px;box-shadow:0 18px 40px #00000038}.landlord-invite-cta-panel .char-pair{justify-content:center;align-items:center;gap:12px;margin-bottom:12px;display:flex}.landlord-invite-cta-panel .char-pair img{object-fit:contain;width:78px;height:78px}.landlord-invite-cta-panel h3{margin-bottom:8px;font-size:1.2rem;font-weight:900}.landlord-invite-cta-panel p{color:var(--text-secondary);margin-bottom:16px;font-size:.88rem}.tenant-hero-grid{grid-template-columns:1.08fr .92fr;align-items:center;gap:44px;margin-bottom:80px;display:grid}.tenant-eyebrow{color:#166534;background:#1f8a5b1f;border:1px solid #1f8a5b47;border-radius:999px;align-items:center;gap:8px;margin-bottom:18px;padding:8px 16px;font-size:.9rem;font-weight:800;display:inline-flex}.tenant-hero-title{margin-bottom:20px;font-size:clamp(2.25rem,4.4vw,3.6rem);font-weight:900;line-height:1.15}.tenant-hero-sub{color:var(--text-secondary);margin-bottom:28px;font-size:1.08rem;line-height:1.78}.tenant-hero-actions{flex-wrap:wrap;gap:14px;margin-bottom:28px;display:flex}.tenant-trust-pills{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.tenant-trust-pill{border:1px solid var(--border-color);color:var(--text-primary);background:#fffdf8d9;border-radius:14px;align-items:center;gap:10px;padding:12px 14px;font-size:.88rem;font-weight:700;display:flex}.tenant-trust-pill svg{color:var(--success-color);flex-shrink:0}.tenant-phone-showcase{background:linear-gradient(160deg,#fffdf9 0%,#f4ede0 100%);border:2px solid #1f4d3c29;border-radius:32px;padding:26px;position:relative;box-shadow:0 28px 64px #16211d1f}.phone-top-bar{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:18px;padding-bottom:16px;display:flex}.phone-room-tag{align-items:center;gap:10px;display:flex}.phone-room-badge{background:var(--brand-green);color:#fff;border-radius:999px;padding:5px 12px;font-size:.78rem;font-weight:800}.phone-status-online{color:#166534;background:#1f8a5b1f;border-radius:999px;align-items:center;gap:6px;padding:5px 12px;font-size:.8rem;font-weight:800;display:inline-flex}.phone-mascot-greeting{color:#fffdf8;background:linear-gradient(135deg,#132820 0%,#1f4d3c 100%);border-radius:20px;align-items:center;gap:16px;margin-bottom:16px;padding:18px;display:flex}.phone-mascot-avatars{flex-shrink:0;align-items:center;display:flex}.phone-mascot-avatars img{object-fit:contain;width:64px;height:64px}.phone-mascot-greeting strong{color:var(--gold-bright);margin-bottom:4px;font-size:.95rem;display:block}.phone-mascot-greeting p{color:#fffaf0e0;font-size:.84rem;line-height:1.5}.phone-mini-cards{flex-direction:column;gap:12px;display:flex}.phone-mini-card{background:#fff;border:1px solid #26362f1f;border-radius:16px;justify-content:space-between;align-items:flex-start;gap:12px;padding:14px 16px;display:flex}.phone-mini-card-left strong{color:var(--text-primary);margin-bottom:3px;font-size:.9rem;font-weight:800;display:block}.phone-mini-card-left span{color:var(--text-secondary);font-size:.8rem;display:block}.phone-mini-pill{white-space:nowrap;border-radius:999px;flex-shrink:0;padding:4px 10px;font-size:.75rem;font-weight:800}.pill-green{color:#166534;background:#1f8a5b1f}.pill-amber{color:#9e6208;background:#d98e1f26}.pill-indigo{color:#3730a3;background:#4f46e51f}.tenant-theater-grid{grid-template-columns:1fr 1fr;gap:28px;margin-top:40px;display:grid}.theater-col{border-radius:28px;padding:32px}.theater-col-before{background:#fff9f8;border:1.5px solid #e4452b38}.theater-col-after{background:linear-gradient(165deg,#f3fbf7 0%,#fffdf8 100%);border:2px solid #1f8a5b57;box-shadow:0 22px 48px #1f4d3c1a}.theater-header{border-bottom:1px solid var(--border-color);align-items:center;gap:16px;margin-bottom:22px;padding-bottom:20px;display:flex}.theater-char-group{flex-shrink:0;align-items:center;gap:6px;display:flex}.theater-char-group img{object-fit:contain;width:68px;height:68px}.theater-badge-bad{color:#b91c1c;background:#e4452b1f;border-radius:999px;margin-bottom:6px;padding:4px 12px;font-size:.8rem;font-weight:800;display:inline-block}.theater-badge-good{color:#166534;background:#1f8a5b26;border-radius:999px;margin-bottom:6px;padding:4px 12px;font-size:.8rem;font-weight:800;display:inline-block}.theater-list{flex-direction:column;gap:16px;list-style:none;display:flex}.theater-item{border:1px solid var(--border-color);background:#ffffffd9;border-radius:18px;padding:16px 18px}.theater-item strong{color:var(--text-primary);margin-bottom:5px;font-size:.98rem;font-weight:800;display:block}.theater-item p{color:var(--text-secondary);font-size:.88rem;line-height:1.6}.ui-showcase-tabs{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:28px;display:grid}.ui-tab-btn{border:1.5px solid var(--border-color);text-align:left;background:#fffdf9;border-radius:18px;padding:16px 18px;transition:all .2s}.ui-tab-btn:hover{border-color:#1f4d3c59;transform:translateY(-2px)}.ui-tab-btn.active{background:linear-gradient(135deg, var(--brand-green-deep), var(--brand-green));color:#fffdf8;border-color:var(--gold-bright);box-shadow:0 14px 32px #102a2133}.ui-tab-btn strong{margin-bottom:4px;font-size:.98rem;font-weight:800;display:block}.ui-tab-btn span{color:var(--text-secondary);font-size:.8rem;display:block}.ui-tab-btn.active span{color:#fffaf0d1}.ui-mockup-stage{border:1.5px solid var(--border-color);box-shadow:var(--shadow-soft);background:#fffdf9;border-radius:28px;grid-template-columns:1fr 1.05fr;align-items:center;gap:36px;padding:36px;display:grid}.ui-mockup-copy h3{margin-bottom:12px;font-size:1.65rem;font-weight:900;line-height:1.25}.ui-mockup-copy p{margin-bottom:20px;font-size:.98rem;line-height:1.72}.ui-feature-points{flex-direction:column;gap:12px;list-style:none;display:flex}.ui-feature-points li{color:var(--text-primary);align-items:flex-start;gap:10px;font-size:.92rem;line-height:1.55;display:flex}.ui-feature-points li svg{color:var(--success-color);flex-shrink:0;margin-top:3px}.system-replica-card{font-family:var(--font-body), sans-serif;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:22px;padding:24px;box-shadow:0 16px 36px #0f172a14}.replica-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:14px;display:flex}.replica-header strong{color:#0f172a;font-size:1.02rem}.replica-dashed-elec{background:#fff;border:1.5px dashed #cbd5e1;border-radius:12px;margin-top:12px;padding:14px;font-size:.86rem}.replica-bank-box{background:#f1f5f9;border:1px solid #cbd5e1;border-radius:12px;margin-top:14px;padding:12px 14px;font-size:.85rem}.replica-watermark-card{background:linear-gradient(135deg,#e0f2fe 0%,#f0fdf4 100%);border:2px solid #94a3b8;border-radius:16px;margin-bottom:16px;padding:28px 22px;position:relative;overflow:hidden}.watermark-overlay{pointer-events:none;opacity:.28;color:#0f172a;-webkit-user-select:none;user-select:none;flex-wrap:wrap;place-content:center;gap:22px 32px;font-size:.88rem;font-weight:900;display:flex;position:absolute;inset:-20px;transform:rotate(-22deg)}.replica-three-cols{grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0;display:grid}.replica-stat-box{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:12px}.replica-stat-box small{color:#64748b;margin-bottom:4px;font-size:.74rem;display:block}.replica-stat-box strong{font-size:1.1rem;font-weight:900}.onboarding-paths-grid{grid-template-columns:1fr 1fr;gap:28px;display:grid}.onboarding-path-card{border:1.5px solid var(--border-color);box-shadow:var(--shadow-soft);background:#fffdf9;border-radius:26px;padding:32px}.onboarding-path-card.highlight-existing{border:2px solid var(--brand-green);background:linear-gradient(160deg,#fffdf9 0%,#f1f9f5 100%)}.path-pill{border-radius:999px;margin-bottom:12px;padding:5px 14px;font-size:.82rem;font-weight:800;display:inline-block}.path-steps{flex-direction:column;gap:14px;margin-top:20px;display:flex}.path-step{border:1px solid var(--border-color);background:#ffffffd9;border-radius:16px;align-items:flex-start;gap:12px;padding:14px 16px;display:flex}.path-step-num{background:var(--brand-green);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.82rem;font-weight:900;display:flex}.invite-generator-shell{color:#fffdf8;background:linear-gradient(145deg,#102a21 0%,#193e30 100%);border:2px solid #f7c26059;border-radius:32px;padding:44px;box-shadow:0 30px 70px #102a2140}.invite-scenario-tabs{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:28px;display:grid}.invite-scenario-btn{color:#fffdf8;text-align:left;background:#ffffff14;border:1.5px solid #ffffff29;border-radius:16px;padding:14px 16px;transition:all .2s}.invite-scenario-btn:hover{background:#ffffff24}.invite-scenario-btn.active{background:linear-gradient(135deg, var(--gold-bright), var(--accent-color));color:var(--brand-green-deep);border-color:#fff;box-shadow:0 12px 26px #f7c2604d}.invite-scenario-btn strong{margin-bottom:4px;font-size:.92rem;font-weight:900;display:block}.invite-scenario-btn span{opacity:.86;font-size:.78rem;display:block}.invite-generator-grid{grid-template-columns:.9fr 1.1fr;align-items:start;gap:28px;display:grid}.invite-inputs-card{background:#ffffff14;border:1px solid #ffffff29;border-radius:22px;padding:24px}.invite-field{flex-direction:column;gap:8px;margin-bottom:16px;display:flex}.invite-field label{color:var(--gold-bright);font-size:.88rem;font-weight:700}.invite-field input{color:var(--ink-900);background:#fffffff2;border:1.5px solid #ffffff38;border-radius:12px;padding:12px 14px;font-family:inherit;font-size:.96rem}.invite-output-card{color:var(--text-primary);background:#fffdf9;border-radius:22px;padding:26px;box-shadow:0 20px 44px #00000038}.invite-output-pre{white-space:pre-wrap;word-break:break-word;color:var(--ink-900);background:#f4efe4;border:1px solid #1f4d3c29;border-radius:16px;margin:14px 0 18px;padding:18px;font-family:inherit;font-size:.94rem;line-height:1.72}.invite-action-buttons{flex-wrap:wrap;gap:12px;display:flex}.tenant-tools-grid{grid-template-columns:1fr 1fr;gap:28px;display:grid}.tenant-tool-card{border:1.5px solid var(--border-color);box-shadow:var(--shadow-soft);background:#fffdf9;border-radius:26px;padding:32px}.checklist-items{grid-template-columns:1fr 1fr;gap:10px;margin:18px 0;display:grid}.checklist-item{border:1px solid var(--border-color);cursor:pointer;background:#faf6ee;border-radius:12px;align-items:center;gap:9px;padding:10px 12px;font-size:.86rem;font-weight:700;transition:all .18s;display:flex}.checklist-item.checked{color:#166534;background:#1f8a5b1f;border-color:#1f8a5b61}.checklist-item input{width:17px;height:17px;accent-color:var(--success-color)}@media (max-width:1024px){.landlord-invite-welcome-grid,.tenant-hero-grid,.tenant-theater-grid,.ui-mockup-stage,.onboarding-paths-grid,.invite-generator-grid,.tenant-tools-grid{grid-template-columns:1fr}.ui-showcase-tabs,.invite-scenario-tabs{grid-template-columns:repeat(2,1fr)}.landlord-win-points{grid-template-columns:1fr}}@media (max-width:640px){.ui-showcase-tabs,.invite-scenario-tabs,.tenant-trust-pills,.checklist-items,.replica-three-cols{grid-template-columns:1fr}.invite-generator-shell,.landlord-invite-welcome-card,.ui-mockup-stage{padding:24px 18px}}