/* ==========================================================================
   CAREKA DIGITAL · V116 HOME ULTRA REFINEMENT
   Phase 01 · Visual-only refinement
   Scope: body.careka-v106-home
   No content, routing, SEO or JS behavior changes.
   ========================================================================== */

body.careka-v106-home{
  --v116-paper:#f3efe8;
  --v116-gold:#d3a25d;
  --v116-gold-hi:#e4bd80;
  --v116-line:rgba(228,189,128,.16);
  --v116-line-soft:rgba(243,239,232,.085);
  --v116-panel:rgba(255,255,255,.018);
  --v116-panel-hi:rgba(211,162,93,.035);
  --v116-text-soft:rgba(243,239,232,.70);
  --v116-text-faint:rgba(243,239,232,.46);
  --v116-shadow:0 34px 90px rgba(0,0,0,.22);
  --v116-ease:cubic-bezier(.2,.7,.2,1);
  background:#080808;
}

/* Foundation ------------------------------------------------------------- */
body.careka-v106-home .scroll-scene{
  background:
    radial-gradient(circle at 84% 10%,rgba(211,162,93,.024),transparent 27%),
    #080808;
  border-top-color:var(--v116-line-soft);
}

body.careka-v106-home .stage-grid,
body.careka-v106-home .hero-grid{
  opacity:.34;
}

body.careka-v106-home .stage-grid::after,
body.careka-v106-home .hero-grid::after{
  opacity:.72;
}

body.careka-v106-home .sticky-stage{
  padding-top:clamp(104px,9vw,156px);
  padding-bottom:clamp(104px,9vw,156px);
}

body.careka-v106-home .section-index{
  gap:12px;
  color:var(--v116-text-faint);
}

body.careka-v106-home .section-index>span:first-child{
  position:relative;
  padding-right:14px;
}

body.careka-v106-home .section-index>span:first-child::after{
  content:"";
  position:absolute;
  right:0;
  top:50%;
  width:5px;
  height:1px;
  background:var(--v116-gold);
}

body.careka-v106-home .button,
body.careka-v106-home .contact-link{
  position:relative;
  overflow:hidden;
  border-color:rgba(228,189,128,.32);
  transition:
    border-color .35s var(--v116-ease),
    background-color .35s var(--v116-ease),
    color .35s var(--v116-ease),
    transform .35s var(--v116-ease);
}

body.careka-v106-home .button::after,
body.careka-v106-home .contact-link::after{
  content:"";
  position:absolute;
  inset:auto 18px 8px 18px;
  height:1px;
  background:currentColor;
  opacity:.16;
  transform:scaleX(0);
  transform-origin:left;
  transition:transform .4s var(--v116-ease);
}

body.careka-v106-home .button:hover,
body.careka-v106-home .contact-link:hover{
  transform:translateY(-1px);
}

body.careka-v106-home .button:hover::after,
body.careka-v106-home .contact-link:hover::after{
  transform:scaleX(1);
}

body.careka-v106-home :where(a,button,summary):focus-visible{
  outline:1px solid var(--v116-gold-hi);
  outline-offset:4px;
}

/* Header / menu ---------------------------------------------------------- */
body.careka-v106-home .site-header{
  background:rgba(8,8,8,.88);
  border-bottom-color:rgba(243,239,232,.075);
  box-shadow:0 14px 42px rgba(0,0,0,.12);
  backdrop-filter:blur(18px) saturate(112%);
  -webkit-backdrop-filter:blur(18px) saturate(112%);
}

body.careka-v106-home .desktop-nav a{
  position:relative;
  color:rgba(243,239,232,.68);
  transition:color .28s ease;
}

body.careka-v106-home .desktop-nav a::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-8px;
  height:1px;
  background:var(--v116-gold);
  transform:scaleX(0);
  transform-origin:left;
  transition:transform .35s var(--v116-ease);
}

body.careka-v106-home .desktop-nav a:hover{
  color:var(--v116-paper);
}

body.careka-v106-home .desktop-nav a:hover::after{
  transform:scaleX(1);
}

body.careka-v106-home .menu-guide,
body.careka-v106-home .menu-diagnostic{
  border-top-color:var(--v116-line);
}

/* Hero ------------------------------------------------------------------- */
body.careka-v106-home .hero-scene{
  background:
    radial-gradient(circle at 82% 18%,rgba(211,162,93,.06),transparent 32%),
    linear-gradient(180deg,#080808 0%,#090909 100%);
}

body.careka-v106-home .hero-stage{
  gap:clamp(30px,3.4vw,60px);
  padding-top:clamp(38px,4.6vh,64px);
  padding-bottom:clamp(34px,4.6vh,64px);
}

body.careka-v106-home .hero-orbit{
  opacity:.66;
}

body.careka-v106-home .hero-context{
  color:rgba(243,239,232,.56);
}

body.careka-v106-home #hero-title{
  text-wrap:balance;
  text-shadow:0 1px 0 rgba(255,255,255,.018);
}

body.careka-v106-home .hero-bottom{
  padding-top:clamp(58px,8vh,118px);
}

body.careka-v106-home .hero-bottom p{
  max-width:58ch;
  color:rgba(243,239,232,.76);
}

body.careka-v106-home .hero-portrait-mask{
  border-color:rgba(228,189,128,.22);
  background:#090909;
  box-shadow:
    0 30px 70px rgba(0,0,0,.24),
    inset 0 0 0 1px rgba(255,255,255,.018);
}

body.careka-v106-home .hero-portrait-mask::before{
  content:"";
  position:absolute;
  z-index:2;
  inset:10px;
  border:1px solid rgba(243,239,232,.055);
  pointer-events:none;
}

body.careka-v106-home .hero-video{
  filter:saturate(.88) contrast(1.035) brightness(.93);
}

body.careka-v106-home .hero-portrait figcaption{
  padding:15px 0 17px;
  border-bottom-color:var(--v116-line-soft);
}

body.careka-v106-home .hero-meta{
  border-top-color:var(--v116-line);
}

body.careka-v106-home .hero-meta>div+div{
  border-left-color:var(--v116-line-soft);
}

body.careka-v106-home .scroll-cue{
  opacity:.72;
}

/* Section headers -------------------------------------------------------- */
body.careka-v106-home .stage-header{
  padding-bottom:40px;
  border-bottom-color:var(--v116-line);
}

body.careka-v106-home .stage-intro,
body.careka-v106-home .solutions-intro p,
body.careka-v106-home .editorial-intro>p:not(.kicker),
body.careka-v106-home .about-heading p,
body.careka-v106-home .closing-details p{
  color:var(--v116-text-soft);
}

body.careka-v106-home .stage-heading h2,
body.careka-v106-home .solutions-intro h2,
body.careka-v106-home .editorial-intro h2,
body.careka-v106-home .about-heading h2,
body.careka-v106-home .closing-copy h2,
body.careka-v106-home .contact-heading h2{
  text-wrap:balance;
}

/* Portfolio -------------------------------------------------------------- */
body.careka-v106-home .project-stage{
  margin-top:44px;
}

body.careka-v106-home .project-layer{
  border-color:var(--v116-line);
  background:
    linear-gradient(135deg,rgba(255,255,255,.018),transparent 46%),
    #0a0a0a;
  box-shadow:var(--v116-shadow);
}

body.careka-v106-home .project-media{
  min-height:clamp(460px,49vw,710px);
  border-right-color:var(--v116-line);
}

body.careka-v106-home .project-media::before{
  content:"";
  position:absolute;
  z-index:2;
  inset:12px;
  border:1px solid rgba(255,255,255,.055);
  pointer-events:none;
}

body.careka-v106-home .project-media img{
  transform:scale(1.002);
  transition:transform .9s var(--v116-ease),filter .5s ease;
}

body.careka-v106-home .project-media:hover img{
  transform:scale(1.022);
}

body.careka-v106-home .project-media-badge{
  left:24px;
  top:24px;
  padding:9px 12px;
  background:rgba(8,8,8,.72);
  border-color:rgba(228,189,128,.28);
  backdrop-filter:blur(10px);
}

body.careka-v106-home .project-copy{
  padding:clamp(36px,4.4vw,66px);
}

body.careka-v106-home .project-copy>p{
  color:var(--v116-text-soft);
  max-width:48ch;
}

body.careka-v106-home .project-result{
  padding-top:30px;
  border-top-color:var(--v116-line);
}

body.careka-v106-home .project-result p{
  color:rgba(243,239,232,.69);
}

body.careka-v106-home .project-link{
  position:relative;
  padding-bottom:5px;
}

body.careka-v106-home .project-link::after{
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width:100%;
  height:1px;
  background:var(--v116-gold);
  opacity:.42;
  transform:scaleX(.34);
  transform-origin:left;
  transition:transform .35s var(--v116-ease);
}

body.careka-v106-home .project-link:hover::after{
  transform:scaleX(1);
}

body.careka-v106-home .progress-track{
  background:rgba(255,255,255,.08);
}

body.careka-v106-home .icon-button{
  background:rgba(255,255,255,.012);
  border-color:var(--v116-line-soft);
  transition:border-color .3s ease,background-color .3s ease,color .3s ease;
}

body.careka-v106-home .icon-button:hover:not(:disabled){
  background:var(--v116-panel-hi);
}

/* Solutions -------------------------------------------------------------- */
body.careka-v106-home .solutions-stage{
  padding-top:clamp(112px,10vw,170px);
}

body.careka-v106-home .pillar-rail{
  gap:8px;
  margin-top:64px;
  border-top:0;
  border-bottom:0;
}

body.careka-v106-home .pillar-rail button{
  min-height:126px;
  border:1px solid var(--v116-line-soft);
  background:rgba(255,255,255,.01);
  transition:
    border-color .32s ease,
    background-color .32s ease,
    transform .32s var(--v116-ease);
}

body.careka-v106-home .pillar-rail button:last-child{
  border-right:1px solid var(--v116-line-soft);
}

body.careka-v106-home .pillar-rail button:hover{
  border-color:rgba(228,189,128,.24);
  background:rgba(211,162,93,.025);
  transform:translateY(-1px);
}

body.careka-v106-home .pillar-rail button.is-active{
  border-color:rgba(228,189,128,.32);
  background:
    linear-gradient(180deg,rgba(211,162,93,.055),rgba(211,162,93,.018));
  box-shadow:inset 0 2px var(--v116-gold);
}

body.careka-v106-home .pillar-stage{
  margin-top:46px;
}

body.careka-v106-home .pillar-layer{
  gap:clamp(38px,6vw,102px);
  padding:clamp(38px,4vw,56px);
  border:1px solid var(--v116-line);
  background:
    linear-gradient(135deg,rgba(255,255,255,.015),transparent 42%),
    rgba(10,10,10,.64);
}

body.careka-v106-home .pillar-number-ghost{
  opacity:.74;
}

body.careka-v106-home .service-card{
  margin-top:28px;
  padding:20px 22px;
  border:1px solid var(--v116-line-soft);
  background:rgba(255,255,255,.012);
}

body.careka-v106-home .service-card p{
  color:var(--v116-text-soft);
  line-height:1.55;
}

body.careka-v106-home .service-meta strong{
  color:var(--v116-paper);
}

body.careka-v106-home .service-open{
  position:relative;
  padding:0 0 4px;
}

body.careka-v106-home .service-open::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:1px;
  background:var(--v116-gold);
  transform:scaleX(.25);
  transform-origin:left;
  transition:transform .3s var(--v116-ease);
}

body.careka-v106-home .service-open:hover::after{
  transform:scaleX(1);
}

/* Service mobile/details ------------------------------------------------- */
body.careka-v106-home .service-details{
  border-color:var(--v116-line-soft);
}

body.careka-v106-home .service-details summary{
  transition:background-color .25s ease,color .25s ease;
}

body.careka-v106-home .service-details summary:hover{
  background:rgba(211,162,93,.025);
}

/* Dialogs ---------------------------------------------------------------- */
body.careka-v106-home .service-dialog,
body.careka-v106-home .all-projects-dialog{
  width:min(94vw,1040px);
  border-color:rgba(228,189,128,.28);
  background:#0a0a0a;
  box-shadow:0 34px 100px rgba(0,0,0,.48);
}

body.careka-v106-home .service-dialog::backdrop,
body.careka-v106-home .all-projects-dialog::backdrop{
  background:rgba(0,0,0,.82);
  backdrop-filter:blur(10px);
}

body.careka-v106-home .dialog-shell>header,
body.careka-v106-home .all-projects-shell>header{
  padding:20px 24px;
  border-bottom-color:var(--v116-line);
  background:rgba(10,10,10,.92);
  backdrop-filter:blur(16px);
}

body.careka-v106-home .dialog-scroll{
  padding:clamp(30px,4.4vw,64px);
}

body.careka-v106-home .dialog-price{
  padding:22px 0;
  border-color:var(--v116-line);
}

body.careka-v106-home .dialog-section{
  padding:26px 0;
  border-bottom-color:var(--v116-line-soft);
}

body.careka-v106-home .dialog-section p,
body.careka-v106-home .dialog-list{
  color:var(--v116-text-soft);
  line-height:1.8;
}

body.careka-v106-home .dialog-pills{
  gap:9px;
  padding:22px 0;
}

body.careka-v106-home .dialog-pills span{
  padding:8px 11px;
  border-color:var(--v116-line);
  background:rgba(255,255,255,.012);
}

body.careka-v106-home .variation-grid{
  gap:1px;
  background:var(--v116-line);
  border:1px solid var(--v116-line);
}

body.careka-v106-home .variation-grid>div{
  padding:15px 16px;
  background:#0a0a0a;
}

/* Editorial -------------------------------------------------------------- */
body.careka-v106-home .editorial-rule{
  margin-bottom:48px;
  background:linear-gradient(90deg,var(--v116-gold),rgba(228,189,128,.16) 24%,transparent 58%);
}

body.careka-v106-home .editorial-manifest{
  margin-top:36px;
  padding:22px 0;
  border-color:var(--v116-line);
}

body.careka-v106-home .editorial-feature{
  margin-top:58px;
}

body.careka-v106-home .story-layer{
  min-height:540px;
  border-color:var(--v116-line);
  background:
    linear-gradient(135deg,rgba(255,255,255,.016),transparent 52%),
    #0a0a0a;
  box-shadow:var(--v116-shadow);
}

body.careka-v106-home .story-visual{
  border-right-color:var(--v116-line);
}

body.careka-v106-home .story-visual::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(180deg,transparent 58%,rgba(0,0,0,.38)),
    linear-gradient(90deg,rgba(0,0,0,.12),transparent 34%);
}

body.careka-v106-home .story-visual img{
  opacity:.82;
  filter:saturate(.9) contrast(1.02);
}

body.careka-v106-home .story-layer>p,
body.careka-v106-home .story-signals{
  color:var(--v116-text-soft);
}

body.careka-v106-home .editorial-controls{
  border-top-color:var(--v116-line);
}

body.careka-v106-home .editorial-filters button{
  border-color:transparent;
  transition:border-color .25s ease,background-color .25s ease,color .25s ease;
}

body.careka-v106-home .editorial-filters button:hover{
  background:rgba(211,162,93,.025);
}

body.careka-v106-home .editorial-filters button.is-active{
  border-color:rgba(228,189,128,.28);
  background:rgba(211,162,93,.028);
}

/* About ------------------------------------------------------------------ */
body.careka-v106-home .about-heading p{
  max-width:67ch;
}

body.careka-v106-home .about-method li{
  margin:0 -14px;
  padding:19px 14px;
  border-top-color:var(--v116-line-soft);
  transition:background-color .28s ease,border-color .28s ease;
}

body.careka-v106-home .about-method li:last-child{
  border-bottom-color:var(--v116-line-soft);
}

body.careka-v106-home .about-method li:hover{
  background:rgba(211,162,93,.022);
  border-color:rgba(228,189,128,.18);
}

body.careka-v106-home .about-method p{
  color:var(--v116-text-soft);
  line-height:1.6;
}

body.careka-v106-home .about-signature{
  margin-top:90px;
  padding-top:22px;
  border-top-color:var(--v116-line);
}

/* Closing ---------------------------------------------------------------- */
body.careka-v106-home .closing-scene{
  background:
    radial-gradient(circle at 50% 44%,rgba(211,162,93,.055),transparent 30%),
    #080808;
}

body.careka-v106-home .closing-stage{
  min-height:76vh;
}

body.careka-v106-home .closing-horizon{
  opacity:.68;
}

body.careka-v106-home .closing-copy{
  margin-top:38px;
}

body.careka-v106-home .closing-details strong{
  color:var(--v116-paper);
}

/* Contact ---------------------------------------------------------------- */
body.careka-v106-home .contact-section{
  padding-top:clamp(112px,10vw,170px);
  padding-bottom:clamp(112px,10vw,170px);
  border-top-color:var(--v116-line);
}

body.careka-v106-home .contact-heading p{
  color:var(--v116-text-soft);
  line-height:1.65;
}

body.careka-v106-home .contact-link{
  background:var(--v116-paper);
  border-color:var(--v116-paper);
  box-shadow:0 16px 42px rgba(0,0,0,.16);
}

body.careka-v106-home .contact-channel{
  padding:22px 18px;
  margin:0 -18px;
  border-top-color:var(--v116-line-soft);
  transition:background-color .28s ease,border-color .28s ease;
}

body.careka-v106-home .contact-channel:last-child{
  border-bottom-color:var(--v116-line-soft);
}

body.careka-v106-home .contact-channel:hover{
  background:rgba(211,162,93,.022);
  border-color:rgba(228,189,128,.18);
}

/* Footer ----------------------------------------------------------------- */
body.careka-v106-home .careka-global-footer,
body.careka-v106-home .site-footer{
  border-top-color:var(--v116-line);
}

body.careka-v106-home .site-footer nav a{
  transition:color .25s ease;
}

body.careka-v106-home .site-footer nav a:hover{
  color:var(--v116-paper);
}

/* Tablet ----------------------------------------------------------------- */
@media (max-width:980px){
  body.careka-v106-home .sticky-stage{
    padding-top:92px;
    padding-bottom:92px;
  }

  body.careka-v106-home .hero-stage{
    padding-top:46px;
    padding-bottom:68px;
  }

  body.careka-v106-home .hero-portrait{
    margin-top:50px;
  }

  body.careka-v106-home .project-layer{
    box-shadow:0 24px 64px rgba(0,0,0,.18);
  }

  body.careka-v106-home .project-media{
    min-height:0;
  }

  body.careka-v106-home .project-copy{
    min-height:0;
    padding:34px;
  }

  body.careka-v106-home .pillar-rail{
    gap:8px;
  }

  body.careka-v106-home .pillar-rail button{
    border:1px solid var(--v116-line-soft);
  }

  body.careka-v106-home .pillar-layer{
    padding:34px;
  }

  body.careka-v106-home .service-card{
    padding:18px;
  }

  body.careka-v106-home .story-layer{
    min-height:0;
  }

  body.careka-v106-home .story-visual{
    border-right:0;
    border-bottom:1px solid var(--v116-line);
  }

  body.careka-v106-home .contact-section{
    padding-top:96px;
    padding-bottom:96px;
  }
}

/* Mobile ----------------------------------------------------------------- */
@media (max-width:620px){
  body.careka-v106-home .site-header{
    backdrop-filter:blur(14px);
    -webkit-backdrop-filter:blur(14px);
  }

  body.careka-v106-home .sticky-stage{
    padding-top:78px;
    padding-bottom:78px;
  }

  body.careka-v106-home .hero-stage{
    padding-top:34px;
    padding-bottom:58px;
  }

  body.careka-v106-home .hero-bottom{
    padding-top:42px;
  }

  body.careka-v106-home .hero-portrait{
    margin-top:38px;
  }

  body.careka-v106-home .hero-portrait-mask::before{
    inset:7px;
  }

  body.careka-v106-home .hero-meta{
    margin-top:20px;
  }

  body.careka-v106-home .hero-meta>div+div{
    border-top-color:var(--v116-line-soft);
  }

  body.careka-v106-home .stage-header{
    padding-bottom:30px;
  }

  body.careka-v106-home .project-stage{
    margin-top:30px;
  }

  body.careka-v106-home .project-media::before{
    inset:8px;
  }

  body.careka-v106-home .project-media-badge{
    left:16px;
    top:16px;
  }

  body.careka-v106-home .project-copy{
    padding:26px 24px 30px;
  }

  body.careka-v106-home .pillar-rail{
    margin-top:44px;
    gap:7px;
  }

  body.careka-v106-home .pillar-rail button{
    min-height:92px;
  }

  body.careka-v106-home .pillar-layer{
    padding:26px 22px;
  }

  body.careka-v106-home .service-card{
    margin-top:22px;
    padding:17px 15px;
  }

  body.careka-v106-home .dialog-scroll{
    padding:26px 20px 32px;
  }

  body.careka-v106-home .dialog-shell>header,
  body.careka-v106-home .all-projects-shell>header{
    padding:16px 18px;
  }

  body.careka-v106-home .variation-grid{
    border-left:0;
    border-right:0;
  }

  body.careka-v106-home .editorial-rule{
    margin-bottom:34px;
  }

  body.careka-v106-home .editorial-feature{
    margin-top:40px;
  }

  body.careka-v106-home .story-visual{
    min-height:285px;
  }

  body.careka-v106-home .about-method li{
    margin:0;
    padding-left:0;
    padding-right:0;
  }

  body.careka-v106-home .about-signature{
    margin-top:58px;
  }

  body.careka-v106-home .closing-stage{
    min-height:68vh;
  }

  body.careka-v106-home .contact-section{
    padding-top:82px;
    padding-bottom:82px;
  }

  body.careka-v106-home .contact-channel{
    margin:0;
    padding-left:0;
    padding-right:0;
  }
}

/* Motion preference ------------------------------------------------------ */
@media (prefers-reduced-motion:reduce){
  body.careka-v106-home .button,
  body.careka-v106-home .contact-link,
  body.careka-v106-home .desktop-nav a::after,
  body.careka-v106-home .project-media img,
  body.careka-v106-home .project-link::after,
  body.careka-v106-home .pillar-rail button,
  body.careka-v106-home .service-open::after,
  body.careka-v106-home .about-method li,
  body.careka-v106-home .contact-channel{
    transition:none;
  }

  body.careka-v106-home .button:hover,
  body.careka-v106-home .contact-link:hover,
  body.careka-v106-home .pillar-rail button:hover{
    transform:none;
  }
}