/* Product surfaces shared by the public page and the admin iframe preview. */
#website-root .site-hero{padding:0;background-color:#f4eee7}
#website-root .site-hero-inner{isolation:isolate}
#website-root .site-hero h1{font-size:calc(clamp(40px,5vw,67px) * var(--title-scale,1))}
#website-root .site-hero-copy{text-align:var(--section-align,left)}
#website-root .site-hero-devices{position:absolute;right:-12px;bottom:36px;width:315px;height:330px;pointer-events:none;display:flex;align-items:flex-end;gap:10px;filter:drop-shadow(0 20px 22px #1b243b48)}
#website-root .site-hero-phone,#website-root .site-hero-call{background:#fff;border:6px solid #101722;border-radius:25px;overflow:hidden;box-shadow:0 8px 18px #1d24364a}
#website-root .site-hero-phone{width:160px;height:320px;transform:rotate(-3deg)}
#website-root .site-hero-call{width:138px;height:264px;transform:rotate(4deg);background:#1b2434}
#website-root .site-hero-demo-label{position:absolute;right:4px;bottom:-23px;color:#47546b;background:#ffffffd9;border-radius:20px;padding:1px 7px;font-size:9px}
#website-root .site-hero-phone>img,#website-root .site-hero-call>img{width:100%;height:100%;object-fit:cover}
#website-root .site-chat-preview{height:100%;background:#fff;color:#18233d;display:flex;flex-direction:column;overflow:hidden;font-size:11px}
#website-root .site-chat-preview-head{padding:15px 10px 8px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #f0f2f7}
#website-root .site-chat-preview-head strong{font-size:15px}
#website-root .site-chat-preview-head span{font-size:15px;color:#74809a}
#website-root .site-chat-preview-search{margin:8px 9px;padding:6px 7px;background:#f2f4f7;border-radius:5px;color:#a0a8b7;font-size:9px}
#website-root .site-chat-preview-row{padding:8px 7px;display:flex;align-items:center;gap:6px;border-bottom:1px solid #f5f6f9;min-width:0}
#website-root .site-chat-preview-row>div{min-width:0;flex:1}
#website-root .site-chat-preview-row strong,#website-root .site-chat-preview-row small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#website-root .site-chat-preview-row strong{font-size:10px}
#website-root .site-chat-preview-row small{font-size:8px;color:#8993a5;margin-top:3px}
#website-root .site-chat-preview-row time{font-size:7px;color:#a3adbb;align-self:flex-start}
#website-root .site-chat-avatar{width:25px;height:25px;display:grid;place-items:center;flex:none;border-radius:7px;background:#9dbced;color:#fff;font-size:11px;font-style:normal}
#website-root .site-chat-avatar.is-blue{background:#6e9dd5}
#website-root .site-chat-avatar.is-orange{background:#e4a670}
#website-root .site-chat-avatar.is-green{background:#72b99f}
#website-root .site-chat-preview-tabs{margin-top:auto;padding:10px 3px;text-align:center;border-top:1px solid #edf0f6;font-size:8px;color:#74809a;white-space:nowrap}
#website-root .site-call-demo{position:relative;height:100%;background:linear-gradient(180deg,#27374a77,#1c2433 88%),var(--hero-image) 78% center/auto 100%;color:#fff;text-align:center;display:flex;flex-direction:column;justify-content:space-between;padding:20px 6px 17px}
#website-root .site-call-demo>span{font-size:8px;letter-spacing:.1em}
#website-root .site-call-demo>strong{font-size:13px;line-height:1.45;text-shadow:0 2px 8px #0008}
#website-root .site-call-demo>div{font-size:12px;white-space:nowrap}
#website-root .site-call-demo>div span{color:#ff626b}

#website-root .site-moments-grid{grid-template-columns:32% 66%;gap:2%}
#website-root .site-moments-art{height:490px}
#website-root .site-moments-feed{position:absolute;left:3%;top:6%;width:49%;height:86%;z-index:2;background:#fff;padding:15px;border-radius:15px;box-shadow:0 18px 42px #26395227;transform:rotate(-3deg);overflow:hidden}
#website-root .site-feed-head{display:flex;align-items:center;gap:9px}
#website-root .site-feed-head>span:nth-child(2){flex:1}
#website-root .site-feed-head strong,#website-root .site-feed-head small{display:block}
#website-root .site-feed-head strong{font-size:12px}
#website-root .site-feed-head small{font-size:9px;color:#8791a4;margin-top:2px}
#website-root .site-feed-head b{color:#8d96a6}
#website-root .site-moments-feed>p{font-size:11px;color:#47546e;margin:12px 0 8px}
#website-root .site-feed-image{height:67%;border-radius:9px;overflow:hidden}
#website-root .site-feed-image img{width:100%;height:100%;object-fit:cover}
#website-root .site-feed-actions{display:flex;justify-content:space-between;padding-top:12px;font-size:10px;color:#7c879c}
#website-root .site-feed-actions span{color:var(--site-accent)}
#website-root .site-moments-photo{position:absolute;left:45%;top:2%;width:38%;height:65%;border:7px solid #fff;border-radius:14px;overflow:hidden;box-shadow:0 15px 38px #2639522b;transform:rotate(5deg)}
#website-root .site-moments-photo img{width:100%;height:100%;object-fit:cover;object-position:70%}
#website-root .site-moments-video{position:absolute;right:0;bottom:4%;width:42%;height:40%;z-index:3;border:7px solid #fff;border-radius:14px;overflow:hidden;box-shadow:0 15px 35px #26395233;transform:rotate(7deg);background:#18213b}
#website-root .site-moments-video img{width:100%;height:100%;object-fit:cover;filter:brightness(.72)}
#website-root .site-moments-video video{width:100%;height:100%;object-fit:cover;background:#18213b}
#website-root .site-moments-video.has-video:before,#website-root .site-moments-video.has-video:after{display:none}
#website-root .site-moments-video.has-video>span{pointer-events:none;text-shadow:0 1px 5px #000}
#website-root .site-moments-video>span{position:absolute;z-index:2;bottom:8px;left:10px;color:#fff;font-size:10px}
#website-root[data-template="editorial-v1"] .site-header{background:#fff;backdrop-filter:none}
#website-root[data-template="editorial-v1"] .site-hero{background-color:#f8f6f2;background-size:58% auto;background-position:right center;min-height:630px}
#website-root[data-template="editorial-v1"] .site-hero-shade{background:linear-gradient(90deg,#f8f6f2 0%,#f8f6f2 38%,#f8f6f2db 50%,transparent 75%)}
#website-root[data-template="editorial-v1"] .site-hero.is-reverse{background-position:left center}
#website-root[data-template="editorial-v1"] .site-hero.is-reverse .site-hero-shade{background:linear-gradient(270deg,#f8f6f2 0%,#f8f6f2 38%,#f8f6f2db 50%,transparent 75%)}
#website-root[data-template="editorial-v1"] .site-hero-inner{min-height:630px}
#website-root[data-template="editorial-v1"] .site-hero-devices{display:none}
#website-root[data-template="editorial-v1"] .site-hero h1,#website-root[data-template="editorial-v1"] .site-section h2{font-family:Georgia,"Noto Serif SC","Songti SC",serif;letter-spacing:-.04em;font-weight:700}
#website-root[data-template="editorial-v1"] .site-feature-strip{margin:0 auto;width:100%;border-radius:0;box-shadow:none;border-bottom:1px solid #e9e6e2}
#website-root[data-template="editorial-v1"] .site-feature-strip-inner{width:min(1220px,calc(100% - 64px));margin:auto;padding:29px 0}
#website-root[data-template="editorial-v1"] .site-moments{background:#fff}
#website-root[data-template="editorial-v1"] .site-moments-photo{transform:none;border-radius:3px}
#website-root[data-template="editorial-v1"] .site-moments-feed{transform:none;border-radius:3px}
#website-root[data-template="editorial-v1"] .site-moments-video{transform:none;border-radius:3px}
#website-root[data-template="editorial-v1"] .site-downloads{background:#f8f6f2}
#website-root[data-template="editorial-v1"] .site-section-kicker{background:transparent;padding:0;letter-spacing:.18em}
@media(max-width:760px){#website-root[data-template="editorial-v1"] .site-hero{background-size:cover;min-height:650px}#website-root[data-template="editorial-v1"] .site-hero-inner{min-height:650px}#website-root[data-template="editorial-v1"] .site-hero-shade,#website-root[data-template="editorial-v1"] .site-hero.is-reverse .site-hero-shade{background:linear-gradient(180deg,#f8f6f2 0%,#f8f6f2ec 49%,#f8f6f255 100%)}#website-root[data-template="editorial-v1"] .site-feature-strip-inner{width:100%;padding:12px}}

#website-root .site-devices-grid{grid-template-columns:27% 48% 21%;gap:2%}
#website-root .site-device-stage{height:360px;position:relative;display:flex;align-items:center}
#website-root .site-device-desktop{width:88%;height:265px;background:#fff;border:9px solid #202b3b;border-bottom-width:14px;border-radius:13px;overflow:hidden;box-shadow:0 17px 38px #25395330}
#website-root .site-device-desktop>img,#website-root .site-device-phone>img{width:100%;height:100%;object-fit:cover;object-position:top left}
#website-root .site-device-phone{position:absolute;right:0;bottom:10px;width:130px;height:252px;border:6px solid #202b3b;border-radius:20px;overflow:hidden;background:#fff;box-shadow:0 15px 30px #2539533d}
#website-root .site-device-caption{position:absolute;left:2px;bottom:-11px;font-size:10px;color:#8390a4}
#website-root .site-desktop-preview{display:flex;height:100%;font-size:10px;color:#26334d;background:#fff}
#website-root .site-desktop-rail{width:34px;background:#eef1f6;display:flex;flex-direction:column;align-items:center;gap:17px;padding:10px 2px;color:#8090a8}
#website-root .site-desktop-rail b{font-size:18px;color:var(--site-accent);line-height:1}
#website-root .site-desktop-conversations{width:38%;background:#f8f9fb;border-right:1px solid #edf0f4;padding:10px 6px;overflow:hidden}
#website-root .site-desktop-conversations>strong{display:flex;justify-content:space-between;font-size:11px;padding:0 2px 9px}
#website-root .site-desktop-conversations>small{display:block;padding:5px;background:#edf0f3;border-radius:3px;color:#a0a9b8}
#website-root .site-desktop-conversations>div{display:flex;align-items:center;gap:6px;padding:9px 2px;white-space:nowrap;overflow:hidden}
#website-root .site-desktop-conversations>div span{overflow:hidden;text-overflow:ellipsis}
#website-root .site-desktop-conversations em{display:block;color:#9ba5b5;font-size:8px;font-style:normal;margin-top:3px;overflow:hidden;text-overflow:ellipsis}
#website-root .site-desktop-chat{flex:1;display:flex;flex-direction:column;min-width:0}
#website-root .site-desktop-chat header{padding:11px 12px;border-bottom:1px solid #eef0f4;font-weight:700}
#website-root .site-desktop-chat header small{float:right;color:#9ca7b6}
#website-root .site-desktop-chat-body{flex:1;padding:17px 12px;background:#f9fafc}
#website-root .site-desktop-chat-body p{display:table;max-width:85%;background:#fff;border-radius:5px;padding:7px 9px;margin:8px 0;font-size:9px;line-height:1.4}
#website-root .site-desktop-chat-body p.is-sent{margin-left:auto;background:#dcd6ff}
#website-root .site-desktop-chat footer{padding:9px 12px;color:#8290a7;border-top:1px solid #edf0f4}
#website-root .site-desktop-chat footer span{float:right;background:var(--site-accent);color:#fff;padding:2px 5px;border-radius:3px}

@media(max-width:1020px){
  #website-root .site-hero-devices{right:0;width:245px;height:270px;bottom:24px}
  #website-root .site-hero-phone{width:132px;height:264px}
  #website-root .site-hero-call{width:113px;height:225px}
  #website-root .site-moments-grid{grid-template-columns:34% 64%}
  #website-root .site-devices-grid{grid-template-columns:35% 61%}
  #website-root .site-device-benefits{grid-column:1/-1}
}
@media(max-width:760px){
  #website-root .site-hero-devices{width:180px;height:204px;right:8px;bottom:23px}
  #website-root .site-hero-phone{width:109px;height:202px;border-width:4px;border-radius:18px}
  #website-root .site-hero-call{width:70px;height:156px;border-width:4px;border-radius:15px}
  #website-root .site-hero h1{font-size:calc(42px * var(--title-scale,1))}
  #website-root .site-moments-grid,#website-root .site-devices-grid{display:block}
  #website-root .site-moments-art{height:380px;margin-top:28px}
  #website-root .site-moments-feed{left:0;width:57%;height:84%;padding:9px}
  #website-root .site-feed-image{height:59%}
  #website-root .site-moments-photo{left:50%;width:43%;height:58%}
  #website-root .site-moments-video{width:44%;height:35%;right:0}
  #website-root .site-device-stage{height:315px;margin-top:22px}
  #website-root .site-device-desktop{height:225px}
  #website-root .site-device-phone{width:105px;height:210px}
}