/* Keep product illustrations sharp: native text, vector icons and generated photos. */
.chat-line>img{object-fit:cover;object-position:50% 35%}
.phone{position:relative;aspect-ratio:221/464;background:#fff;border:7px solid #17201c;outline:2px solid #a0aaa2;border-radius:36px;padding:11px 7px 5px;box-shadow:inset 0 0 0 1px #c5ccc7;overflow:hidden}
.phone-notch{position:absolute;width:44%;height:4%;top:-1px;left:28%;border-radius:0 0 12px 12px;background:#111813;z-index:2}
.phone-notch:after{content:"";position:absolute;right:15%;top:28%;width:6px;height:6px;background:#263d3c;border:1px solid #1c2929;border-radius:50%}
.phone-screen{container-type:inline-size;display:flex;flex-direction:column;height:100%;overflow:hidden;color:#233044}
.phone-status{display:flex;justify-content:space-between;align-items:center;font-size:4.5cqw;font-weight:700;height:5%;padding:0 4%;flex-shrink:0}
.phone-brand{display:flex;justify-content:space-between;align-items:center;height:8%;flex-shrink:0}
.phone-brand img:first-child{width:49%;height:auto}.phone-brand img:last-child{width:9%;height:auto}
.phone-categories{display:flex;justify-content:space-between;align-items:center;height:6%;font-size:4.3cqw;flex-shrink:0;color:#677585}
.phone-categories strong{position:relative;color:#163326}.phone-categories strong:after{content:"";position:absolute;left:10%;right:10%;bottom:-5px;height:2px;background:var(--green);border-radius:2px}
.phone-feed{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:9px 6px;flex:1;min-height:0;padding:7px 0 4px}
.phone-post{display:flex;flex-direction:column;min-height:0;overflow:hidden}
.phone-post>img{width:100%;flex:1;min-height:0;object-fit:cover;object-position:50% 35%;border-radius:7px}
.phone-post>p{font-size:4.2cqw;line-height:1.5;font-weight:600;margin-top:4px}
.phone-post>small{display:flex;justify-content:space-between;align-items:center;font-size:3.7cqw;color:#7d8696;padding:3px 0}
.phone-bottom{height:9%;display:flex;align-items:center;justify-content:space-between;flex-shrink:0;border-top:1px solid #eef4f0;padding:5px 0 0}
.phone-bottom>span{display:flex;flex-direction:column;align-items:center;font-size:3.7cqw;color:#69768a;gap:2px}
.phone-bottom>span:first-child{color:var(--green)}.phone-bottom>span img{width:8cqw;height:8cqw}.phone-bottom>img{width:13cqw;height:13cqw}
.capability-demo{container-type:inline-size;height:270px;border-radius:11px;overflow:hidden;background:#fff}
.capability-demo h4{margin:0;font-weight:600}
.demo-ai{padding:12px 9px;display:flex;flex-direction:column;justify-content:center;gap:9px;background:linear-gradient(145deg,#fcfffd,#f7fbf9)}
.demo-ai h4{display:flex;align-items:center;gap:8px;font-size:7cqw;margin-bottom:7px}.demo-ai h4 img{width:10cqw;height:10cqw}
.demo-ai>div{display:flex;align-items:center;gap:6px;padding:9px 7px;min-height:34px;background:#f2f7f7;border-radius:13px;color:#627185;font-size:5.8cqw}
.demo-ai>div>img{width:8cqw;height:8cqw;flex-shrink:0}.demo-ai>div>img:last-child:not(:first-child){margin-left:auto;width:10cqw;height:10cqw}.demo-ai>div>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.demo-notes{display:grid;grid-template-columns:1fr 1fr;gap:8px;align-items:stretch}
.note-card{display:flex;flex-direction:column;min-width:0;overflow:hidden;border-radius:8px;background:linear-gradient(#fff,#f7fcfa)}
.note-cover{position:relative;flex:1;min-height:0;overflow:hidden;border-radius:8px}
.note-cover>img:first-child{width:100%;height:100%;object-fit:cover;object-position:50% 35%}
.note-cover>img.note-type{position:absolute;top:7px;left:7px;width:17px;height:17px;background:#ffffffc9;border-radius:4px;padding:2px}
.note-card h4{font-size:5.8cqw;line-height:1.6;margin:6px 3px}
.note-card>p{display:flex;align-items:center;gap:4px;font-size:5cqw;color:#65768a;white-space:nowrap;padding:3px 2px 7px}
.note-card>p>img{width:9cqw;height:9cqw;border-radius:50%;object-fit:cover;object-position:50% 35%}
.note-card>p>span{margin-left:auto;font-size:4.8cqw}
.video-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:32px;height:32px;border-radius:50%;display:grid;place-items:center;padding-left:2px;background:#142b2e80;color:#fff;font-size:14px;backdrop-filter:blur(3px)}
.demo-community{padding:6px 4px;display:flex;flex-direction:column;justify-content:space-around;gap:5px}
.demo-community h4{font-size:5.6cqw;white-space:nowrap;line-height:1.6;color:#536072}.demo-community h4>span{font-size:4.5cqw;font-weight:400}
.demo-message{display:flex;align-items:flex-start;gap:7px}.demo-message>img{width:14cqw;height:14cqw;border-radius:50%;object-fit:cover;object-position:50% 35%;flex-shrink:0}
.demo-message>p{flex:1;font-size:5.2cqw;line-height:1.4;background:#f2f6f7;border-radius:10px;padding:6px;color:#536477}
.demo-message time{display:block;text-align:right;font-size:4cqw;line-height:1.2;color:#94a19d;margin-top:2px}
.demo-message.outgoing{flex-direction:row-reverse}.demo-message.outgoing>p{background:#e1faed;color:#46705c}
.demo-distribution{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:7px}
.demo-distribution>figure{min-height:0;display:flex;flex-direction:column;border-radius:7px;overflow:hidden;background:#fbfdfc}
.demo-distribution>figure>img{width:100%;flex:1;min-height:0;object-fit:cover;object-position:50% 35%}
.demo-distribution figcaption{text-align:center;font-size:6cqw;font-weight:600;line-height:1.6;padding:5px 0}
.interest-card>img{object-position:50% 35%}
@media(max-width:1050px){.capability-demo{height:220px}.demo-ai{gap:7px;padding:9px 7px}.demo-ai>div{min-height:29px;padding:7px 5px}.demo-community{gap:6px}.demo-message{gap:5px}.demo-message>p{padding:6px}.phone{border-width:6px;border-radius:31px;padding:9px 6px 4px}}
@media(max-width:800px) and (min-width:701px){.capability-demo{height:190px}.demo-ai{gap:5px;padding:7px 5px}.demo-ai h4{margin-bottom:3px}.demo-ai>div{min-height:25px;padding:6px 4px}.demo-message>p{padding:5px}.demo-distribution{gap:5px}}
@media(max-width:700px){.capability-demo{height:auto;aspect-ratio:183/210}.demo-ai{gap:6px;padding:9px 6px}.demo-ai h4{margin-bottom:4px}.demo-ai>div{min-height:26px;padding:7px 5px}.demo-community{padding:4px 2px;gap:5px}.demo-message{gap:4px}.demo-message>p{padding:5px}.demo-distribution{gap:5px}.demo-distribution figcaption{padding:4px 0}.note-card h4{margin:4px 2px}.note-card>p{gap:3px}.demo-notes{gap:5px}.phone{border-radius:27px;padding:8px 5px 3px;border-width:5px}.phone-feed{gap:6px 4px;padding-top:6px}.phone-post>p{margin-top:3px}.phone-post>small{padding:2px 0}.phone-notch{border-radius:0 0 8px 8px}.phone-bottom{padding-top:3px}.video-play{width:27px;height:27px;font-size:12px}}
@media(max-width:360px){.demo-ai{gap:4px;padding:7px 4px}.demo-ai>div{min-height:22px;padding:5px 4px}.demo-message>p{padding:4px}.demo-community{gap:4px}.phone{border-radius:24px}}
@media(max-width:700px){.capability-demo{min-height:190px}.demo-ai>div,.note-card h4,.demo-message>p{font-size:clamp(9px,5.8cqw,14px)}.demo-community h4{font-size:clamp(7px,5.6cqw,12px)}.demo-message time{font-size:clamp(7px,4cqw,10px)}.note-card>p{font-size:clamp(7px,5cqw,12px)}}