[x-cloak]{display:none !important;}
html{scroll-behavior:smooth;scroll-padding-top:72px;}
body{-webkit-font-smoothing:antialiased;}

.hero-glow{
  position:absolute;inset:-20% -10% auto -10%;height:520px;pointer-events:none;z-index:0;
  background:
    radial-gradient(60% 60% at 30% 30%, rgba(124,156,255,.25), transparent 60%),
    radial-gradient(40% 40% at 80% 20%, rgba(168,255,209,.15), transparent 60%);
  filter:blur(40px);
}
.card-tile{
  background:linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,0));
  border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:24px;
  transition:border-color .25s ease, transform .25s ease;
}
.card-tile:hover{border-color:rgba(124,156,255,.35);transform:translateY(-2px);}
.tile-icon{
  width:44px;height:44px;border-radius:12px;
  background:rgba(124,156,255,.1);border:1px solid rgba(124,156,255,.25);
  display:grid;place-items:center;font-size:20px;flex-shrink:0;
}
.chip{display:inline-block;font-size:12px;padding:4px 10px;border-radius:999px;
  background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);color:#cbd5e1;}
.chip-accent{display:inline-block;font-size:12px;padding:4px 10px;border-radius:999px;
  background:rgba(168,255,209,.1);border:1px solid rgba(168,255,209,.35);color:#A8FFD1;font-weight:600;}
.how-card{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:24px;}
.work-card{display:block;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.08);
  border-radius:20px;overflow:hidden;transition:border-color .25s ease, transform .25s ease;}
.work-card:hover{border-color:rgba(124,156,255,.35);transform:translateY(-2px);}
.work-thumb{aspect-ratio:16/10;background:linear-gradient(135deg,#1C2030,#0F1117);
  display:grid;place-items:center;border-bottom:1px solid rgba(255,255,255,.06);}
.step{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:18px;}
.step-num{font-family:'JetBrains Mono',monospace;font-size:12px;color:#7C9CFF;}
.step-title{color:#fff;font-weight:600;margin-top:6px;}
.step-desc{color:#94a3b8;font-size:13px;margin-top:6px;line-height:1.6;}
.lbl{display:block;font-size:13px;color:#cbd5e1;margin-bottom:6px;}
.inp{width:100%;background:rgba(0,0,0,.25);border:1px solid rgba(255,255,255,.1);
  border-radius:12px;padding:12px 14px;color:#e2e8f0;font-size:14px;transition:border-color .2s ease;}
.inp::placeholder{color:#64748b;}
.inp:focus{outline:none;border-color:#7C9CFF;background:rgba(124,156,255,.05);}
@media (prefers-reduced-motion: reduce){*{animation:none !important;transition:none !important;}}