/* ====================================================================
   LOGIZENT — PROPOSAL LANDING PAGE STYLES
   Brand: Logizent Technologies Pvt Ltd
   ==================================================================== */

:root{
  --lzq-ink:        #0a0a0a;
  --lzq-ink-soft:    #1c1c1c;
  --lzq-paper:       #fafaf8;
  --lzq-paper-dim:   #f1efe9;
  --lzq-gold:        #c89b4f;
  --lzq-gold-light:  #e8c879;
  --lzq-gold-deep:   #8a6a2f;
  --lzq-line:        rgba(200,155,79,0.25);
  --lzq-mid:         #6b6660;
  --lzq-white:       #ffffff;
  --lzq-maxw:        1180px;
}

*,*::before,*::after{ box-sizing:border-box; margin:0; padding:0; }

html{ scroll-behavior:smooth; }

body.lzq-body{
  background:var(--lzq-ink);
  color:var(--lzq-white);
  font-family:'Inter',sans-serif;
  font-weight:300;
  line-height:1.7;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
  position:relative;
}

.mono{
  font-family:'DM Mono',monospace;
  font-weight:400;
  font-size:0.72rem;
  letter-spacing:0.16em;
  text-transform:uppercase;
}

/* ==================== BACKGROUND CANVAS ==================== */
.lzq-bg-canvas{
  position:fixed;
  top:0; left:0;
  width:100%; height:100%;
  z-index:0;
  display:block;
  background:var(--lzq-ink);
}

.lzq-bg-overlayGlow{
  position:fixed;
  top:0; left:0;
  width:100%; height:100%;
  z-index:1;
  pointer-events:none;
  background:
    radial-gradient(circle at 15% 10%, rgba(200,155,79,0.10) 0%, transparent 45%),
    radial-gradient(circle at 85% 85%, rgba(200,155,79,0.07) 0%, transparent 50%);
}

/* ==================== TOP BAR ==================== */
.lzq-topbar{
  position:relative;
  z-index:5;
  width:100%;
  padding:1.6rem clamp(1.5rem,5vw,5rem) 0;
}
.lzq-topbar-inner{
  max-width:var(--lzq-maxw);
  margin:0 auto;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:1rem;
  flex-wrap:wrap;
  border-bottom:1px solid var(--lzq-line);
  padding-bottom:1.4rem;
}
.lzq-brandMark{
  display:flex;
  align-items:center;
  gap:0.85rem;
}
.lzq-brandMark-badge{
  width:50px;
  height:50px;
  border-radius:10px;
  background:var(--lzq-paper);
  display:flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
  box-shadow:0 0 18px rgba(200,155,79,0.15);
}
.lzq-brandMark-logo{
  height:32px;
  width:auto;
  display:block;
}
.lzq-brandMark-name{
  font-family:'Cormorant Garamond',serif;
  font-size:1.5rem;
  font-weight:500;
  letter-spacing:0.02em;
  color:var(--lzq-white);
}
.lzq-brandMark-nameGold{ color:var(--lzq-gold-light); }
.lzq-topbar-tag{
  color:rgba(255,255,255,0.4);
}

/* ==================== HERO ==================== */
.lzq-hero{
  position:relative;
  z-index:5;
  min-height:78vh;
  display:flex;
  align-items:center;
  padding:4rem clamp(1.5rem,5vw,5rem);
}
.lzq-hero-inner{
  max-width:var(--lzq-maxw);
  margin:0 auto;
  width:100%;
}
.lzq-hero-eyebrow{
  color:var(--lzq-gold-light);
  margin-bottom:1.8rem;
  opacity:0;
  animation:lzq-fadeUp 0.9s ease forwards;
  animation-delay:0.1s;
}
.lzq-hero-title{
  font-family:'Cormorant Garamond',serif;
  font-weight:300;
  font-size:clamp(2.8rem,8vw,6.4rem);
  line-height:1.05;
  letter-spacing:-0.02em;
  color:var(--lzq-white);
  opacity:0;
  animation:lzq-fadeUp 1s ease forwards;
  animation-delay:0.25s;
}
.lzq-goldItalic{
  font-style:italic;
  background:linear-gradient(100deg,var(--lzq-gold-deep) 0%,var(--lzq-gold-light) 50%,var(--lzq-gold) 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
}
.lzq-hero-sub{
  margin-top:2rem;
  max-width:560px;
  font-size:1.05rem;
  font-weight:300;
  color:rgba(255,255,255,0.6);
  opacity:0;
  animation:lzq-fadeUp 1s ease forwards;
  animation-delay:0.45s;
}
.lzq-hero-scrollHint{
  margin-top:4rem;
  display:flex;
  align-items:center;
  gap:0.8rem;
  color:rgba(255,255,255,0.35);
  opacity:0;
  animation:lzq-fadeUp 1s ease forwards;
  animation-delay:0.7s;
}
.lzq-hero-scrollLine{
  width:36px;
  height:1px;
  background:var(--lzq-gold);
  display:inline-block;
}

@keyframes lzq-fadeUp{
  from{ opacity:0; transform:translateY(18px); }
  to{ opacity:1; transform:translateY(0); }
}

/* ==================== WELCOME SECTION ==================== */
.lzq-welcome{
  position:relative;
  z-index:5;
  background:linear-gradient(180deg, transparent 0%, rgba(10,10,10,0.6) 8%, var(--lzq-paper) 8%);
  padding:7rem clamp(1.5rem,5vw,5rem) 6rem;
}
.lzq-welcome-inner{
  max-width:760px;
  margin:0 auto;
  color:var(--lzq-ink);
}
.lzq-welcome-eyebrow{
  color:var(--lzq-gold-deep);
  margin-bottom:1.4rem;
}
.lzq-welcome-heading{
  font-family:'Cormorant Garamond',serif;
  font-weight:400;
  font-size:clamp(2.2rem,5vw,3.4rem);
  line-height:1.15;
  color:var(--lzq-ink);
  margin-bottom:1.8rem;
}
.lzq-goldText{ color:var(--lzq-gold-deep); font-style:italic; }
.lzq-welcome-body{
  font-size:1.05rem;
  font-weight:300;
  color:var(--lzq-mid);
  line-height:1.85;
}
.lzq-welcome-signRow{
  margin-top:2.6rem;
  display:flex;
  align-items:center;
  gap:1rem;
}
.lzq-welcome-signLine{
  width:48px;
  height:1px;
  background:var(--lzq-gold);
}
.lzq-welcome-signText{
  color:var(--lzq-gold-deep);
}

/* ==================== PROPOSAL ZONE ==================== */
.lzq-proposalZone{
  position:relative;
  z-index:5;
  background:var(--lzq-paper);
  padding:2rem clamp(1.5rem,5vw,5rem) 7rem;
}
.lzq-proposalZone-inner{
  max-width:760px;
  margin:0 auto;
  text-align:left;
}
.lzq-proposalZone-eyebrow{
  color:var(--lzq-gold-deep);
  margin-bottom:1.2rem;
}
.lzq-proposalZone-heading{
  font-family:'Cormorant Garamond',serif;
  font-weight:400;
  font-size:clamp(1.9rem,4vw,2.6rem);
  color:var(--lzq-ink);
  margin-bottom:1rem;
}
.lzq-proposalZone-sub{
  color:var(--lzq-mid);
  font-size:0.98rem;
  max-width:540px;
  margin-bottom:2.6rem;
}

.lzq-proposalCard{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1.5rem;
  background:var(--lzq-ink);
  border:1px solid var(--lzq-line);
  border-radius:10px;
  padding:1.6rem 1.8rem;
  cursor:pointer;
  font-family:inherit;
  text-align:left;
  position:relative;
  overflow:hidden;
  transition:border-color 0.35s ease, transform 0.25s ease, box-shadow 0.35s ease;
  flex-wrap:wrap;
}
.lzq-proposalCard::before{
  content:'';
  position:absolute;
  inset:0;
  background:linear-gradient(100deg, transparent 30%, rgba(200,155,79,0.12) 50%, transparent 70%);
  transform:translateX(-100%);
  transition:transform 0.7s ease;
}
.lzq-proposalCard:hover{
  border-color:var(--lzq-gold);
  transform:translateY(-2px);
  box-shadow:0 12px 30px rgba(200,155,79,0.18);
}
.lzq-proposalCard:hover::before{
  transform:translateX(100%);
}
.lzq-proposalCard:focus-visible{
  outline:2px solid var(--lzq-gold-light);
  outline-offset:3px;
}

.lzq-proposalCard-left{
  display:flex;
  align-items:center;
  gap:1.1rem;
  position:relative;
  z-index:1;
}
.lzq-proposalCard-iconWrap{
  width:50px; height:50px;
  min-width:50px;
  border-radius:50%;
  background:rgba(200,155,79,0.12);
  display:flex;
  align-items:center;
  justify-content:center;
  color:var(--lzq-gold-light);
}
.lzq-proposalCard-textWrap{
  display:flex;
  flex-direction:column;
  gap:0.35rem;
}
.lzq-proposalCard-title{
  font-size:1.12rem;
  font-weight:500;
  color:var(--lzq-white);
}
.lzq-proposalCard-meta{
  color:rgba(255,255,255,0.4);
  font-size:0.65rem;
}
.lzq-proposalCard-right{
  display:flex;
  align-items:center;
  gap:0.7rem;
  position:relative;
  z-index:1;
}
.lzq-proposalCard-cta{
  font-family:'DM Mono',monospace;
  font-size:0.72rem;
  letter-spacing:0.14em;
  color:var(--lzq-gold-light);
}
.lzq-proposalCard-arrow{
  color:var(--lzq-gold-light);
  transition:transform 0.3s ease;
}
.lzq-proposalCard:hover .lzq-proposalCard-arrow{
  transform:translateX(5px);
}

.lzq-proposalZone-note{
  margin-top:1.2rem;
  color:rgba(0,0,0,0.32);
  font-size:0.62rem;
}

/* ==================== CONTACT STRIP / FOOTER ==================== */
.lzq-contactStrip{
  position:relative;
  z-index:5;
  background:var(--lzq-ink-soft);
  border-top:1px solid var(--lzq-line);
  padding:5rem clamp(1.5rem,5vw,5rem) 2.4rem;
}
.lzq-contactStrip-inner{
  max-width:var(--lzq-maxw);
  margin:0 auto;
}
.lzq-contactStrip-msgBlock{
  max-width:640px;
  margin-bottom:3rem;
}
.lzq-contactStrip-eyebrow{
  color:var(--lzq-gold-light);
  margin-bottom:1.1rem;
}
.lzq-contactStrip-msg{
  font-size:1.05rem;
  font-weight:300;
  color:rgba(255,255,255,0.65);
  line-height:1.85;
}

.lzq-contactStrip-divider{
  height:1px;
  background:var(--lzq-line);
  margin-bottom:2.6rem;
}

.lzq-contactStrip-detailsBlock{
  display:flex;
  gap:2.4rem;
  flex-wrap:wrap;
  margin-bottom:3rem;
}
.lzq-contactStrip-link{
  display:flex;
  align-items:center;
  gap:0.6rem;
  color:var(--lzq-white);
  text-decoration:none;
  font-size:0.95rem;
  font-weight:400;
  transition:color 0.25s ease;
}
.lzq-contactStrip-link:hover{ color:var(--lzq-gold-light); }
.lzq-contactStrip-icon{ color:var(--lzq-gold); flex-shrink:0; }

.lzq-contactStrip-bottomRow{
  display:flex;
  justify-content:space-between;
  align-items:center;
  flex-wrap:wrap;
  gap:0.8rem;
  padding-top:1.8rem;
  border-top:1px solid rgba(255,255,255,0.06);
}
.lzq-contactStrip-brandTag{ color:rgba(255,255,255,0.4); }
.lzq-contactStrip-copyright{ color:rgba(255,255,255,0.25); }

/* ==================== RESPONSIVE ==================== */
@media (max-width:768px){
  .lzq-hero{ min-height:70vh; padding:3rem 1.4rem; }
  .lzq-welcome{ padding:5rem 1.4rem 4rem; }
  .lzq-proposalZone{ padding:1rem 1.4rem 5rem; }
  .lzq-contactStrip{ padding:4rem 1.4rem 2rem; }
  .lzq-proposalCard{ flex-direction:column; align-items:flex-start; gap:1.2rem; padding:1.4rem; }
  .lzq-proposalCard-right{ width:100%; justify-content:space-between; }
  .lzq-contactStrip-detailsBlock{ flex-direction:column; gap:1.2rem; }
  .lzq-contactStrip-bottomRow{ flex-direction:column; align-items:flex-start; }
}

@media (max-width:480px){
  .lzq-brandMark-logo{ height:38px; }
  .lzq-topbar-tag{ font-size:0.58rem; }
  .lzq-hero-title{ font-size:clamp(2.2rem,11vw,3.2rem); }
  .lzq-proposalCard-title{ font-size:1rem; }
}

/* ==================== REDUCED MOTION ==================== */
@media (prefers-reduced-motion:reduce){
  .lzq-hero-eyebrow,.lzq-hero-title,.lzq-hero-sub,.lzq-hero-scrollHint{
    animation:none !important;
    opacity:1 !important;
    transform:none !important;
  }
  .lzq-proposalCard,.lzq-proposalCard-arrow,.lzq-proposalCard::before{
    transition:none !important;
  }
}