.co-demo{margin-top:40px}.co-canvas{display:grid;grid-template-columns:minmax(220px,.85fr) minmax(300px,1.3fr) minmax(240px,.85fr);grid-template-rows:auto auto auto;align-items:start;gap:24px;height:auto;padding:30px;border:1px solid #b4c8a826;border-radius:22px;background:#ffffff04}.co-google,.co-site,.co-align,.co-phone,.co-notification{position:relative;inset:auto;width:auto;transform:none;min-width:0}.co-surface{border:1px solid #cbd6c455;box-shadow:0 12px 28px #07180f24;border-radius:10px;overflow:hidden}.co-label{font-size:9px;letter-spacing:.08em}.co-google{grid-column:1;grid-row:1;padding:22px;height:100%}.co-mini-query{margin-top:20px}.co-mini-query .bm-google-word{font-size:28px}.co-query-text{font-size:10px;padding:10px 12px;margin-top:15px}.co-google>strong{font-size:17px;line-height:1.35;margin-top:21px}.co-google>p{font-size:11px;line-height:1.7;margin-top:9px}.co-google>small{font-size:8px;margin-top:18px}.co-search-sitelinks{margin-top:20px;border-top:1px solid #e4e8df;padding-top:15px;display:grid;gap:10px;color:#46669c;font-size:11px}.co-site{grid-column:2;grid-row:1;padding-top:17px;height:100%;display:flex;flex-direction:column}.co-site>.co-label{padding:0 16px 13px}.co-site-bar{padding:10px 13px}.co-site-bar>i{width:5px;height:5px}.co-site-bar>span{font-size:8px}.co-site>img{flex:1;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;min-height:170px}.co-site-footer{font-size:10px;padding:13px 16px;background:#fafbf6;border-top:1px solid #e5e9df}.co-align{grid-column:1 / 3;grid-row:2;overflow:hidden;border-radius:12px;border:5px solid #536356;box-shadow:0 18px 30px #07180f35}.co-align-label{background:#fdfdf8;padding:15px 19px;align-items:center;min-height:67px}.co-align-label>span:last-child{color:#7b8c72;font-size:8px}.co-align-wordmark{font-size:28px;line-height:1;letter-spacing:-1.7px;color:#165446;font-weight:600;display:flex;gap:18px;align-items:center}.co-align-wordmark small{font-size:10px;font-weight:400;letter-spacing:0;color:#85917b;padding-left:17px;border-left:1px solid #d9e0d0}.co-align-screen{aspect-ratio:1020 / 340}.co-align-screen>img{position:absolute;width:188.2353%;max-width:none;left:-17.6471%;top:-77.9412%;height:auto}.co-align-footer{font-size:9px;padding:14px 17px}.co-phone{grid-column:3;grid-row:1 / 3;width:100%;max-width:286px;align-self:center;justify-self:center;background:#f5f6f0;border:7px solid #101d16;border-radius:36px;box-shadow:0 0 0 1px #82927b,0 22px 40px #07180f66}.co-device-status{display:flex;align-items:center;justify-content:space-between;height:34px;padding:0 14px;font:8px Arial,sans-serif;color:#334436}.co-device-status i{width:58px;height:13px;border-radius:12px;background:#101d16}.co-phone-top{padding:16px 12px}.co-phone-top strong{font-size:12px}.co-phone-top>div>span{font-size:8px;margin-top:4px}.co-avatar{width:33px;height:33px}.co-chat{padding:16px 11px 20px;gap:12px;background:#ecefe3}.co-chat-date{font-size:7px;margin-bottom:4px}.co-bubble{font-size:10px;padding:11px 12px;border-radius:9px;line-height:1.7}.co-bubble small{font-size:7px;margin-top:5px}.co-chat-note{font-size:8px;margin-top:7px}.co-phone-bottom{font-size:8px;letter-spacing:.05em;padding:15px 5px 18px;background:#f5f6ef}.co-notification{grid-column:1 / -1;grid-row:3;border-radius:8px;padding:16px 20px;box-shadow:none;border-color:#b9cca955;background:#dce7d0}.co-notification strong{font-size:13px}.co-notification small{font-size:10px}.co-notification-icon{background:#c4d6b4}.co-flow{margin-top:30px}.co-flow li{padding-top:15px}.co-demo>figcaption{color:#a7b79c;font-size:10px}@media (max-width: 1100px){.co-canvas{padding:20px;gap:18px;grid-template-columns:minmax(180px,.85fr) minmax(230px,1.2fr) minmax(210px,.85fr)}.co-google{padding:16px}.co-google>strong{font-size:15px}.co-google>p{font-size:10px}.co-bubble{font-size:9px;padding:9px}.co-phone-top strong{font-size:10px}.co-align-wordmark small{display:none}}@media (max-width: 900px){.co-canvas{grid-template-columns:1fr 1fr}.co-google{grid-column:1;grid-row:1}.co-site{grid-column:2;grid-row:1}.co-phone{grid-column:2;grid-row:2}.co-align{grid-column:1;grid-row:2;align-self:center}.co-align-label{padding:13px}.co-align-label>span:last-child{font-size:6px}.co-align-footer{font-size:7px;padding:10px;flex-wrap:wrap}.co-notification{grid-column:1 / -1;grid-row:3}}@media (max-width: 600px){.co-canvas{grid-template-columns:1fr;gap:22px;padding:18px 13px;border-radius:15px}.co-google,.co-site,.co-phone,.co-align,.co-notification{grid-column:1;grid-row:auto;order:initial}.co-google{padding:23px}.co-site{height:auto}.co-site>img{min-height:0;flex:initial}.co-google>strong{font-size:18px}.co-google>p{font-size:12px}.co-query-text{font-size:11px}.co-phone{grid-row:3;max-width:290px}.co-align{grid-row:4;width:100%;border-width:3px}.co-notification{grid-row:5;padding:14px 12px}.co-notification strong{font-size:11px}.co-notification small{font-size:8px}.co-bubble{font-size:11px;padding:11px}.co-phone-top strong{font-size:11px}.co-align-label{min-height:55px}.co-align-wordmark{font-size:24px}.co-flow{margin-top:25px}}