@keyframes ckHeroAtmosphere{0%,100%{transform:translate3d(0,0,0) scale(1);opacity:.14}50%{transform:translate3d(28px,-18px,0) scale(1.04);opacity:.2}}
@keyframes ckHeroSweep{0%{transform:translateX(0) skewX(-18deg)}100%{transform:translateX(320%) skewX(-18deg)}}
@keyframes ckHeroProgress{to{transform:scaleX(1)}}
@keyframes ckHeroMessageDepth{0%,100%{opacity:.42;transform:translate(-50%,-50%) scale(.92)}50%{opacity:.72;transform:translate(-50%,-50%) scale(1.03)}}
@keyframes ckHeroLetterEmerge{0%{opacity:.42;transform:translateY(16px) translateZ(-28px) rotateX(42deg);filter:blur(6px)}14%{opacity:1;transform:translateY(0) translateZ(0) rotateX(0);filter:blur(0)}72%{opacity:1;transform:translateY(0) translateZ(0) rotateX(0);filter:blur(0)}100%{opacity:.5;transform:translateY(-6px) translateZ(-10px) rotateX(-10deg);filter:blur(3px)}}

[data-hero-reveal]{opacity:0;transform:translateY(24px);filter:blur(6px);will-change:transform,opacity,filter;transition:opacity .82s cubic-bezier(.16,1,.3,1),transform .82s cubic-bezier(.16,1,.3,1),filter .82s cubic-bezier(.16,1,.3,1)}
[data-hero-prologue].is-visible [data-hero-reveal]{opacity:1;transform:translateY(0);filter:blur(0)}
[data-hero-prologue].is-visible [data-hero-reveal]:nth-child(2){transition-delay:.12s}

@media (prefers-reduced-motion:reduce){
  .hero-atmosphere__orb,.hero-progress span,.hero-supreme-message__stage::before,.hero-word span,[data-hero-reveal],.hero-cta::after{animation:none!important;transition:none!important;will-change:auto!important}
  [data-hero-reveal]{opacity:1!important;transform:none!important;filter:none!important}
  .hero-progress span{transform:scaleX(1)!important}
  .hero-word span{opacity:1!important;transform:none!important;filter:none!important}
}

/* =========================================================
   CAREKA DIGITAL — MOTION SYSTEM V23
   Camada premium de transições, microinterações e performance
   ========================================================= */
:root{
  --ck-motion-fast:200ms;
  --ck-motion-mid:400ms;
  --ck-motion-smooth:600ms;
  --ck-motion-reveal:900ms;
  --ck-motion-ease:cubic-bezier(.16,1,.3,1);
  --ck-motion-state:cubic-bezier(.4,0,.2,1);
  --ck-motion-soft:cubic-bezier(.19,1,.22,1);
  --ck-motion-distance:22px;
  --ck-motion-blur:8px;
}

html.motion-ready{scroll-behavior:smooth;}
html.motion-ready body{--motion-delay:0ms;}
.motion-ready .motion-reveal{
  opacity:0;
  transform:translate3d(0,var(--ck-motion-distance),0);
  filter:blur(var(--ck-motion-blur));
  transition:
    opacity var(--ck-motion-reveal) var(--ck-motion-ease),
    transform var(--ck-motion-reveal) var(--ck-motion-ease),
    filter var(--ck-motion-smooth) var(--ck-motion-ease);
  transition-delay:var(--motion-delay,0ms);
  will-change:opacity,transform,filter;
}
.motion-ready .motion-reveal.is-visible,
.motion-ready .motion-reveal.revealed{
  opacity:1;
  transform:translate3d(0,0,0);
  filter:blur(0);
}
.motion-ready .motion-reveal.revealed{will-change:auto;}

.topbar,
.topbar__in,
.nav-link,
.theme-toggle,
.menu-toggle{
  transition:
    transform var(--ck-motion-mid) var(--ck-motion-ease),
    opacity var(--ck-motion-mid) var(--ck-motion-state),
    background-color var(--ck-motion-mid) var(--ck-motion-state),
    border-color var(--ck-motion-mid) var(--ck-motion-state),
    box-shadow var(--ck-motion-mid) var(--ck-motion-ease),
    backdrop-filter var(--ck-motion-mid) var(--ck-motion-state);
}
body.is-scrolled .topbar__in{
  transform:translate3d(0,-2px,0) scale(.992);
  border-color:color-mix(in srgb,var(--gold) 22%,var(--line));
  background:color-mix(in srgb,var(--header-bg) 96%,transparent);
  box-shadow:0 18px 48px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.05);
}
body.is-scroll-down.is-scrolled .topbar{transform:translate3d(0,-4px,0);}

.nav-link:hover,
.nav-link:focus-visible,
.theme-toggle:hover,
.theme-toggle:focus-visible,
.menu-toggle:hover,
.menu-toggle:focus-visible{
  transform:translate3d(0,-2px,0);
  border-color:color-mix(in srgb,var(--gold) 40%,var(--line));
  box-shadow:0 14px 34px rgba(0,0,0,.20), 0 0 0 1px rgba(212,168,67,.035);
  outline:none;
}
.nav-link:active,
.theme-toggle:active,
.menu-toggle:active{transform:translate3d(0,0,0) scale(.98);}
body.is-keyboard :focus-visible{outline:2px solid color-mix(in srgb,var(--gold) 72%,white 8%);outline-offset:4px;}

.btn,
.btnP,
.btnG,
.port-open,
.badge-lock,
.pillarPrimaryActionV10,
.pillarSecondaryActionV10,
.pillarServiceActionsV11 .btn,
.modalClose{
  transition:
    transform var(--ck-motion-mid) var(--ck-motion-ease),
    box-shadow var(--ck-motion-mid) var(--ck-motion-ease),
    border-color var(--ck-motion-mid) var(--ck-motion-state),
    background var(--ck-motion-mid) var(--ck-motion-state),
    color var(--ck-motion-mid) var(--ck-motion-state),
    opacity var(--ck-motion-fast) var(--ck-motion-state);
  will-change:transform;
}
.btn:hover,
.btn:focus-visible,
.port-open:hover,
.port-open:focus-visible,
.pillarPrimaryActionV10:hover,
.pillarPrimaryActionV10:focus-visible,
.pillarSecondaryActionV10:hover,
.pillarSecondaryActionV10:focus-visible,
.pillarServiceActionsV11 .btn:hover,
.pillarServiceActionsV11 .btn:focus-visible,
.modalClose:hover,
.modalClose:focus-visible{
  transform:translate3d(0,-3px,0);
  outline:none;
}
.btn:active,
.port-open:active,
.pillarPrimaryActionV10:active,
.pillarSecondaryActionV10:active,
.pillarServiceActionsV11 .btn:active,
.modalClose:active{transform:scale(.97);}

.btnP:hover,
.btnP:focus-visible,
.hero-cta--primary:hover,
.hero-cta--primary:focus-visible{
  box-shadow:0 18px 44px rgba(196,93,24,.24),0 0 0 1px rgba(232,197,96,.08),inset 0 1px 0 rgba(255,255,255,.09);
}
.btnG:hover,
.btnG:focus-visible,
.port-open:hover,
.port-open:focus-visible{
  border-color:color-mix(in srgb,var(--gold) 42%,var(--line));
  box-shadow:0 18px 44px rgba(0,0,0,.24),0 0 0 1px rgba(212,168,67,.06),inset 0 1px 0 rgba(255,255,255,.055);
}

.panel,
.port-card,
.pillarPanelV10,
.pillarServiceFullCardV11,
.pillarSolutionButtonV10,
.hero-signature-panel,
.contactCard,
.cta-panel{
  transition:
    transform var(--ck-motion-smooth) var(--ck-motion-ease),
    opacity var(--ck-motion-smooth) var(--ck-motion-state),
    filter var(--ck-motion-smooth) var(--ck-motion-ease),
    border-color var(--ck-motion-mid) var(--ck-motion-state),
    box-shadow var(--ck-motion-smooth) var(--ck-motion-ease),
    background var(--ck-motion-mid) var(--ck-motion-state);
}
@media (hover:hover){
  .panel:hover,
  .pillarPanelV10:hover,
  .hero-signature-panel:hover,
  .contactCard:hover,
  .cta-panel:hover{
    transform:translate3d(0,-4px,0);
    border-color:color-mix(in srgb,var(--gold) 26%,var(--line));
  }
  .pillarSolutionButtonV10:hover{transform:translate3d(4px,0,0);}
  #portfolio .port-card:hover .port-img{transform:scale(1.024)!important;filter:saturate(1) contrast(1.07) brightness(.97)!important;}
  #portfolio .port-card:hover .port-delivery{border-color:color-mix(in srgb,var(--gold) 26%,var(--line));}
}

input,
textarea,
select,
.searchInput,
#busca{
  transition:border-color var(--ck-motion-mid) var(--ck-motion-state),box-shadow var(--ck-motion-mid) var(--ck-motion-ease),background var(--ck-motion-mid) var(--ck-motion-state),transform var(--ck-motion-mid) var(--ck-motion-ease);
}
input:focus,
textarea:focus,
select:focus,
.searchInput:focus,
#busca:focus{
  outline:none;
  border-color:color-mix(in srgb,var(--gold) 46%,var(--line));
  box-shadow:0 0 0 4px rgba(212,168,67,.08),0 16px 36px rgba(0,0,0,.20);
}

.hero-copy-main,
.hero-signature-panel,
.hero-title-block span,
.hero-lead-copy,
.hero-cta-row{
  transition:transform var(--ck-motion-reveal) var(--ck-motion-ease),opacity var(--ck-motion-reveal) var(--ck-motion-state),filter var(--ck-motion-smooth) var(--ck-motion-ease);
}
.hero-atmosphere__orb{will-change:transform,opacity;}

.pillarPanelV11.is-open{
  border-color:color-mix(in srgb,var(--gold) 34%,var(--line));
  box-shadow:0 38px 110px rgba(0,0,0,.34),0 0 0 1px rgba(212,168,67,.045),inset 0 1px 0 rgba(255,255,255,.05);
}
.pillarSolutionsDrawerV11{
  transition:opacity var(--ck-motion-smooth) var(--ck-motion-ease),transform var(--ck-motion-smooth) var(--ck-motion-ease),filter var(--ck-motion-smooth) var(--ck-motion-ease);
  scroll-behavior:auto!important;
}
.pillarPanelV11:not(.is-open) .pillarSolutionsDrawerV11{opacity:0;transform:translate3d(0,12px,0);filter:blur(4px);}
.pillarPanelV11.is-open .pillarSolutionsDrawerV11{opacity:1;transform:translate3d(0,0,0);filter:blur(0);}
.pillarServiceFullCardV11{transform-origin:center top;}
.pillarServiceFullCardV11:hover{border-color:color-mix(in srgb,var(--gold) 24%,var(--line));}

.modalOverlay{transition:opacity var(--ck-motion-mid) var(--ck-motion-state);}
.modalOverlay .modal{opacity:0;transform:translate3d(0,22px,0) scale(.985);filter:blur(8px);transition:opacity var(--ck-motion-smooth) var(--ck-motion-ease),transform var(--ck-motion-smooth) var(--ck-motion-ease),filter var(--ck-motion-smooth) var(--ck-motion-ease);}
.modalOverlay.open .modal{opacity:1;transform:translate3d(0,0,0) scale(1);filter:blur(0);}
.modal,.modalBody{scroll-behavior:auto!important;}

#portfolio .portfolioViewport.is-navigating .port-img{filter:saturate(.92) contrast(1.04) brightness(.93)!important;}
#portfolio .portfolioNav{transition:transform var(--ck-motion-mid) var(--ck-motion-ease),box-shadow var(--ck-motion-mid) var(--ck-motion-ease),border-color var(--ck-motion-mid) var(--ck-motion-state),opacity var(--ck-motion-mid) var(--ck-motion-state),background var(--ck-motion-mid) var(--ck-motion-state)!important;}
#portfolio .port-delivery{transition:transform var(--ck-motion-mid) var(--ck-motion-ease),border-color var(--ck-motion-mid) var(--ck-motion-state),box-shadow var(--ck-motion-mid) var(--ck-motion-ease),background var(--ck-motion-mid) var(--ck-motion-state)!important;}

@media (hover:none){
  .btn:hover,.port-open:hover,.panel:hover,.pillarPanelV10:hover,.contactCard:hover,.hero-signature-panel:hover{transform:none!important;}
}

@media (prefers-reduced-motion:reduce){
  html.motion-ready{scroll-behavior:auto!important;}
  *,*::before,*::after{
    animation-duration:.001ms!important;
    animation-iteration-count:1!important;
    scroll-behavior:auto!important;
    transition-duration:.001ms!important;
  }
  .motion-ready .motion-reveal,
  [data-hero-reveal],
  .modalOverlay .modal,
  .pillarPanelV11:not(.is-open) .pillarSolutionsDrawerV11{
    opacity:1!important;
    transform:none!important;
    filter:none!important;
    will-change:auto!important;
  }
  .hero-atmosphere__orb,#fireCanvas{display:none!important;}
}