.cat-clock{position:fixed;z-index:89;right:13px;bottom:87px;width:116px;display:flex;flex-direction:column;align-items:center;padding:7px 5px 9px;border:1px solid #c5a77455;border-radius:60px 60px 20px 20px;background:linear-gradient(160deg,#102d2df7,#091b21f7);box-shadow:0 5px 25px #0004,inset 0 1px 0 #e8c98b25;color:#f6d596;transition:border-color .4s,box-shadow .4s}.cat-clock svg{width:104px;height:auto;overflow:visible}.cat-dial-numbers text{font:9px Georgia,serif;fill:#f4d8a6;text-anchor:middle;dominant-baseline:middle}.cat-clock-city{font:7px sans-serif;letter-spacing:2px;fill:#aad1c7;text-anchor:middle}.cat-dial-pointer{transform-origin:70px 82px;transition:transform 1.4s ease}.cat-clock time{font:19px Georgia,serif;font-variant-numeric:tabular-nums;letter-spacing:1px;line-height:1.2}.cat-clock-top{font:9px sans-serif;letter-spacing:.06em;color:#a7c3b8;margin-top:6px}.cat-clock:hover{border-color:#efbc70;box-shadow:0 5px 25px #0005,0 0 20px #d2a55d22}.cat-clock:hover .cat-clock-top{color:#ffe0a4}.cat-pupil{transition:rx 1s}.contact-bottom{justify-content:flex-start}@media(max-width:700px){.cat-clock{right:9px;bottom:max(73px,calc(env(safe-area-inset-bottom) + 57px));width:88px;padding:5px 3px 7px;border-radius:48px 48px 15px 15px}.cat-clock svg{width:80px}.cat-clock time{font-size:16px}.cat-clock-top{font-size:8px;margin-top:4px}}@media(prefers-reduced-motion:reduce){.cat-clock *{transition:none!important}}
.brand-shore{position:absolute;inset:0;pointer-events:none}.brand-sand{position:absolute;opacity:0;z-index:0;pointer-events:none}.brand-charm{z-index:1;width:106px;height:106px;opacity:0}.charm-shell{width:72px;height:72px}.charm-tuna{width:220px;height:130px}.charm-octopus{width:88px;height:88px}.charm-squid{width:125px;height:125px}.charm-crab{width:75px;height:75px}.charm-starfish{width:68px;height:68px}.brand-wave{z-index:2;width:min(1050px,120vw);height:auto}@media(max-width:700px){.brand-charm{width:73px;height:73px}.charm-shell{width:46px;height:46px}.charm-tuna{width:142px;height:86px}.charm-octopus{width:57px;height:57px}.charm-squid{width:83px;height:83px}.charm-crab{width:49px;height:49px}.charm-starfish{width:45px;height:45px}.brand-wave{width:125vw}}
.brand-wash{position:absolute;inset:0;pointer-events:none}
/* Persistent tap/click selection, shared by content and process emblems. */
.emblem-trigger{display:block;background:none;border:0;padding:0;margin:0 0 20px;line-height:0;border-radius:8px;cursor:pointer;color:var(--accent)}.process-grid .emblem-trigger .island-icon{margin:0;width:50px;height:50px}.process-grid li:has(.emblem-trigger.is-selected) h3{color:var(--accent,#e6bc7c)}
:is(.point,.emblem-trigger).is-selected .emblem-moving{animation:emblem-glide 2.8s ease-in-out infinite}
:is(.point,.emblem-trigger).is-selected .emblem-light{animation:emblem-lamp 3.4s ease-in-out infinite}
:is(.point,.emblem-trigger).is-selected .icon-flower{animation:emblem-flower 3.6s ease-in-out infinite!important}
:is(.point,.emblem-trigger).is-selected .emblem-sun{animation:emblem-sunrise 3.2s ease-in-out infinite}
:is(.point,.emblem-trigger).is-selected .emblem-beam{animation:emblem-sweep 4s ease-in-out infinite;transform-origin:32px 17px}
.emblem-trigger:hover:not(.is-selected) .emblem-moving{animation:emblem-glide 1.6s ease-in-out}.emblem-trigger:hover:not(.is-selected) .emblem-light{animation:emblem-lamp 1.6s ease-in-out}.emblem-trigger:hover:not(.is-selected) .icon-flower{animation:emblem-flower 1.6s ease-in-out}.emblem-trigger.is-selected{filter:drop-shadow(0 0 5px #d5bd6920)}
.motion-paused :is(.point,.emblem-trigger) *{animation-play-state:paused!important}@media(prefers-reduced-motion:reduce){:is(.point,.emblem-trigger) *{animation:none!important}}@media(max-width:700px){.process-grid .emblem-trigger .island-icon{width:43px;height:43px}}
@media(prefers-reduced-motion:reduce){:is(.point,.emblem-trigger).is-selected .icon-flower{animation:none!important}}
/* The sunset contact button sits on the cat clock's vertical centreline. */
.whatsapp-float{right:47px;bottom:261px;width:48px;height:54px;border:0;border-radius:50%;background:#0c282ae8;box-shadow:0 2px 14px #0003;padding:0}.whatsapp-float .sunset-contact{width:52px;height:52px;max-width:none;flex-shrink:0}.whatsapp-float:hover,.whatsapp-float:focus-visible{background:#123c30;transform:none;box-shadow:0 0 19px #2aba6833}.contact-sun{animation:contact-sunset 6s ease-in-out infinite;transform-origin:32px 38px}.contact-sun circle{transition:fill .6s}.whatsapp-float:hover .contact-sun circle{fill:#25c878}.contact-water{animation:contact-ripple 6s ease-in-out infinite}.whatsapp-float>span{right:62px}@keyframes contact-sunset{0%,100%{transform:translateY(0)}50%{transform:translateY(5px)}}@keyframes contact-ripple{50%{transform:translateX(2px);opacity:.7}}.motion-paused .sunset-contact *{animation-play-state:paused!important}@media(max-width:700px){.whatsapp-float{right:31px;bottom:max(213px,calc(env(safe-area-inset-bottom) + 197px));width:44px;height:48px}.whatsapp-float .sunset-contact{width:47px;height:47px}}@media(prefers-reduced-motion:reduce){.sunset-contact *{animation:none!important}}
:root{--clock-sky:#102d2d;--clock-deep:#091b21;--clock-rim:#c5a774;--clock-ink:#f6d596;--celestial:#edb562;--sea-blue:#61b9f0}
:root[data-day-phase=morning]{--clock-sky:#694c49;--clock-deep:#2d424d;--clock-rim:#ecbb96;--clock-ink:#ffdeb5;--celestial:#f4bc81;--sea-blue:#85c9ee}
:root[data-day-phase=day]{--clock-sky:#255967;--clock-deep:#123d4b;--clock-rim:#8ad1d0;--clock-ink:#fff0bd;--celestial:#f4cb65;--sea-blue:#66c6fa}
:root[data-day-phase=evening]{--clock-sky:#65413d;--clock-deep:#302f48;--clock-rim:#e59678;--clock-ink:#ffd3a2;--celestial:#f39361;--sea-blue:#77a9df}
:root[data-day-phase=night]{--clock-sky:#222e4c;--clock-deep:#0c172c;--clock-rim:#889cbf;--clock-ink:#dce7ff;--celestial:#d6e3f5;--sea-blue:#79a9ed}
.cat-clock{background:linear-gradient(155deg,var(--clock-sky),var(--clock-deep));border-color:var(--clock-rim);color:var(--clock-ink);transition:background 1s,border-color 1s,color 1s}.cat-clock>svg>path:first-child{fill:var(--clock-deep);stroke:var(--clock-rim)}.cat-dial-numbers text,.cat-clock-city{fill:var(--clock-ink)}.cat-clock-top{color:var(--clock-ink);opacity:.85}.whatsapp-float,.whatsapp-float:hover,.whatsapp-float:focus-visible{background:transparent;box-shadow:none;border:0;height:60px}.whatsapp-float .sunset-contact{height:60px;width:58px;overflow:visible}.celestial-disc{fill:var(--celestial);transition:fill 1s}.moon-marks{opacity:0;transition:opacity 1s}[data-day-phase=night] .moon-marks{opacity:.65}.whatsapp-float .contact-water{stroke:var(--sea-blue)}.whatsapp-float:hover .wa-recognizable{filter:drop-shadow(0 0 3px #25d36680)}.wa-recognizable{transition:filter .4s}.whatsapp-float>span{right:66px}@media(max-width:700px){.whatsapp-float{height:54px}.whatsapp-float .sunset-contact{width:51px;height:54px}}
.cat-clock{width:132px;right:13px;border-radius:70px 70px 20px 20px;padding:8px 5px 10px}.cat-clock svg{width:120px}.cat-dial-numbers text{font:12px Georgia,serif;font-weight:bold;fill:var(--clock-ink)}.cat-clock-city{font:9px sans-serif;letter-spacing:1.3px;fill:var(--clock-ink)}.cat-dial-pointer{transform-origin:80px 88px}.cat-clock time{font-size:23px}.cat-clock-top{font-size:10px}.cat-clock>svg>path:first-child{fill:none;stroke:var(--clock-rim)}.clear-dial-ticks{color:var(--clock-rim)}@media(max-width:700px){.cat-clock{width:110px;right:9px;padding:6px 4px 8px}.cat-clock svg{width:100px}.cat-clock time{font-size:20px}.cat-clock-top{font-size:9px}}
.whatsapp-float,.whatsapp-float:hover,.whatsapp-float:focus-visible{height:72px}.whatsapp-float .sunset-contact{width:61px;height:72px}@media(max-width:700px){.whatsapp-float,.whatsapp-float:hover,.whatsapp-float:focus-visible{height:64px}.whatsapp-float .sunset-contact{width:54px;height:64px}}
.cat-clock{width:120px;right:12px;bottom:20px;padding:5px 4px 7px}.cat-clock svg{width:108px}.cat-clock time{font-size:21px}.cat-clock-top{font-size:9px;margin-top:4px}.whatsapp-float,.whatsapp-float:hover,.whatsapp-float:focus-visible{height:66px}.whatsapp-float .sunset-contact{width:56px;height:66px}@media(max-width:700px){.cat-clock{width:102px;right:9px;bottom:max(14px,env(safe-area-inset-bottom));padding:4px 3px 6px}.cat-clock svg{width:94px}.cat-clock time{font-size:19px}.cat-clock-top{font-size:8px;margin-top:3px}.whatsapp-float,.whatsapp-float:hover,.whatsapp-float:focus-visible{height:59px}.whatsapp-float .sunset-contact{width:50px;height:59px}}
/* Small clock, prominent celestial WhatsApp button. */
.cat-clock{width:64px;padding:4px 3px 5px;border-radius:36px 36px 11px 11px}.cat-clock svg{width:56px}.cat-clock time{font-size:14px;letter-spacing:.3px}.cat-clock-top{font-size:6.5px;letter-spacing:0;margin-top:3px}.whatsapp-float,.whatsapp-float:hover,.whatsapp-float:focus-visible{width:74px;height:88px}.whatsapp-float .sunset-contact{width:74px;height:88px}.whatsapp-float>span{right:82px}@media(max-width:700px){.cat-clock{width:56px;padding:3px 2px 4px}.cat-clock svg{width:50px}.cat-clock time{font-size:13px}.cat-clock-top{font-size:6px;margin-top:2px}.whatsapp-float,.whatsapp-float:hover,.whatsapp-float:focus-visible{width:66px;height:78px}.whatsapp-float .sunset-contact{width:66px;height:78px}}
/* Larger desktop controls; the approved phone layout stays unchanged. */
@media(min-width:701px){.cat-clock{width:126px;right:20px;bottom:24px;padding:7px 5px 9px;border-radius:68px 68px 19px 19px}.cat-clock svg{width:114px}.cat-clock time{font-size:23px;letter-spacing:.7px}.cat-clock-top{font-size:10px;margin-top:5px}.whatsapp-float,.whatsapp-float:hover,.whatsapp-float:focus-visible{width:88px;height:104px}.whatsapp-float .sunset-contact{width:88px;height:104px}.whatsapp-float>span{right:98px}}