:root{
  --bg:#0f1724;
  --card:#0b1220;
  --accent:#ffb703;
  --muted:#9aa4b2;
  --surface:#0b1220;
}
*{box-sizing:border-box}
body{font-family:Inter,system-ui,Arial,sans-serif;margin:0;background:linear-gradient(180deg,#071025 0%, #071428 100%);color:#e6eef6;line-height:1.45}
.container{max-width:1100px;margin:0 auto;padding:1rem}
.site-header{background:linear-gradient(180deg, rgba(7,20,36,0.0), rgba(7,20,36,0.0));position:sticky;top:0;z-index:20}
.header-inner{display:flex;align-items:center;justify-content:space-between;padding:1rem 0}
.brand-row{display:flex;align-items:center;gap:2rem}
.logo img{height:100px}
.main-nav{display:flex;gap:1rem;align-items:center}
.main-nav a{color:#dfe9f5;text-decoration:none;padding:.45rem .6rem;border-radius:6px;font-weight:600}
.main-nav a:hover{background:rgba(255,255,255,0.03)}
.header-cta{display:flex;align-items:center}
.nav-download{background:linear-gradient(90deg,#20c997,#1aa37a);color:#071428;padding:.45rem .9rem;border-radius:10px;font-weight:800;text-decoration:none}


.hero{position:relative;padding:0 0 2rem}
.hero-bg{background:linear-gradient(90deg, rgba(6,10,20,0.92) 0%, rgba(10,16,28,0.92) 100%), url('https://laksh365.com/static/media/new_hero_section_img.055a30791b54aaf34ca6.png') right center/contain no-repeat; border-radius:12px;padding:3rem}
.hero-inner{display:grid;grid-template-columns:1fr 520px;gap:2.5rem;align-items:center}
.tagline{color:#fff;margin-bottom:.45rem;font-weight:700;letter-spacing:.6px}
.hero-left .eyebrow{color:var(--muted);font-weight:700;letter-spacing:2px;margin-bottom:.35rem}
.hero-left h1{font-size:3.2rem;margin:0 0 .5rem;color:var(--accent);line-height:1}
.lead{color:var(--muted);margin-bottom:1rem;font-size:1.05rem}
.badge{display:inline-block;background:rgba(255,183,3,0.12);color:var(--accent);padding:.4rem .6rem;border-radius:999px;font-weight:700;margin-bottom:1rem}
.hero-actions{display:flex;gap:.75rem;margin-bottom:1rem}
.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.85rem 1.25rem;border-radius:10px;text-decoration:none;font-weight:800;font-size:.98rem}
.btn.primary{background:var(--accent);color:#071428}
.btn.ghost{background:transparent;color:#fff;border:1px solid rgba(255,255,255,0.08)}
.hero-stats{display:flex;gap:1.25rem;list-style:none;padding:0;margin:0}
.hero-stats li{background:rgba(255,255,255,0.03);padding:.75rem .9rem;border-radius:8px;text-align:center}
.hero-stats li strong{display:block;font-size:1.05rem;color:#fff}
.hero-stats li span{display:block;font-size:.78rem;color:var(--muted)}
.hero-right img{max-width:520px;height:auto;display:block;border-radius:12px;box-shadow:0 24px 60px rgba(2,6,23,.65);transform:translateY(4px)}

.features{padding:2.5rem 0 3rem}
.feature-shell{background:rgba(255,255,255,0.92);border-radius:26px;padding:1.4rem 1.3rem 1.2rem;box-shadow:0 20px 40px rgba(3,10,19,.1)}
.section-title{display:flex;align-items:center;justify-content:center;gap:18px;margin:0 0 1.5rem}
.section-title .line{display:block;width:70px;height:2px;background:linear-gradient(90deg,#d8b45d,#f2d284,#d8b45d);opacity:.9}
.section-title h2{margin:0;color:#0b5a68;font-size:clamp(1.8rem,2vw,2.5rem);font-weight:900;letter-spacing:.6px}

.feature-top-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.4rem}
.mini-feature{background:#f1f3f4;border-radius:18px;padding:1.1rem 0.9rem 1rem;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:260px;text-align:center;box-shadow:inset 0 0 0 1px rgba(12,67,78,.03)}
.mini-icon img{width:118px;height:118px;}
.mini-feature h3{margin:0 0 .7rem;color:#0b5a68;font-size:1.1rem;font-weight:900;letter-spacing:.4px}
.mini-feature p{margin:0;color:#36464d;font-size:1.05rem;line-height:1.45}

.feature-list{display:flex;flex-direction:column;gap:1rem}
.feature-row{display:grid;grid-template-columns:130px 1.2fr 1fr;align-items:center;background:linear-gradient(135deg,#042d3a,#0d4856);border-radius:18px;padding:1rem 1rem 1rem 1.2rem;min-height:120px;box-shadow:0 12px 30px rgba(7,38,48,.18)}
.feature-icon img{width:90px;height:90px;border-radius:50%;border:1px solid #fff;}
.feature-copy{padding-left:0.4rem}
.feature-copy h3{margin:0 0 .3rem;color:#f4c95d;font-size:clamp(1.2rem,1.5vw,2rem);font-weight:900;letter-spacing:.7px}
.feature-copy p{margin:0;color:#e4f3f5;font-size:1.1rem;line-height:1.35}
.feature-art{display:flex;align-items:center;justify-content:center;height:100%;font-size:4rem;color:#f7d772;filter:drop-shadow(0 12px 12px rgba(0,0,0,.16));justify-self:end;padding-right:1rem}
.feature-art img{height:100px;}
.art-box{font-size:5rem}
.art-phone{font-size:4.5rem}
.art-card{font-size:5rem}
.art-money{font-size:5rem}

@media (max-width:900px){
  .feature-top-grid{grid-template-columns:repeat(2,1fr)}
  .feature-row{grid-template-columns:90px 1fr;}
  .feature-art{grid-column:2 / span 1; justify-self:center; padding:0 0 .5rem}
  .section-title .line{width:38px}
}

@media (max-width:560px){
  .feature-top-grid{grid-template-columns:1fr}
  .feature-row{grid-template-columns:1fr;padding:1rem}
  .feature-icon{margin:0 auto 0.6rem}
  .feature-copy{text-align:center}
  .feature-art{grid-column:1; padding:0; font-size:4rem}
  .section-title{gap:8px}
  .section-title h2{font-size:1.5rem}
}

.rates{padding:2.5rem 0}
.rates-wrap{background:rgba(255,255,255,0.02);padding:1rem;border-radius:10px}
.rates-table{width:100%;border-collapse:collapse;background:transparent;color:inherit}
.rates-table th,.rates-table td{padding:.75rem;text-align:left;border-bottom:1px solid rgba(255,255,255,0.04)}
.rates-table th{color:var(--muted);font-weight:600}
.rates-note{color:var(--muted);margin-top:.5rem;font-size:.95rem}

.site-footer{padding:1rem 0;color:var(--muted)}

.hero-bg{background-position:right 10% center}
@media (max-width:900px){
  .hero-inner{grid-template-columns:1fr;text-align:center}
  .hero-right{order:-1}
  .hero-bg{background-position:center top;background-size:contain}
  .features-grid{grid-template-columns:repeat(1,1fr)}
  .main-nav{display:none}
  .hero-left h1{font-size:2rem}
}

@media (min-width:1200px){
  .hero-left h1{font-size:3.6rem}
  .hero-inner{grid-template-columns:1fr 520px}
  .hero-right img{max-width:520px}
}

@media (min-width:901px) and (max-width:1200px){
  .features-grid{grid-template-columns:repeat(2,1fr)}
}