/* Lightweight depth and motion. No remote libraries, video or canvas. */
body { background: radial-gradient(ellipse at 85% 12%,#247d9240,transparent 36rem),radial-gradient(ellipse at 8% 8%,#32546c80,transparent 38rem),linear-gradient(155deg,#061522,#0b2c44 48%,#071b2c); }
.site-header { box-shadow: 0 2px 0 #ffffff18 inset,0 16px 36px #0003,0 1px 0 #0008; z-index: 3; }
.hero { position: relative; min-height: 168px; padding-top: 20px; padding-bottom: 20px; }
.hero-copy { position: relative; z-index: 1; flex: 1; }
.hero h1 { text-shadow: 0 5px 24px #0004; }
.hero-description { max-width: 730px; }
.hero-visual { width: 260px; height: 148px; flex: 0 0 260px; position: relative; perspective: 800px; }
.voyage-scene { width: 230px; height: 170px; position: absolute; left: 10px; top: -25px; pointer-events: none; }
.voyage-float { width: 100%; height: 100%; animation: voyage-float 7s ease-in-out infinite; }
.voyage-globe { position: absolute; width: 154px; height: 154px; left: 38px; top: 4px; border-radius: 50%; transform: rotateX(var(--scene-rx,-8deg)) rotateY(var(--scene-ry,-14deg)); transform-style: preserve-3d; transition: transform .24s ease-out; background: radial-gradient(circle at 30% 24%,#84d5dfb0,#20749390 32%,#103f6099 57%,#041c31 79%); border: 1px solid #b6e9ef6b; box-shadow: inset -22px -16px 34px #0008,inset 5px 5px 18px #e0ffff3d,0 15px 35px #0005,0 0 35px #55bbcd15; }
.voyage-globe svg { position: absolute; inset: 0; width: 100%; height: 100%; opacity: .72; }
.voyage-orbit { position: absolute; width: 210px; height: 210px; left: -29px; top: -29px; border: 1px solid #e9cd8ab0; border-radius: 50%; transform: rotateX(68deg) rotateZ(-28deg); box-shadow: 0 0 12px #e8c77b21; }
.voyage-orbit::after { content: ''; position: absolute; width: 10px; height: 10px; left: 25px; top: 26px; background: #ffe5a8; border-radius: 50%; box-shadow: 0 0 14px #ffe1a8,0 0 30px #e6b75f66; }
.voyage-globe::after { content: ''; position: absolute; inset: 7px; border-radius: 50%; background: linear-gradient(130deg,#ffffff30,transparent 34%); }
.hero-visual .jump-to-chat { position: absolute; bottom: 2px; left: 25px; z-index: 2; min-height: 40px; padding: 10px 16px; box-shadow: 0 4px 0 #80612a,0 11px 22px #0004,inset 0 1px 0 #fff8; }
.motion-toggle { position: absolute; right: 0; top: 0; z-index: 2; border: 1px solid #ffffff30; border-radius: 50%; background: #0c2d43; color: #d7e8ee; width: 30px; height: 30px; font-size: 11px; padding: 0; display: grid; place-items: center; }
.motion-toggle:hover { background: #20536c; color: white; }
.motion-toggle:disabled { opacity: .5; }
.workspace { position: relative; }
.chat-panel { border-radius: 16px; border-top-color: #efcf87; box-shadow: 0 2px 0 #fff inset,0 6px 0 #355568,0 9px 0 #051827,0 30px 65px #0005; }
.chat-top { background: linear-gradient(120deg,#fffdf8,#f2f8fb); }
.concierge-emblem { box-shadow: 0 3px 0 #d4c39d,0 6px 12px #9e7e3b18,inset 0 1px 0 white; background: linear-gradient(135deg,#fffdf5,#f1e6ce); }
.composer { box-shadow: inset 0 2px 8px #123b5712,0 1px 0 white; transition: box-shadow .2s,border-color .2s; }
.composer:focus-within { box-shadow: 0 0 0 4px #afcdd450,inset 0 1px 5px #164f6a10; border-color: #49758b; }
.send { background: linear-gradient(130deg,#1a5371,#0e334e); box-shadow: 0 4px 0 #061f31,0 7px 15px #103b5720,inset 0 1px 0 #ffffff24; transition: transform .2s,box-shadow .2s; }
.send:hover:not(:disabled) { transform: translateY(-2px); box-shadow: 0 6px 0 #061f31,0 10px 18px #103b5730; }
.send:active:not(:disabled) { transform: translateY(2px); box-shadow: 0 1px 0 #061f31; }
.starter-questions button { background: linear-gradient(145deg,#fff,#eef5f8); box-shadow: 0 3px 0 #d2dfe5,0 4px 8px #123b5708; transition: transform .2s,box-shadow .2s; }
.starter-questions button:hover { transform: translateY(-2px); box-shadow: 0 5px 0 #c6d9e2,0 8px 12px #123b5714; }
.explore-panel { border-radius: 15px; background: linear-gradient(145deg,#194a66ee,#0a2d46); border: 1px solid #80b2c252; box-shadow: 0 1px 0 #ffffff26 inset,6px 7px 0 #051c2a,0 20px 42px #0003; }
.chat-contact { background: linear-gradient(120deg,#fbf6e9,#fffdf8); border-top-color: #e1c990; }
.chat-contact .whatsapp { color: #fff; background: linear-gradient(120deg,#24694b,#195338); border-color: #185236; box-shadow: 0 3px 0 #113b29; }
.specialist-handoff { margin: 18px 0 6px; padding: 14px 15px; border: 1px solid #dfcea5; border-radius: 10px; background: linear-gradient(125deg,#fff9e9,#f5faf9); box-shadow: 0 3px 0 #e8e4d8; }
.specialist-handoff .handoff-title { font-size: 14px; font-weight: 700; margin: 0 0 4px; color: #25455b; }
.specialist-handoff .handoff-copy { font-size: 12px; line-height: 1.6; color: #526675; margin: 0 0 12px; }
.specialist-handoff .contact-actions { padding: 0; gap: 8px; margin: 0; }
.specialist-handoff .button { font-size: 12px; min-height: 42px; padding: 9px 12px; }
.specialist-handoff .whatsapp { background: #1d6244; color: #fff; border-color: #184d36; }
.specialist-handoff .whatsapp:hover { background: #164d35; }
.specialist-handoff .outline { color: #183f58; border-color: #9eb4c1; }
.message.assistant { box-shadow: 0 3px 0 #dce5e9,0 7px 15px #0b2c4409; }
.message.welcome { box-shadow: none; }
@keyframes voyage-float { 0%,100% { transform: translateY(0) rotate(-2deg); } 50% { transform: translateY(-7px) rotate(2deg); } }
body[data-motion="off"] .voyage-float { animation: none; }
body[data-motion="off"] .voyage-globe { transform: rotateX(-8deg) rotateY(-14deg); transition: none; }
body[data-page-hidden="true"] .voyage-float { animation-play-state: paused; }
@media (max-width:1120px) { .hero-visual { flex-basis: 210px; width: 210px; } .voyage-scene { left: -14px; } .hero-visual .jump-to-chat { left: 0; } .hero h1 { font-size: 39px; } }
@media (max-width:960px) { .hero-visual { display: none; } .hero { min-height: 0; padding-top: 25px; padding-bottom: 24px; } .chat-panel { box-shadow: 0 5px 0 #355568,0 8px 0 #051827,0 20px 44px #0004; } }
@media (max-width:760px) { .hero { padding: 23px 4px 22px; } .hero h1 { font-size: clamp(29px,7.8vw,40px); } .hero-description { font-size: 13px; } .chat-panel { border-radius: 13px; } .specialist-handoff { padding: 12px; } .specialist-handoff .contact-actions { display: grid; grid-template-columns: 1fr; } .specialist-handoff .button { width: 100%; } }
@media (max-width:380px) { .hero { padding-top: 19px; padding-bottom: 19px; } .hero h1 { font-size: 29px; } .hero-description { font-size: 12px; } }
@media (prefers-reduced-motion:reduce) { .voyage-float { animation: none; } .voyage-globe,.send,.starter-questions button,.composer { transition: none; } .send:hover:not(:disabled),.starter-questions button:hover { transform: none; } }