/* ====== HERO ====== */
.hero{
  position:relative;min-height:100vh;display:flex;
  align-items:center;overflow:hidden;padding-top:96px;
}
.hero-bg{
  position:absolute;inset:0;
  background:linear-gradient(135deg,rgba(10,14,26,.88),rgba(15,23,41,.82) 40%,rgba(21,32,56,.75));
  z-index:1;
}
.hero-bg::before{
  content:'';position:absolute;inset:0;
  background-image:url('https://images.unsplash.com/photo-1450101499163-c8848c66ca85?w=1920&q=80');
  background-size:cover;background-position:center;z-index:-1;filter:brightness(.4);
}
.hero-content{
  position:relative;z-index:5;max-width:1400px;
  margin:0 auto;padding:60px 40px;width:100%;
}
.hero h1{
  font-family:'Montserrat',sans-serif;font-weight:900;
  font-size:clamp(42px,5.5vw,72px);line-height:1.1;
  letter-spacing:-.5px;margin-bottom:28px;max-width:700px;text-transform:uppercase;
}
.hero .lead{
  font-size:18px;font-weight:300;line-height:1.7;
  color:var(--white-muted);max-width:560px;margin-bottom:40px;
}
.hero .hero-ctas{display:flex;gap:16px;flex-wrap:wrap}

/* ====== FLOATING DOCUMENT WINDOWS ====== */
.floating-windows{position:absolute;inset:0;z-index:2;pointer-events:none;overflow:hidden}
.doc-win{
  position:absolute;border:1px solid rgba(255,255,255,.12);
  border-radius:4px;background:rgba(255,255,255,.03);
  backdrop-filter:blur(2px);overflow:hidden;
}
.doc-win::before{
  content:'';position:absolute;top:0;left:0;right:0;height:24px;
  background:rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.08);
}
.doc-win::after{
  content:'● ● ●';position:absolute;top:5px;left:10px;
  font-size:6px;letter-spacing:3px;color:rgba(255,255,255,.2);
}
.doc-lines{position:absolute;top:36px;left:16px;right:16px;bottom:16px}
.doc-lines div{height:2px;background:rgba(255,255,255,.06);margin-bottom:10px;border-radius:1px}
.doc-lines div:nth-child(odd){width:90%}
.doc-lines div:nth-child(even){width:65%}
.doc-lines div:nth-child(3n){width:78%}
.doc-lines div:nth-child(4n){width:55%}

.dw-1{width:280px;height:340px;top:18%;right:18%;animation:fw1 8s ease-in-out infinite}
.dw-2{width:220px;height:280px;top:30%;right:5%;animation:fw2 10s ease-in-out infinite;opacity:.7}
.dw-3{width:200px;height:240px;top:12%;right:38%;animation:fw3 9s ease-in-out infinite;opacity:.5}
.dw-4{width:240px;height:300px;top:22%;right:28%;animation:fw4 11s ease-in-out infinite;opacity:.6}
.dw-5{width:180px;height:220px;bottom:15%;right:12%;animation:fw5 7s ease-in-out infinite;opacity:.4}
.search-element{
  position:absolute;top:20%;right:25%;width:80px;height:80px;
  z-index:3;animation:fw1 8s ease-in-out infinite;opacity:.25;
}
.search-element .circle{
  width:50px;height:50px;border:2px solid rgba(255,255,255,.3);
  border-radius:50%;position:absolute;top:0;left:0;
}
.search-element .handle{
  width:2px;height:25px;background:rgba(255,255,255,.3);
  position:absolute;bottom:0;right:8px;transform:rotate(-45deg);transform-origin:top;
}

@keyframes fw1{0%,100%{transform:perspective(800px) rotateY(-5deg) rotateX(2deg) translateY(0)}50%{transform:perspective(800px) rotateY(-5deg) rotateX(2deg) translateY(-12px)}}
@keyframes fw2{0%,100%{transform:perspective(800px) rotateY(-8deg) translateY(0)}50%{transform:perspective(800px) rotateY(-8deg) translateY(-8px)}}
@keyframes fw3{0%,100%{transform:perspective(800px) rotateY(-3deg) rotateX(3deg) translateY(0)}50%{transform:perspective(800px) rotateY(-3deg) rotateX(3deg) translateY(-15px)}}
@keyframes fw4{0%,100%{transform:perspective(800px) rotateY(-4deg) translateY(0)}50%{transform:perspective(800px) rotateY(-4deg) translateY(-10px)}}
@keyframes fw5{0%,100%{transform:perspective(800px) rotateY(-6deg) rotateX(-2deg) translateY(0)}50%{transform:perspective(800px) rotateY(-6deg) rotateX(-2deg) translateY(-6px)}}

/* ====== TRUST BAR ====== */
.trust-bar{
  padding:20px 0;background:var(--navy-dark);
  border-bottom:1px solid rgba(255,255,255,.06);
}
.trust-bar .container{
  display:flex;align-items:center;justify-content:center;
  gap:40px;flex-wrap:wrap;
}
.trust-item{
  font-family:'Montserrat',sans-serif;font-weight:600;
  font-size:13px;text-transform:uppercase;letter-spacing:1px;
  color:var(--white-dim);display:flex;align-items:center;gap:8px;
}
.trust-item svg{width:18px;height:18px;stroke:var(--blue-bright);fill:none;stroke-width:2}

@media(max-width:1024px){
  .hero-content{padding:40px 20px}
  .dw-1{width:180px;height:220px;right:5%}
  .dw-2{display:none}
  .dw-3{width:140px;height:170px;right:20%;opacity:.3}
  .dw-4{width:160px;height:200px;right:15%}
  .dw-5{display:none}
  .search-element{display:none}
}
@media(max-width:600px){
  .hero h1{font-size:32px}
  .hero .lead{font-size:16px}
  .dw-1{width:140px;height:170px;top:25%;right:2%;opacity:.4}
  .dw-3{display:none}
  .dw-4{width:120px;height:150px;top:15%;right:8%;opacity:.3}
}