body[data-page="website-home"] .hero{height: min(900px,60vw);min-height:650px;background:#041319}
body[data-page="website-home"] .hero-photo{object-position:center;top:0;height:100%;mask-image:linear-gradient(#000 85%,transparent);-webkit-mask-image:linear-gradient(#000 85%,transparent)}
body[data-page="website-home"] .hero-copy{padding-top:clamp(205px,17vw,285px);max-width:43%;z-index:2}
body[data-page="website-home"] .hero h1{font-size:clamp(62px,6.6vw,110px)}
body[data-page="website-home"] .hero-copy p{font-size:clamp(18px,1.85vw,28px)}
.hero-conversation{position:absolute;right:3.3%;top:49%;width:23%;max-width:380px;background:rgba(6,29,33,.94);border:1px solid #719b91;border-radius:22px;padding:20px;box-shadow:0 18px 42px #0004;color:#eff7f8;font-size:clamp(13px,1.05vw,17px);z-index:3;backdrop-filter:blur(16px)}
.conversation-heading{display:flex;justify-content:space-between;gap:12px;padding-bottom:18px;margin-bottom:18px;border-bottom:1px solid #284640;color:#a9e8df}.conversation-heading span{display:flex;gap:10px;align-items:center}.conversation-heading .leaf{width:20px;filter:invert(83%) sepia(45%) saturate(450%) hue-rotate(38deg)}.chat-icon{width:25px;height:25px;filter:invert(92%) sepia(10%) saturate(400%) hue-rotate(100deg)}.chat-in,.chat-out,.chat-voice{padding:13px 16px;border-radius:18px;background:#203a40;width:max-content;max-width:100%}.chat-out{margin-left:auto;background:#a9e8df;color:#08242b}.chat-check{display:inline-block;width:15px;margin-left:6px;vertical-align:middle}.chat-time{font-size:10px;color:#9ebcb6;margin:6px 5px 16px}.chat-time.sent{text-align:right}.chat-voice{display:flex;align-items:center;gap:14px;min-width:80%;padding:10px 14px}.wave{height:29px;flex:1;min-width:0;filter:invert(85%) sepia(20%) saturate(500%) hue-rotate(100deg)}
@media(max-width:1000px) and (min-width:761px){.hero-conversation{width:28%;right:3%;top:55%;padding:15px}body[data-page="website-home"] .hero h1{font-size:61px}.hero-copy p{max-width:330px}}
@media(max-width:760px){body[data-page="website-home"] .hero{height:930px;min-height:0}body[data-page="website-home"] .hero-copy{padding:125px 24px 0;max-width:100%;margin:0}body[data-page="website-home"] .hero h1{font-size:clamp(48px,10vw,70px)}body[data-page="website-home"] .hero-copy p{font-size:17px;max-width:340px;margin-top:20px}body[data-page="website-home"] .hero-photo{top:335px;height:595px;object-position:63% center;mask-image:linear-gradient(transparent,#000 15%,#000 83%,transparent);-webkit-mask-image:linear-gradient(transparent,#000 15%,#000 83%,transparent)}.hero-conversation{top:auto;bottom:30px;right:20px;width:230px;padding:14px;border-radius:18px;font-size:13px}.conversation-heading{padding-bottom:10px;margin-bottom:12px}.chat-in,.chat-out{padding:9px 12px}.chat-time{margin-bottom:10px}.chat-voice{padding:7px 10px}.chat-icon{width:20px;height:20px}}
body[data-page="website-home"] .hero{display:block;padding-top:0}body[data-page="website-home"] .header{background:linear-gradient(to bottom,rgba(4,19,25,.98),rgba(4,19,25,.9) 62%,rgba(4,19,25,0));padding-bottom:40px}body[data-page="website-home"] .header>nav{color:#eff7f8}body[data-page="website-home"] .header>nav a:hover,body[data-page="website-home"] .header>nav button:hover{color:#a9e8df}