/* Feature scenes and role benefits — October 2026 */
html,body{overflow-x:clip}
:root{--device-scale:.86}
.section-heading h2{font-size:44px;line-height:1.32;font-weight:750;letter-spacing:-1.6px}.section-heading>p,.feature-copy p{font-size:18px!important;color:#435d67!important;line-height:1.85}.feature-stories{gap:55px}.feature-story{grid-template-columns: .85fr 1.15fr;gap:70px;padding:40px 0}.feature-story:nth-child(2){grid-template-columns:1.15fr .85fr}.feature-copy h3{font-size:36px;line-height:1.4;font-weight:720}.feature-index{font-size:14px;letter-spacing:1px;color:#176b68;font-weight:700}.feature-copy>a{display:inline-flex;align-items:center;gap:20px;font-size:16px;font-weight:700;color:#184f4c;margin-top:12px}.feature-copy>a:after{content:'↗';display:grid;place-items:center;width:38px;height:38px;border:1px solid #abc7c1;border-radius:50%;transition:background .2s}.feature-copy>a:hover:after{background:#dcedE8}.feature-art{position:relative;min-height:435px;padding:38px;border-radius:32px;overflow:visible;box-shadow:inset 0 0 0 1px #173f3810}.question-art{background:linear-gradient(140deg,#e1efea,#edf5f0)}.conversation-sheet{background:white;border:1px solid #dce8e3;border-radius:22px;padding:24px 23px 28px;box-shadow:0 18px 36px #234f4212;margin-right:18px}.art-top b{font-size:17px;color:#233d43}.art-top small{font-size:13px;color:#526d73;margin-top:4px}.avatar,.line-icon{width:44px;height:44px;font-size:18px;background:#e4f0e9;color:#176b68}.consent-dot{font-size:12px;color:#246451;background:#edf6f0;padding:6px 9px;border-radius:7px}.question-line{font-size:16px;line-height:1.65;background:#176b68;color:white;margin:25px 0 14px 28px;padding:17px 18px}.answer-line{font-size:16px;line-height:1.75;background:#f0f5f3;color:#294b45;padding:17px 18px;margin-right:20px}.question-art>.art-record{position:relative;margin:-8px -10px 0 56px;background:white;border:1px solid #d3e2dc;padding:18px 22px;border-radius:16px;box-shadow:0 13px 25px #214a3c12}.art-record span{font-size:12px;color:#41695d}.art-record b{font-size:16px;line-height:1.6;color:#24493e}.art-record small{font-size:12px;color:#5c736b;line-height:1.6}.visit-art{background:linear-gradient(135deg,#e8edf5,#f1f4f9);padding:36px}.visit-sheet{background:#fff;border:1px solid #dbe3ef;border-radius:22px;padding:25px;box-shadow:0 18px 36px #283f6512}.visit-art .line-icon{background:#eaf0f8;color:#48617e}.art-label{font-size:13px;color:#536880;margin:22px 0 10px;display:block}.time-options{display:flex;gap:9px}.time-options>span{font-size:13px;padding:11px 10px;border:1px solid #dfe6ee;border-radius:9px;color:#63768d}.time-options>.chosen{background:#405674;color:#fff;border-color:#405674}.visit-date{display:flex;gap:17px;align-items:center;margin:22px 0;padding:20px 0;border-top:1px solid #e2e8ef;border-bottom:1px solid #e2e8ef}.date-tile{background:#edf2f8;color:#405674;border-radius:12px;min-width:64px;text-align:center;padding:8px}.date-tile small{display:block;font-size:12px}.date-tile strong{font-size:30px;line-height:1.2}.visit-date>div:last-child{display:grid;gap:4px}.visit-date b{font-size:20px;color:#293e59}.visit-date span{font-size:14px;color:#526b81}.approval-pair{gap:10px}.approval-pair>span{font-size:14px;padding:13px 11px;border-radius:10px;background:#f2f5f9;color:#405674;display:flex;justify-content:space-between}.approval-pair b{font-size:13px}.art-footnote{font-size:12px;color:#52687d;line-height:1.7;display:block;margin-top:17px}.comparison-art{background:#eaf0ed;padding:30px}.comparison-visual{gap:14px;margin:25px 0 18px}.comparison-visual>div{background:white;padding:12px;border-radius:17px;box-shadow:0 9px 20px #233f3710}.comparison-visual>div>span{font-size:15px;color:#284d43;font-weight:700}.room-sample-photo{height:180px;border-radius:10px;background-position:center}.comparison-visual b{font-size:13px}.comparison-art>.art-record{background:white;border-radius:14px;padding:17px 19px;border:1px solid #dce7e0}.comparison-art .art-record b{font-size:15px}
.values{background:#123f3d;padding:100px 0 110px;margin-top:0;position:relative;overflow:hidden}.values:before{content:'';position:absolute;width:600px;height:600px;border:1px solid #ffffff09;border-radius:50%;right:-140px;top:-220px;pointer-events:none}.values .section-heading{margin-bottom:44px}.values .eyebrow{color:#a9d7c9}.values h2{color:#fff}.values .section-heading>p{color:#bdd5ce!important}.value-grid{gap:24px}.value-grid article{background:#fff!important;border:0;border-radius:25px;padding:36px 36px 28px;color:#203d3b}.value-header{display:flex;align-items:center;gap:12px}.value-symbol{width:46px;height:46px;display:grid;place-items:center;border-radius:14px;background:#e7f3ed;color:#176b68}.value-symbol svg{width:25px;height:25px}.value-header>span:last-child{font-size:14px;font-weight:700;color:#176b68;background:#edf6f1;padding:6px 12px;border-radius:20px}.value-grid h3{font-size:29px;line-height:1.45;letter-spacing:-.8px;color:#193c37;margin:24px 0 28px}.value-grid ul{padding:0;list-style:none}.value-grid li{display:flex;gap:15px;align-items:flex-start;padding:19px 0!important;border-top:1px solid #e5eeea;font-size:16px}.value-grid li:before{display:none}.benefit-icon{color:#176b68;background:#edf6f1;border-radius:10px;width:35px;height:35px;display:grid;place-items:center;flex:none}.benefit-icon svg{width:19px;height:19px}.value-grid li b{display:block;font-size:17px;font-weight:650;color:#24483e}.value-grid li small{display:block;font-size:14px;color:#526d64;line-height:1.65;margin-top:5px}.owner-value .value-symbol,.owner-value .benefit-icon,.owner-value .value-header>span:last-child{background:#edf1f8;color:#405674}.owner-value h3,.owner-value li b{color:#293e59}.owner-value li small{color:#596d84}
.device{border:8px solid #172021;border-radius:57px;box-shadow:0 0 0 1px #899391,0 0 0 3px #c2cbc8,0 20px 45px #16382c22}.device-status{padding-left:26px;padding-right:22px}.device-island{width:112px;height:31px;top:9px}.mobile-scroll{padding:20px}.mobile-tabs button{font-size:12px;color:#5f7279}.mobile-greeting>span,.residence-card small,.residence-card span,.row-copy small,.conversation-row p,.building-summary small{font-size:13px;color:#526971}.appointment-card>span>small{font-size:12px;white-space:normal}.conversation-row b small{font-size:11px}.phone-caption{font-size:13px;color:#526c71}.role-picker button{font-size:14px}.home-screen .mobile-greeting{margin-bottom:14px}.home-screen .residence-card{margin-bottom:12px}.home-screen .mobile-section-title{margin-top:16px}.home-screen .mobile-row{padding:10px 0}.home-screen .mobile-section-title h4{font-size:16px}.home-screen .mobile-greeting h3{font-size:25px}.preview-note{font-size:13px;color:#526a70}.hero:has(.device){overflow:visible}
@media(max-width:1100px){.feature-story,.feature-story:nth-child(2){gap:32px}.feature-art{padding:25px}.conversation-sheet{padding:20px;margin-right:0}.value-grid article{padding:28px}.value-grid h3{font-size:25px}.time-options>span{font-size:12px}.visit-sheet{padding:20px}}
@media(max-width:760px){:root{--device-scale:.80}.section-heading h2{font-size:31px;letter-spacing:-1px}.section-heading>p,.feature-copy p{font-size:16px!important}.feature-stories{gap:38px}.feature-story,.feature-story:nth-child(2){grid-template-columns:1fr;gap:25px;padding:14px 0}.feature-copy h3{font-size:29px}.feature-art{min-height:0;padding:22px;border-radius:24px}.question-art>.art-record{margin:0 -4px -3px 20px;padding:15px}.conversation-sheet{padding:18px 15px 24px}.question-line,.answer-line{font-size:14px;margin-left:0;margin-right:0;padding:14px}.art-top b{font-size:15px}.art-top small,.consent-dot{font-size:11px}.visit-sheet{padding:19px 16px}.time-options{flex-direction:column}.time-options>span{font-size:14px}.visit-date b{font-size:18px}.approval-pair>span{font-size:12px;padding:12px 8px}.comparison-art{padding:20px 16px}.comparison-visual{gap:10px}.comparison-visual>div{padding:9px}.room-sample-photo{height:140px}.comparison-art .art-top{gap:6px}.comparison-art .consent-dot{font-size:10px;padding:5px}.values{padding:65px 0}.value-grid{grid-template-columns:1fr;gap:20px}.value-grid article{padding:27px 24px 20px}.value-grid h3{font-size:26px}.value-grid li b{font-size:16px}.value-grid li small{font-size:14px}.phone-caption{font-size:12px}.feature-copy>a{font-size:15px}.preview-note{font-size:12px}.hero .lead{font-size:16px}}
@media(max-width:370px){:root{--device-scale:.73}.feature-art{padding:16px}.values h2{font-size:27px}}
.comparison-visual .room-sample-photo{background-image:url("room-comparison-v10.png");background-size:200% 100%;background-position:left center}.comparison-visual>div:nth-child(2) .room-sample-photo{background-position:right center}.photo-comparison figure{position:relative}.photo-comparison .inspection-photo{height:175px;background:url("room-comparison-v10.png") left center/200% 100%}.photo-comparison figure:nth-child(2) .inspection-photo{background-position:right center}
.device-status{padding:2px 24px 0 29px;align-items:center}.device-status>b{font-size:15px;letter-spacing:-.3px}.status-icons{display:flex;align-items:center;width:76px;height:18px}.status-icons svg{width:76px;height:18px;overflow:visible}
/* Final readability and first-fold spacing refinements. */
.hero{padding-top:14px;padding-bottom:24px}.hero #hero-role{margin-bottom:9px}.hero .phone-caption{margin-top:9px}.mobile-scroll{font-size:16px}.mobile-scroll small,.mobile-scroll .chat-date,.mobile-scroll .chat-time,.mobile-scroll .context-note,.mobile-scroll .status-pill,.mobile-scroll .item-state,.mobile-scroll .art-footnote{font-size:13px;color:#526870}.mobile-scroll .chat-in,.mobile-scroll .chat-out{font-size:16px;line-height:1.65}.mobile-scroll .row-copy b,.mobile-scroll .conversation-row b,.mobile-scroll .check-item-list b,.mobile-scroll .attached-record b{font-size:16px}.mobile-scroll .conversation-row p,.mobile-scroll .row-copy small,.mobile-scroll .attached-record span,.mobile-scroll .detail-intro p,.mobile-scroll .share-control small,.mobile-scroll .technician small{font-size:14px;color:#526870}.mobile-scroll .status-pill,.mobile-scroll .item-state.done{color:var(--app-accent)}.mobile-scroll .time-chips span,.mobile-scroll .access-options button,.mobile-scroll .confirmation-box>div,.mobile-scroll .confirmation-box div span,.mobile-scroll .opinion-options button,.mobile-scroll .photo-comparison figcaption,.mobile-scroll .share-control b{font-size:14px}.mobile-scroll .confirmation-box>span,.mobile-scroll .message-composer,.mobile-scroll .cost-note p{font-size:13px;color:#526870}.home-screen .mobile-greeting{margin-bottom:12px}.home-screen .residence-card{padding:10px;margin-bottom:10px}.home-screen .residence-card img{height:58px;width:58px}.home-screen .mobile-section-title{margin:15px 0 8px}.home-screen .appointment-card{padding:12px}.home-screen .calendar-tile{height:64px}.home-screen .conversation-row{padding:9px 0}.home-screen .mobile-row{padding:9px 0}.home-screen .priority-task>small,.home-screen .task-bottom,.home-screen .management-stats small{font-size:14px;color:#526880}.home-screen .priority-task strong{font-size:17px}.home-screen .management-stats{margin:15px 0 10px}
@media(min-width:761px) and (max-height:820px){.hero{padding-top:8px;padding-bottom:16px}.hero #hero-role{margin-bottom:7px}.hero .phone-caption{margin-top:7px}}
@media(max-width:760px){.hero{padding-top:28px;padding-bottom:32px;gap:24px}.hero #hero-role{margin-bottom:10px}}