/* Focused hover, focus, contact, and interaction polish. */ /* Focused interaction and contact polish pass */ /* Client-work cards sit in a light section, so keep their surfaces explicitly dark. */ #client-work .work-card{
  color:var(--text);
  border-color:rgba(255,255,255,.12);
  background:radial-gradient(circle at 88% 5%,rgba(130,168,255,.12),transparent 15rem),linear-gradient(135deg,#101522,#202d45);
  box-shadow:0 22px 64px rgba(17,23,36,.22)
}
@media (hover:hover) and (pointer:fine){
  #client-work .work-card-shell:hover .work-card,#client-work .work-card-shell:focus-within .work-card{
    background:radial-gradient(circle at 88% 5%,rgba(121,242,192,.12),transparent 15rem),linear-gradient(135deg,#121927,#263650);
    border-color:rgba(121,242,192,.30);
    box-shadow:0 38px 94px rgba(17,23,36,.30)
  }
}
.work-card-shell{
  position:relative;
  min-width:0;
  height:100%;
  cursor:pointer
}
.work-card-shell .work-card{
  top:0!important;
  transform:translateY(0);
  transition:transform 320ms cubic-bezier(.2,.8,.2,1),box-shadow 300ms ease,border-color 260ms ease,background 260ms ease!important
}
.work-card__action{
  display:inline-flex;
  width:fit-content;
  transition:transform 260ms cubic-bezier(.2,.8,.2,1),color 220ms ease
}
@media (hover:hover) and (pointer:fine){
  .work-card-shell:hover .work-card,.work-card-shell:focus-within .work-card{
    top:0!important;
    transform:translateY(-8px);
    border-color:rgba(121,242,192,.30);
    background:rgba(255,255,255,.088);
    box-shadow:0 36px 92px rgba(0,0,0,.32)
  }
  .work-card-shell:hover .work-card__action,.work-card-shell:focus-within .work-card__action{
    transform:translateX(4px);
    color:#b7ffdf
  }
}
.mini-proof,.evidence-item,.service-card,.process-step,.about-card,.profile-card,.idea-copy,.wish-panel,.contact-card,.status-chip,.handover-badge{
  transform:translateY(0);
  transition:transform 280ms cubic-bezier(.2,.8,.2,1),box-shadow 280ms ease,border-color 240ms ease,background 240ms ease
}
.floating-code-file{
  transition:transform 280ms cubic-bezier(.2,.8,.2,1),box-shadow 280ms ease,border-color 240ms ease
}
.service-icon,.step-num,.evidence-item::before{
  transition:transform 260ms cubic-bezier(.2,.8,.2,1),box-shadow 240ms ease,background-color 240ms ease
}
@media (hover:hover) and (pointer:fine){
  .mini-proof:hover{
    transform:translateY(-4px);
    border-color:rgba(255,255,255,.17);
    background:rgba(255,255,255,.072);
    box-shadow:0 18px 42px rgba(0,0,0,.16)
  }
  .evidence-item:hover{
    transform:translateY(-4px);
    border-color:rgba(121,242,192,.23);
    background:rgba(255,255,255,.075);
    box-shadow:0 18px 42px rgba(0,0,0,.17)
  }
  .evidence-item:hover::before{
    transform:scale(1.08);
    box-shadow:0 0 0 6px rgba(121,242,192,.14),0 0 22px rgba(121,242,192,.30)
  }
  .service-card:hover{
    transform:translateY(-7px);
    border-color:rgba(17,23,36,.22);
    background:rgba(255,255,255,.84);
    box-shadow:0 27px 68px rgba(17,23,36,.14)
  }
  .service-card:hover .service-icon{
    transform:translateY(-2px);
    background-color:#263650;
    box-shadow:0 15px 34px rgba(17,23,36,.18),0 0 0 1px rgba(121,242,192,.15)
  }
  .process-step:hover{
    transform:translateY(-6px);
    border-color:rgba(17,23,36,.22);
    background:rgba(255,255,255,.82);
    box-shadow:0 26px 66px rgba(17,23,36,.13)
  }
  .process-step:hover .step-num{
    transform:translateY(-2px) scale(1.025);
    box-shadow:0 15px 30px rgba(121,242,192,.24)
  }
  .about-card:hover,.profile-card:hover{
    transform:translateY(-5px);
    box-shadow:0 29px 74px rgba(17,23,36,.15)
  }
  .idea-copy:hover,.wish-panel:hover{
    transform:translateY(-5px);
    border-color:rgba(121,242,192,.22);
    box-shadow:0 31px 82px rgba(17,23,36,.23)
  }
  .contact-card:hover{
    transform:translateY(-4px);
    border-color:rgba(17,23,36,.20);
    box-shadow:0 28px 72px rgba(17,23,36,.15)
  }
  .status-chip:hover{
    transform:translateY(-4px);
    border-color:rgba(121,242,192,.22);
    background:rgba(255,255,255,.08)
  }
  .handover-badge:hover{
    transform:translateY(-4px);
    border-color:rgba(121,242,192,.42)
  }
  .floating-code-file:hover{
    transform:translateY(-6px) rotate(-1.1deg);
    border-color:rgba(121,242,192,.38);
    box-shadow:0 34px 82px rgba(0,0,0,.46),0 0 0 1px rgba(121,242,192,.08)
  }
}
.idea-copy,.wish-panel,.profile-card,.contact-note{
  color:var(--text)
}
.idea-copy h2,.idea-copy p,.wish-prefix{
  color:var(--text)
}
.idea-copy p{
  color:rgba(248,245,236,.74)
}
.idea-copy .section-label,.wish-panel .wish-kicker{
  color:#c9ffe9
}
.contact-main h2{
  margin-top:0
}
.direct-buttons{
  grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);
  gap:10px;
  margin:14px 0 15px
}
.direct-btn{
  min-width:0;
  min-height:44px;
  padding:10px 13px;
  border-radius:15px;
  font-size:13.5px;
  font-weight:820;
  line-height:1;
  letter-spacing:-.01em;
  white-space:nowrap;
  overflow:hidden;
  transition:transform 220ms cubic-bezier(.2,.8,.2,1),box-shadow 220ms ease,border-color 220ms ease,background 220ms ease,color 220ms ease
}
.direct-btn svg{
  width:17px;
  height:17px;
  flex:0 0 auto
}
.direct-btn.whatsapp{
  border-color:rgba(30,157,104,.24);
  background:rgba(255,255,255,.72)
}
.direct-btn.whatsapp svg{
  color:#167b52
}
@media (hover:hover) and (pointer:fine){
  .direct-btn:hover{
    transform:translateY(-2px);
    box-shadow:0 14px 32px rgba(17,23,36,.12)
  }
  .direct-btn.dark:hover{
    background:#1a2233;
    border-color:#1a2233
  }
  .direct-btn.whatsapp:hover{
    color:#0f6945;
    border-color:rgba(30,157,104,.40);
    background:rgba(255,255,255,.94)
  }
}
.contact-row a{
  transition:color 200ms ease,text-decoration-color 200ms ease
}
@media (hover:hover) and (pointer:fine){
  .contact-row a:hover{
    color:#176f4c;
    text-decoration-color:rgba(23,111,76,.55)
  }
}
.idea-form{
  transition:transform 240ms ease,box-shadow 240ms ease,border-color 220ms ease,background 220ms ease
}
.idea-form:focus-within{
  transform:translateY(-3px);
  border-color:rgba(30,122,87,.28);
  background:rgba(255,255,255,.76);
  box-shadow:0 30px 78px rgba(17,23,36,.16)
}
.idea-form input:not(.hp-field){
  min-width:0;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis
}
.idea-form input::placeholder,.idea-form textarea::placeholder{
  color:rgba(94,104,122,.78);
  opacity:1
}
.contact-card h3{
  margin-bottom:4px
}
@media (max-width:760px),(hover:none),(pointer:coarse){
  .work-card-shell,.work-card-shell .work-card,.mini-proof,.evidence-item,.service-card,.process-step,.about-card,.profile-card,.idea-copy,.wish-panel,.contact-card,.status-chip,.handover-badge,.direct-btn,.idea-form{
    transform:none!important
  }
}
@media (prefers-reduced-motion:reduce){
  .work-card-shell .work-card,.work-card__action,.mini-proof,.evidence-item,.service-card,.process-step,.about-card,.profile-card,.idea-copy,.wish-panel,.contact-card,.status-chip,.handover-badge,.direct-btn,.idea-form{
    transition-duration:.001ms!important;
    transform:none!important
  }
}
@media (max-width:640px){
  .direct-buttons{
    grid-template-columns:1fr
  }
  .direct-btn{
    width:100%
  }
}