/* App canvas is designed once at 390 × 844 and scaled as a whole. */
:root{--device-scale:.82;--teal:#176b68;--ink:#192c35}
.hero{padding-top:44px;padding-bottom:55px;gap:72px;grid-template-columns:1.12fr 1fr;position:relative;overflow:hidden}.hero-copy{padding-bottom:0}.hero h1{font-size:clamp(46px,4.2vw,64px);font-weight:720;letter-spacing:-2.5px;line-height:1.25}.hero .eyebrow{font-size:13px;margin-bottom:23px}.hero .lead{font-size:18px;font-weight:400;line-height:1.85;max-width:490px}.hero .audience{font-size:12px;color:#627681;margin:20px 0 30px}.hero .actions{gap:23px}.hero .actions .button{padding:16px 25px;border-radius:14px}.hero-visual{isolation:isolate;width:100%;padding:0}.hero-visual:before{inset:85px -50px 55px;background:radial-gradient(ellipse at 60% 25%,#d9eeea 0,#edf6f3 40%,#f8fbfa 70%,transparent 73%);border-radius:50%;transform:rotate(-12deg)}.hero-visual:after{content:'';position:absolute;left:8%;right:8%;bottom:18px;height:28px;background:#294d4320;filter:blur(20px);border-radius:50%;z-index:-1}.role-picker{background:#eef2f3;border:1px solid #e6ecee;border-radius:50px;padding:4px;margin-bottom:20px}.role-picker button{border-radius:40px;min-width:94px;min-height:40px;font-size:12px}.role-picker button[aria-pressed=true]{box-shadow:0 3px 8px #223b4412}.phone-caption{font-size:11px;color:#697c85;margin-top:20px}.preview-note{display:block;color:#6a7d87;font-size:11px;line-height:1.7;margin:-20px 0 35px}.section-heading h2{font-weight:680;letter-spacing:-1.2px}.section-heading>p{color:#526b77!important}.moment-grid article{border-top:1px solid #d5e0e2}.moment-grid h3{font-weight:620}.feature-story{gap:85px;padding:25px 0}.feature-copy h3{font-size:38px;font-weight:650;line-height:1.4}.feature-art{border:0;background:#f1f6f5;border-radius:28px;box-shadow:none;padding:36px}.visit-art{background:#f0f3f7}.comparison-art{background:#f4f6f7}.feature-copy p{color:#5d7480}.room-sample-photo{height:120px;background:url('home.png') center 70%/cover;border-radius:10px;margin:12px 0}.comparison-visual>div{padding:13px;border:0}.comparison-visual>div:nth-child(2) .room-sample-photo{background-position:65% 70%}.question-line{border-radius:18px 18px 5px 18px}.answer-line{border-radius:5px 18px 18px 18px}.demo-section{background:#f3f7f6}.experience{grid-template-columns:1fr 1fr;gap:110px;max-width:990px}.experience-guide h3{font-weight:650;font-size:32px}.scene-picker button{padding:18px;border-radius:14px}.scene-picker button[aria-pressed=true]{background:#fff;box-shadow:0 7px 24px #133c3410;border-color:#aacbc4}.scene-picker button[aria-pressed=true] span{color:#176b68}.story-image{border-radius:28px}.join{background:#153e3e;color:white;border:0}.join .eyebrow{color:#b0d8d0}.join h2{font-size:43px;font-weight:650;letter-spacing:-1.4px}.join-inner>p:not(.eyebrow),.join-inner .join-note{color:#c1d6d4!important}.join-status{background:#fff;color:#153e3e;box-shadow:none;padding:15px 26px}.join-inner{max-width:1000px}.values{padding-bottom:60px}.faq{padding-bottom:90px}.faq h2{line-height:1.4}.faq-list p{color:#5d727b}
.device-stage{position:relative;width:calc(390px * var(--device-scale));height:calc(844px * var(--device-scale));margin:0 auto;flex:none;isolation:isolate}
.device{--app-accent:#176b68;--app-soft:#eaf4f0;position:absolute;width:390px;height:844px;inset:0 auto auto 0;transform:scale(var(--device-scale));transform-origin:top left;background:#fff;border:6px solid #283336;border-radius:55px;box-shadow:0 0 0 1px #71817f,0 0 0 3px #dde5e3,0 22px 45px #183b3320;display:flex;flex-direction:column;color:#20323a;font-family:Pretendard,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.5;text-align:left}
.device:before{content:'';position:absolute;left:-9px;top:145px;width:3px;height:56px;background:#788783;border-radius:2px;box-shadow:0 70px #788783}.device:after{content:'';position:absolute;right:-9px;top:170px;width:3px;height:75px;background:#788783;border-radius:2px}.device.landlord{--app-accent:#405674;--app-soft:#edf1f7}.device svg{width:24px;height:24px;flex-shrink:0;display:block}.device button{font-family:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}.device button:focus-visible{outline:3px solid var(--app-accent);outline-offset:2px}.device-status{height:49px;flex:none;display:flex;justify-content:space-between;align-items:center;padding:6px 25px 0;font-size:14px;position:relative;border-radius:48px 48px 0 0;background:#fff;color:#15232c}.device-status>b{font-weight:650;letter-spacing:.2px}.device-island{position:absolute;width:108px;height:29px;background:#101518;top:9px;left:50%;transform:translateX(-50%);border-radius:30px}.device-island:after{content:'';width:8px;height:8px;border:2px solid #172d3f;background:#0c1823;border-radius:50%;position:absolute;right:11px;top:10px}.status-icons svg{width:56px;height:19px}.mobile-header{display:flex;height:59px;flex:none;align-items:center;gap:11px;padding:4px 22px 7px;border-bottom:1px solid #f0f3f4;background:white}.mobile-header>img{width:28px;height:28px;border-radius:8px}.mobile-header>b{font-size:17px;font-weight:650;flex:1;letter-spacing:-.4px}.mobile-header>button{padding:0;width:36px;height:40px;border:0;background:none;display:grid;place-items:center;color:#32464e;position:relative}.mobile-header>button>i{width:5px;height:5px;border-radius:50%;position:absolute;top:7px;right:7px;background:var(--app-accent)}.header-spacer{width:25px}.mobile-scroll{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:none;padding:22px;background:#fff;border-radius:0;font-size:15px;position:relative}.mobile-scroll::-webkit-scrollbar{display:none}.mobile-scroll h3{font-size:26px;letter-spacing:-.8px;line-height:1.35;font-weight:700;margin:4px 0 0}.mobile-scroll h4{font-size:17px;letter-spacing:-.35px;margin:0;font-weight:650}.mobile-scroll p{margin:0}.mobile-greeting{margin-bottom:21px}.mobile-greeting>span{font-size:13px;color:#75858d}.mobile-greeting h3{margin-top:6px}.residence-card{display:flex;align-items:center;gap:14px;padding:12px;background:#f4f7f6;border-radius:18px;margin-bottom:25px}.residence-card img{width:67px;height:72px;object-fit:cover;border-radius:12px}.residence-card>div{display:grid;gap:3px}.residence-card small{font-size:11px;color:#6d8388}.residence-card b{font-size:16px;letter-spacing:-.3px}.residence-card span{font-size:11px;color:#6d8189}.mobile-section-title{display:flex;align-items:center;justify-content:space-between;margin:23px 0 12px}.mobile-section-title>span{font-size:12px;font-weight:650;color:var(--app-accent);background:var(--app-soft);padding:2px 7px;border-radius:6px}.appointment-card{display:flex;align-items:center;gap:13px;width:100%;padding:16px 13px;background:var(--app-soft);border:1px solid #dcece6;border-radius:18px;text-align:left;color:#23423f}.appointment-card>span:nth-child(2){flex:1;min-width:0}.appointment-card>svg{width:17px}.calendar-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fff;border-radius:12px;min-width:52px;height:73px}.calendar-tile>small{font-size:10px;color:#638276}.calendar-tile>b{font-size:25px;line-height:1.15;font-weight:700}.calendar-tile>span{font-size:10px;color:#6f8580}.status-pill{display:inline-block;font-size:10px;font-weight:600;background:var(--app-soft);color:var(--app-accent);border-radius:6px;padding:4px 7px}.appointment-card .status-pill{background:#daece4;padding:2px 6px}.appointment-card strong{display:block;font-size:15px;letter-spacing:-.35px;margin:5px 0}.appointment-card>span>small{font-size:10px;color:#57756e;display:block;white-space:nowrap}.conversation-row{display:flex;align-items:center;gap:11px;width:100%;padding:12px 0;border:0;background:#fff;color:#263d45;text-align:left}.person-avatar{width:40px;height:40px;flex:none;background:#e6eee9;color:#547c6b;border-radius:15px;display:grid;place-items:center;font-size:15px;font-weight:600}.conversation-row>span:nth-child(2){flex:1;min-width:0}.conversation-row b{font-size:14px;display:flex;justify-content:space-between;align-items:center;gap:4px}.conversation-row b small{font-size:9px;color:#87979c;font-weight:400}.conversation-row p{font-size:11px;color:#73878f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:4px}.conversation-row i{font-style:normal;background:var(--app-accent);color:white;font-size:10px;width:17px;height:17px;display:grid;place-items:center;border-radius:50%}.mobile-list{border-top:1px solid #edf1f2}.mobile-row{display:flex;align-items:center;gap:12px;width:100%;background:#fff;border:0;border-bottom:1px solid #edf1f2;padding:16px 0;text-align:left;color:#29434c}.row-symbol{width:39px;height:39px;border-radius:12px;background:#f0f4f4;color:#647c84;display:grid;place-items:center;flex:none}.row-symbol svg{width:21px;height:21px}.row-copy{flex:1;min-width:0}.row-copy b{display:block;font-size:14px;font-weight:600}.row-copy small{font-size:11px;color:#7e9098;display:block;margin-top:3px}.mobile-row>svg{width:17px;color:#98a9ae}.building-summary{display:flex;gap:13px;align-items:center;padding:15px;border:1px solid #e6ebf0;border-radius:16px;background:#fafbfd}.building-symbol{display:grid;place-items:center;width:42px;height:45px;background:#e9eef5;color:#405674;border-radius:10px}.building-summary>div{flex:1;display:grid;gap:3px}.building-summary b{font-size:16px}.building-summary small{font-size:11px;color:#7b8b98}.subtle-pill{font-size:11px;color:#5a6e84;background:#edf1f6;padding:4px 8px;border-radius:7px}.management-stats{display:grid;grid-template-columns:1fr 1fr;margin:20px 0 15px;padding:0 4px}.management-stats>div+div{border-left:1px solid #e6ecf1;padding-left:25px}.management-stats small{font-size:12px;color:#7b8a98}.management-stats strong{font-size:34px;font-weight:650;display:block;color:#31465c;line-height:1.3;margin-top:4px}.management-stats strong span{font-size:13px;margin-left:6px;font-weight:400;color:#8a99a5}.priority-task{background:var(--app-soft);width:100%;text-align:left;border:0;border-radius:18px;padding:18px;color:#354b63}.task-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px}.task-top>b{font-size:12px}.task-top .status-pill{padding:0;font-size:10px}.priority-task>strong{font-size:18px;letter-spacing:-.5px;display:block}.priority-task>small{font-size:12px;color:#77889a;display:block;margin-top:5px}.task-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #dbe3ed;margin-top:13px;padding-top:11px;font-size:12px;font-weight:600}.task-bottom svg{width:17px;height:17px}
.mobile-tabs{display:flex;justify-content:space-around;flex:none;height:65px;padding:7px 12px 2px;border-top:1px solid #eaf0f0;background:#fffffffa}.mobile-tabs button{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-width:60px;border:0;background:none;color:#8b9a9f;font-size:10px;padding:0}.mobile-tabs svg{height:23px;width:23px}.mobile-tabs button[aria-current=page]{color:var(--app-accent);font-weight:700}.mobile-tabs button[aria-current=page] svg{stroke-width:2}.home-indicator{height:22px;flex:none;background:#fff;border-radius:0 0 49px 49px;position:relative}.home-indicator:after{content:'';height:4px;width:115px;background:#1d272b;border-radius:4px;position:absolute;top:9px;left:50%;transform:translateX(-50%)}
.chat-screen{background:#f6f8f8;padding-top:16px}.chat-person{display:flex;align-items:center;gap:12px;background:#fff;padding:13px;border:1px solid #e8efed;border-radius:15px}.chat-person b{display:block;font-size:14px}.chat-person small{display:block;font-size:10px;color:#82928f;margin-top:3px}.online-dot{width:6px;height:6px;background:#659c85;border-radius:50%;margin-left:auto}.chat-date{text-align:center;font-size:10px;color:#98a6a8;margin:22px 0!important}.chat-in,.chat-out{font-size:14px;padding:14px 16px;line-height:1.7;max-width:90%;letter-spacing:-.2px}.chat-out{background:var(--app-accent);color:white;border-radius:17px 4px 17px 17px;margin-left:auto}.chat-in{background:white;border:1px solid #e7eeec;border-radius:4px 17px 17px 17px;color:#415751}.chat-time{display:block;color:#99a5a5;font-size:9px;margin:6px 0 19px}.chat-time.outgoing{text-align:right}.attached-record{display:flex;align-items:center;gap:12px;padding:15px;background:#fff;border:1px solid #e3eae7;border-radius:14px}.attached-record>div{display:grid;gap:3px}.attached-record small{font-size:10px;color:#8a9a94}.attached-record b{font-size:13px;color:#36584a}.attached-record span{font-size:10px;color:#899c93}.context-note{font-size:11px;color:#82938c;line-height:1.7;margin:12px 0!important}.share-control{display:flex;align-items:center;gap:10px;border-top:1px solid #e1e9e5;padding-top:17px;margin-top:17px}.share-control>div{flex:1}.share-control b{font-size:12px;display:block}.share-control small{font-size:10px;color:#889a92;display:block;margin-top:4px}.mobile-toggle{width:42px;height:25px;border:0;border-radius:25px;background:#dbe4e0;padding:3px;flex:none}.mobile-toggle span{display:block;width:19px;height:19px;background:white;border-radius:50%;box-shadow:0 1px 3px #122c2519;transition:transform .18s}.mobile-toggle.on{background:var(--app-accent)}.mobile-toggle.on span{transform:translateX(17px)}.message-composer{margin-top:20px;display:flex;align-items:center;justify-content:space-between;color:#a0ada8;border:1px solid #e4ebe7;border-radius:24px;background:#fff;padding:12px 16px;font-size:11px}.message-composer svg{width:16px;height:16px}.detail-intro{margin:0 0 22px}.detail-intro h3{font-size:25px;margin:10px 0 7px}.detail-intro p{font-size:12px;color:#86969b}.technician{display:flex;align-items:center;gap:12px;padding:13px;border-radius:14px;background:#f5f7f8}.technician b{display:block;font-size:13px}.technician small{display:block;font-size:11px;color:#829399;margin-top:3px}.field-title{margin:23px 0 13px!important;font-size:15px!important}.time-chips{display:grid;grid-template-columns:1fr 1fr;gap:10px}.time-chips button{display:flex;flex-direction:column;align-items:flex-start;position:relative;padding:13px 14px;border:1px solid #e0e7e7;border-radius:13px;background:#fff;color:#667d83;min-height:99px}.time-chips small{font-size:10px}.time-chips b{font-size:15px;margin-top:2px}.time-chips span{font-size:11px;margin-top:5px}.time-chips button[aria-pressed=true]{background:var(--app-soft);border-color:var(--app-accent);color:var(--app-accent)}.time-chips svg{position:absolute;right:10px;top:12px;width:16px;height:16px}.access-options{display:flex;gap:9px}.access-options button{display:flex;align-items:center;gap:7px;flex:1;min-height:44px;padding:11px 8px;border:1px solid #e0e7e7;border-radius:10px;background:#fff;font-size:11px;color:#71858b}.radio-dot{width:13px;height:13px;border:1px solid #bccacb;border-radius:50%}.access-options button[aria-pressed=true]{color:var(--app-accent);border-color:var(--app-accent);background:var(--app-soft)}.access-options button[aria-pressed=true] .radio-dot{border:4px solid var(--app-accent)}.confirmation-box{background:#f5f7f8;border-radius:13px;padding:15px;margin-top:20px}.confirmation-box>span{display:block;font-size:11px;color:#899aa0;margin-bottom:9px}.confirmation-box>div{display:flex;align-items:center;justify-content:space-between;font-size:12px;padding:5px 0}.confirmation-box b{font-weight:550}.confirmation-box div span{color:var(--app-accent);font-size:11px}.mobile-action{display:block;width:100%;background:var(--app-accent);color:#fff;border:0;border-radius:13px;min-height:48px;padding:12px;font-size:14px;font-weight:600;margin:12px 0 0}.mobile-action:disabled{background:#e8eeec;color:#889992;cursor:default}.sticky-action{position:sticky;bottom:-22px;padding:5px 0 15px;background:linear-gradient(#ffffff00,#fff 20%)}.check-progress{background:var(--app-soft);color:var(--app-accent);border-radius:16px;padding:18px;display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.check-progress>span{font-size:13px}.check-progress>b{font-size:26px}.check-progress small{font-size:16px;font-weight:400;opacity:.5}.check-item-list>button{width:100%;display:flex;align-items:center;gap:10px;background:#fff;border:0;border-bottom:1px solid #edf1f1;padding:18px 0;color:#344d58;text-align:left}.check-item-list>button>span:nth-child(2){flex:1}.check-item-list b{font-size:13px;display:block}.check-item-list small{font-size:10px;color:#869aa2;display:block;margin-top:4px}.check-item-list>button>svg{width:15px;height:15px;color:#9babb0}.item-state{font-size:10px;color:#6f818d;background:#f0f3f6;border-radius:6px;padding:4px 6px}.item-state.done{background:#eaf5ef;color:#4b7d66}.cost-note{margin-top:27px;display:flex;align-items:flex-start;gap:12px;background:#f6f8f9;border-radius:13px;padding:16px;color:#80949d}.cost-note svg{width:20px;height:20px}.cost-note b{font-size:12px;color:#677e89}.cost-note p{font-size:11px;margin-top:5px}.photo-comparison{display:grid;grid-template-columns:1fr 1fr;gap:10px}.photo-comparison figure{margin:0;background:#f1f5f4;border-radius:12px;overflow:hidden}.photo-comparison img{width:100%;height:155px;object-fit:cover;display:block}.photo-comparison figure:nth-child(2) img{object-position:65% center}.photo-comparison figcaption{font-size:10px;color:#658176;padding:10px}.record-line{display:flex;justify-content:space-between;padding:17px 0;margin-top:10px;border-bottom:1px solid #e6eeeb;font-size:12px}.record-line>span{color:#82968d}.record-line b{font-weight:500}.opinion-options{display:flex;gap:8px}.opinion-options button{flex:1;min-height:43px;border-radius:9px;border:1px solid #dfe8e4;background:#fff;font-size:12px;color:#7c9086}.opinion-options button[aria-pressed=true]{border-color:var(--app-accent);color:var(--app-accent);background:var(--app-soft)}.different-opinion{font-size:11px;color:#9e5c6a!important;border-top:1px solid #e4eaea;padding-top:10px;margin-top:10px!important}.equipment-note{min-height:140px;border-radius:15px;background:#f4f7f8;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;padding:20px;color:#78919b}.equipment-note b{font-size:15px;color:#49636f}.equipment-note span{font-size:12px;text-align:center}.profile-intro{text-align:center;padding:20px 0 25px}.profile-intro .person-avatar{margin:0 auto 15px;width:60px;height:60px;font-size:24px;border-radius:22px}.profile-intro p{font-size:13px;color:#8b9b9e;margin-top:6px}.profile-intro h3{font-size:24px}
@media(min-width:1500px){.hero{padding-top:44px;padding-bottom:50px}}
@media(min-width:761px) and (max-height:820px){:root{--device-scale:.69}.hero{padding-top:22px;padding-bottom:29px}.role-picker{margin-bottom:15px}.phone-caption{margin-top:13px}.hero h1{font-size:53px}}
@media(max-width:1100px){.hero{gap:32px;grid-template-columns:1.1fr 1fr}.hero h1{font-size:44px}.hero .lead{font-size:16px}.feature-story{gap:40px}.experience{gap:50px}}
@media(max-width:760px){:root{--device-scale:.80}.hero{padding:42px 23px 42px;gap:33px;grid-template-columns:1fr}.hero h1{font-size:clamp(30px,8.5vw,40px);letter-spacing:-1.4px;line-height:1.28}.hero .lead{font-size:15px;line-height:1.8}.hero .audience{font-size:11px;margin:17px 0 23px}.hero .eyebrow{font-size:11px;margin-bottom:18px}.hero .actions{gap:17px}.hero .actions .button{font-size:13px;padding:13px 18px;border-radius:12px}.hero .actions .text-link{font-size:12px}.hero-visual{max-width:355px}.hero-visual:before{inset:70px -24px 60px}.role-picker{margin-bottom:17px}.role-picker button{min-height:38px;min-width:88px}.phone-caption{font-size:10px}.feature-copy h3{font-size:29px}.feature-story{grid-template-columns:1fr;gap:22px;padding:15px 0}.feature-art{padding:22px;border-radius:23px}.room-sample-photo{height:95px}.experience{grid-template-columns:1fr;gap:28px}.experience-guide h3{font-size:27px}.preview-note{margin:-5px 0 30px;font-size:10px}.section-heading h2{font-size:29px}.join h2{font-size:29px}.join-status{font-size:14px}.faq{padding-bottom:60px}.values{padding-bottom:45px}.experience-phone{max-width:355px}}
@media(max-width:370px){:root{--device-scale:.73}.hero h1{font-size:29px}.hero .actions{gap:12px}.hero .actions .button{font-size:12px;padding:12px 14px}}
@media(prefers-reduced-motion:reduce){.mobile-toggle span{transition:none}}
.device{overflow:hidden}.home-screen .mobile-greeting{margin-bottom:17px}.home-screen .residence-card{margin-bottom:20px}.home-screen .mobile-section-title{margin-top:20px}.home-screen .mobile-row{padding:13px 0}.home-indicator{border-radius:0}