/* ═══════════ HOME PAGE ═══════════ */
.home-hero{position:relative;display:flex;align-items:center;justify-content:center;min-height:420px;background-size:cover;background-position:center;color:#fff;text-align:center;padding:3rem 1rem}
.home-hero::before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,15,26,.35),rgba(15,15,26,.65))}
.home-hero-inner{position:relative;z-index:1;max-width:680px}
.home-hero h1{font-size:clamp(1.75rem,4vw,2.75rem);font-weight:800;line-height:1.15;margin-bottom:1rem;letter-spacing:-.01em}
.home-hero p{font-size:1rem;color:rgba(255,255,255,.85);margin-bottom:1.5rem;line-height:1.6}
.home-hero .btns{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}
.home-hero .btn-secondary.dark{color:#fff;border-color:rgba(255,255,255,.5)}
.home-hero .btn-secondary.dark:hover{background:rgba(255,255,255,.15);color:#fff}

/* Products grid on home */
.home-products{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;max-width:1100px;margin:0 auto}
.home-products a{background:#fff;border-radius:12px;overflow:hidden;text-decoration:none;color:#1a1a2e;box-shadow:0 2px 8px rgba(0,0,0,.06);transition:box-shadow .2s,transform .2s;border:1px solid #e2e8f0}
.home-products a:hover{box-shadow:0 8px 30px rgba(0,0,0,.1);transform:translateY(-2px)}
.home-products img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}
.home-products h3{font-size:.875rem;font-weight:700;padding:.75rem .875rem;color:#1a1a2e}

/* Industries tags */
.home-industries{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;max-width:900px;margin:0 auto 2rem}
.home-industries span{background:#e2e8f0;color:#475569;padding:.375rem .75rem;border-radius:100px;font-size:.75rem;font-weight:600}

/* Why items */
.home-why{display:grid;grid-template-columns:1fr;gap:1rem;max-width:900px;margin:0 auto}
.home-why-item{background:#fff;border-radius:12px;padding:1.25rem;display:flex;gap:1rem;align-items:flex-start;box-shadow:0 1px 4px rgba(0,0,0,.04);border:1px solid #e2e8f0}
.home-why-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.125rem;flex-shrink:0}

/* Steps + Split */
.home-split{display:grid;grid-template-columns:1fr;gap:2rem;align-items:center}
.home-split-cta{background:#1a1a2e;color:#fff;border-radius:16px;padding:2rem;text-align:center}
.home-split-cta h3{font-size:1.25rem;margin-bottom:.75rem;color:#fff}
.home-split-cta p{color:#cbd5e1;font-size:.875rem;margin-bottom:1.25rem}
.home-split-cta .btns{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}
.home-steps{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}
.home-steps div{background:#fff;border-radius:12px;padding:1rem;box-shadow:0 1px 4px rgba(0,0,0,.04);border:1px solid #e2e8f0}
.home-steps strong{display:block;font-size:1.25rem;margin-bottom:.25rem;color:#ea580c}

/* Projects grid on home */
.home-projects{display:grid;grid-template-columns:1fr;gap:1rem;max-width:1000px;margin:0 auto}
.home-projects .card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.06);border:1px solid #e2e8f0;transition:box-shadow .2s,transform .2s}
.home-projects .card:hover{box-shadow:0 8px 30px rgba(0,0,0,.1);transform:translateY(-2px)}
.home-projects img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}
.home-projects h3{font-size:.9375rem;font-weight:700;padding:.75rem .875rem .25rem;color:#1a1a2e}
.home-projects p{font-size:.8125rem;color:#64748b;padding:0 .875rem .875rem}

/* Inline form (home/About) */
.inline-form-wrap{max-width:1280px;margin:3rem auto;padding:0 1rem}
.inline-form-inner{display:grid;grid-template-columns:280px 1fr;gap:2rem;align-items:start;border-top:2px solid #ea580c;padding-top:2rem}
.inline-form-header h3{font-size:1.125rem;color:#1a1a2e;margin-bottom:.25rem}
.inline-form-header p{font-size:.8125rem;color:#64748b}
.inline-form{max-width:560px;justify-self:end;width:100%}
.inline-form-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:.75rem}
.inline-form input,.inline-form textarea,.inline-form select{width:100%;padding:.625rem .875rem;border:1.5px solid #d1d5db;border-radius:8px;font-size:.875rem;font-family:inherit;background:#fff;transition:border-color .15s}
.inline-form input:focus,.inline-form textarea:focus,.inline-form select:focus{border-color:#ea580c;outline:none}
.inline-form input,.inline-form select{min-height:44px}
.inline-form textarea{min-height:72px;resize:vertical;margin-bottom:.75rem}
.inline-form .btn{width:100%}
.inline-form-note{font-size:.6875rem;color:#9ca3af;text-align:center;margin:.5rem 0 0}

@media (min-width:768px) {
  .home-hero{min-height:500px;padding:5rem 2rem}
  .home-products{grid-template-columns:repeat(3,1fr);gap:1.5rem}
  .home-products h3{font-size:.9375rem}
  .home-why{grid-template-columns:repeat(2,1fr)}
  .home-split{grid-template-columns:1.5fr 1fr}
  .home-steps{grid-template-columns:repeat(4,1fr)}
  .home-projects{grid-template-columns:repeat(3,1fr);gap:1.5rem}
}

@media (max-width:767px) {
  .inline-form-inner{grid-template-columns:1fr;gap:1rem}
  .inline-form{justify-self:auto}
  .inline-form-row{grid-template-columns:1fr}
}