/* ══════════════════════════════════════════════
   HOME CONTACT v2 — glowing dark section, stat tiles, founder card, and a glass
   form with icon inputs, service chips and a rotating gradient border
   (inspired by 21st.dev contact-form components)
   ══════════════════════════════════════════════ */
#home-contact-form.hc{position:relative;overflow:hidden;isolation:isolate;background:#08060a}
.hc-bg{position:absolute;inset:0;z-index:-1;pointer-events:none}
.hc-orb{position:absolute;border-radius:50%;filter:blur(90px);will-change:transform}
.hc-o1{width:520px;height:520px;left:-160px;top:-140px;background:radial-gradient(circle,rgba(255,85,85,.32),transparent 70%);animation:hc-drift 16s ease-in-out infinite alternate}
.hc-o2{width:560px;height:560px;right:-180px;bottom:-200px;background:radial-gradient(circle,rgba(124,92,255,.22),transparent 70%);animation:hc-drift 20s ease-in-out -7s infinite alternate-reverse}
@keyframes hc-drift{to{transform:translate(60px,40px) scale(1.1)}}
.hc-grid-lines{position:absolute;inset:0;background-image:linear-gradient(rgba(250,243,225,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(250,243,225,.035) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(ellipse 70% 70% at 50% 50%,#000 30%,transparent 85%);mask-image:radial-gradient(ellipse 70% 70% at 50% 50%,#000 30%,transparent 85%)}

.hc-grid{align-items:center !important;gap:4rem !important}
.hc-left{display:flex;flex-direction:column;gap:1.5rem}
.hc-tag{align-self:flex-start;display:inline-flex;align-items:center;gap:.55rem;padding:.45rem .95rem;border-radius:999px;border:1px solid rgba(255,85,85,.3);background:rgba(255,85,85,.08);font-family:var(--font-body);font-size:.72rem;font-weight:800;letter-spacing:1.6px;text-transform:uppercase;color:#ff8a7a}
.hc-tag i{width:7px;height:7px;border-radius:50%;background:#ff5555;animation:hc-ping 1.8s infinite}
@keyframes hc-ping{0%{box-shadow:0 0 0 0 rgba(255,85,85,.6)}70%{box-shadow:0 0 0 8px rgba(255,85,85,0)}100%{box-shadow:0 0 0 0 rgba(255,85,85,0)}}
.hc-title{margin:0 !important}
.hc-title em{font-style:normal;background:linear-gradient(90deg,#ff5555,#ff9a6b,#ff5555);background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:hc-shine 4s linear infinite}
@keyframes hc-shine{to{background-position:200% center}}
.hc-sub{margin:0 !important;max-width:520px}

.hc-proof{display:grid;grid-template-columns:repeat(4,1fr);gap:.7rem}
.hc-proof-item{display:flex;flex-direction:column;gap:.15rem;padding:.9rem .8rem;border-radius:16px;background:rgba(250,243,225,.04);border:1px solid rgba(250,243,225,.08);transition:transform .3s,border-color .3s,background .3s}
.hc-proof-item:hover{transform:translateY(-4px);border-color:rgba(255,85,85,.35);background:rgba(255,85,85,.06)}
.hc-proof-item span{font-size:1.1rem}
.hc-proof-item b{font-family:var(--font-display);font-size:1.05rem;font-weight:800;color:var(--cream)}
.hc-proof-item small{font-size:.7rem;font-weight:700;color:rgba(250,243,225,.5)}

.hc-founder{display:flex;align-items:center;gap:.9rem;padding:.8rem 1rem;border-radius:18px;background:linear-gradient(120deg,rgba(255,85,85,.1),rgba(250,243,225,.03));border:1px solid rgba(250,243,225,.08);max-width:460px}
.hc-founder img{width:48px;height:48px;border-radius:50%;object-fit:cover;object-position:50% 10%;background:radial-gradient(circle at 50% 30%,#ff7a6b,#7a1f2a);border:2px solid rgba(255,85,85,.5)}
.hc-founder b{display:block;font-size:.92rem;color:var(--cream)}
.hc-founder small{font-size:.76rem;color:rgba(250,243,225,.55)}
.hc-online{margin-left:auto;display:inline-flex;align-items:center;gap:.4rem;padding:.3rem .7rem;border-radius:999px;font-size:.66rem;font-weight:800;letter-spacing:.8px;text-transform:uppercase;color:#a3d78a;background:rgba(163,215,138,.08);border:1px solid rgba(163,215,138,.25);white-space:nowrap}
.hc-online i{width:6px;height:6px;border-radius:50%;background:#a3d78a;animation:hc-ping-g 1.6s infinite}
@keyframes hc-ping-g{0%{box-shadow:0 0 0 0 rgba(163,215,138,.7)}70%{box-shadow:0 0 0 7px rgba(163,215,138,0)}100%{box-shadow:0 0 0 0 rgba(163,215,138,0)}}

.hc-btns{display:flex;flex-wrap:wrap;gap:.9rem}
.hc-btn{display:inline-flex;align-items:center;gap:.55rem;padding:.95rem 1.6rem;border-radius:999px;font-family:var(--font-body);font-size:.95rem;font-weight:800;text-decoration:none;transition:transform .25s,box-shadow .25s,background .25s}
.hc-btn svg{width:17px;height:17px}
.hc-btn-call{background:linear-gradient(135deg,#ff5555,#ff7a5c);color:#fff;box-shadow:0 12px 30px -10px rgba(255,85,85,.7)}
.hc-btn-wa{color:#fff;background:rgba(37,211,102,.12);border:1px solid rgba(37,211,102,.45)}
.hc-btn:hover{transform:translateY(-2px)}
.hc-btn-wa:hover{background:rgba(37,211,102,.22)}

/* form card with rotating gradient border */
.hc-form-wrap{position:relative;border-radius:30px;padding:1.5px;overflow:hidden;box-shadow:0 40px 90px -40px rgba(255,85,85,.55)}
.hc-form-wrap::before{content:"";position:absolute;inset:-60%;background:conic-gradient(from 0deg,transparent 0 55%,#ff5555 70%,#ffb38a 80%,transparent 92%);animation:hc-spin 7s linear infinite}
@keyframes hc-spin{to{transform:rotate(360deg)}}
.hc-form.hcf-form-box{position:relative;margin:0 !important;padding:2.2rem 2rem 1.8rem !important;border-radius:29px !important;border:0 !important;background:rgba(16,12,14,.96) !important;box-shadow:none !important;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
.hc-form-head{margin-bottom:1.4rem}
.hc-form-badge{display:inline-block;padding:.35rem .8rem;border-radius:999px;font-size:.7rem;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:#a3d78a;background:rgba(163,215,138,.08);border:1px solid rgba(163,215,138,.3)}
.hc-form-head h3{margin:.8rem 0 .3rem;font-family:var(--font-display);font-size:1.5rem;font-weight:800;color:var(--cream)}
.hc-form-head p{margin:0;font-size:.88rem;color:rgba(250,243,225,.5)}

.hc-inputs{display:flex !important;flex-direction:column;gap:.8rem !important}
.hc-row{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}
.hc-field{position:relative;display:block}
.hc-field>svg{position:absolute;left:15px;top:50%;width:17px;height:17px;margin-top:-8.5px;color:rgba(250,243,225,.35);pointer-events:none;transition:color .25s}
.hc-field-ta>svg{top:16px;margin-top:0}
.hc-inputs .hc-field input,.hc-inputs .hc-field textarea{width:100%;padding:14px 14px 14px 44px !important;border-radius:14px !important;background:rgba(250,243,225,.04) !important;border:1.5px solid rgba(250,243,225,.1) !important;color:var(--cream) !important;font-family:var(--font-body) !important;font-size:.93rem !important;outline:none;transition:border-color .25s,background .25s,box-shadow .25s}
.hc-inputs .hc-field textarea{min-height:96px;resize:vertical}
.hc-inputs .hc-field input::placeholder,.hc-inputs .hc-field textarea::placeholder{color:rgba(250,243,225,.35)}
.hc-inputs .hc-field input:focus,.hc-inputs .hc-field textarea:focus{border-color:rgba(255,85,85,.7) !important;background:rgba(255,85,85,.05) !important;box-shadow:0 0 0 4px rgba(255,85,85,.12)}
.hc-field:focus-within>svg{color:#ff7a6b}

.hc-chips-wrap{position:relative;padding:.2rem 0}
.hc-chips-label{display:block;margin-bottom:.55rem;font-size:.78rem;font-weight:700;color:rgba(250,243,225,.55)}
.hc-chips{display:flex;flex-wrap:wrap;gap:.45rem}
.hc-chip{padding:.5rem .85rem;border-radius:999px;border:1px solid rgba(250,243,225,.14);background:rgba(250,243,225,.04);color:rgba(250,243,225,.75);font-family:var(--font-body);font-size:.78rem;font-weight:700;cursor:pointer;transition:background .2s,border-color .2s,color .2s,transform .2s}
.hc-chip:hover{border-color:rgba(255,85,85,.5);color:#fff}
.hc-chip.on{background:linear-gradient(135deg,#ff5555,#ff7a5c);border-color:transparent;color:#fff;transform:translateY(-1px)}
.hc-select{position:absolute !important;width:1px !important;height:1px !important;opacity:0 !important;pointer-events:none;bottom:0;left:0}

.hc-submit.hcf-submit{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:.6rem;width:100%;margin-top:.3rem;padding:16px !important;border:0;border-radius:999px !important;background:linear-gradient(135deg,#ff5555,#ff7a5c) !important;color:#fff !important;font-family:var(--font-body) !important;font-size:1rem !important;font-weight:800 !important;letter-spacing:.2px !important;cursor:pointer;box-shadow:0 14px 34px -12px rgba(255,85,85,.8);transition:transform .25s,box-shadow .25s}
.hc-submit svg{width:18px;height:18px;transition:transform .25s}
.hc-submit:hover{transform:translateY(-2px);box-shadow:0 18px 40px -12px rgba(255,85,85,.95)}
.hc-submit:hover svg{transform:translateX(4px)}
.hc-submit::after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.35) 50%,transparent 65%);transform:translateX(-100%);animation:hc-sweep 3.4s 1s ease-in-out infinite}
@keyframes hc-sweep{55%,100%{transform:translateX(100%)}}
.hc-trust{margin:.3rem 0 0;text-align:center;font-size:.75rem;color:rgba(250,243,225,.38)}

/* scroll reveal */
.hc-left>*,.hc-form-wrap{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .8s cubic-bezier(.22,1,.36,1)}
.hc-form-wrap{transform:translateY(30px) scale(.97);transition-delay:.25s}
.hc.in .hc-left>*,.hc.in .hc-form-wrap{opacity:1;transform:none}
.hc.in .hc-left>*:nth-child(2){transition-delay:.08s}
.hc.in .hc-left>*:nth-child(3){transition-delay:.16s}
.hc.in .hc-left>*:nth-child(4){transition-delay:.24s}
.hc.in .hc-left>*:nth-child(5){transition-delay:.32s}
.hc.in .hc-left>*:nth-child(6){transition-delay:.4s}

@media (max-width:900px){
  .hc-grid{gap:2.5rem !important}
  .hc-proof{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:600px){
  .hc-row{grid-template-columns:1fr}
  .hc-form.hcf-form-box{padding:1.6rem 1.2rem 1.4rem !important}
  .hc-online{display:none}
  .hc-btn{flex:1;justify-content:center}
}
@media (prefers-reduced-motion:reduce){
  .hc-orb,.hc-form-wrap::before,.hc-submit::after,.hc-title em,.hc-tag i,.hc-online i{animation:none}
  .hc-left>*,.hc-form-wrap{opacity:1;transform:none;transition:none}
}

/* compact form (3 fields) */
.hc-form.hcf-form-box{padding:1.8rem 1.7rem 1.5rem !important}
.hc-form-head{margin-bottom:1.1rem}
.hc-form-head h3{font-size:1.3rem;margin:.65rem 0 .25rem}
.hc-form-head p{font-size:.84rem}
.hc-inputs{gap:.7rem !important}
.hc-row{grid-template-columns:1fr}
.hc-inputs .hc-field input,.hc-inputs .hc-field select{width:100%;padding:13px 40px 13px 44px !important;border-radius:14px !important;background:rgba(250,243,225,.04) !important;border:1.5px solid rgba(250,243,225,.1) !important;color:var(--cream) !important;font-family:var(--font-body) !important;font-size:.93rem !important;outline:none;transition:border-color .25s,background .25s,box-shadow .25s}
.hc-inputs .hc-field select{-webkit-appearance:none;appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23faf3e1' stroke-opacity='.5' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") !important;background-repeat:no-repeat !important;background-position:right 14px center !important;background-size:16px !important}
.hc-inputs .hc-field select:invalid{color:rgba(250,243,225,.4) !important}
.hc-inputs .hc-field select option{background:#141012;color:#faf3e1}
.hc-inputs .hc-field select:focus{border-color:rgba(255,85,85,.7) !important;background-color:rgba(255,85,85,.05) !important;box-shadow:0 0 0 4px rgba(255,85,85,.12)}
.hc-submit.hcf-submit{padding:15px !important;margin-top:.2rem}
.hc-form-wrap{max-width:460px;width:100%;justify-self:end}
@media (max-width:900px){.hc-form-wrap{justify-self:stretch;max-width:none}}