.home-hero{position:relative;color:#fff;overflow:hidden;
  background:linear-gradient(120deg,rgba(8,26,52,.86) 8%,rgba(8,26,52,.45) 55%,rgba(8,26,52,.30) 100%),
    url('https://images.unsplash.com/photo-1540541338287-41700207dee6?auto=format&fit=crop&w=1700&q=80') center/cover;}
.home-hero .container{position:relative;z-index:2;padding-top:64px;padding-bottom:120px}
.home-hero h1{font-size:clamp(34px,5.4vw,58px);font-weight:800;line-height:1.05;letter-spacing:-1px}
.home-hero .script{display:block;font-size:clamp(40px,6vw,66px);color:var(--pink);margin-top:2px;line-height:1.1;text-shadow:0 4px 24px rgba(236,30,99,.4)}
.home-hero .sub{margin-top:16px;font-size:clamp(15px,2vw,18px);color:rgba(255,255,255,.88);max-width:430px}
.section-head{display:flex;align-items:center;justify-content:space-between;margin:28px 0 20px;gap:12px}
.section-head .title{display:flex;align-items:center;gap:12px}
.section-head .ig{width:40px;height:40px;border-radius:12px;background:conic-gradient(from 200deg,#f5a623,#ec1e63,#7c3aed);display:grid;place-items:center;color:#fff;flex-shrink:0}
.section-head h2{font-size:24px;font-weight:800;color:var(--navy)}
.section-head .meta{font-size:13px;color:var(--muted);font-weight:400;display:block;margin-top:-2px}
.view-all{display:inline-flex;align-items:center;gap:7px;border:1.5px solid var(--border);background:#fff;border-radius:12px;padding:10px 18px;font-weight:600;font-size:14px;color:var(--navy);transition:.2s;flex-shrink:0}
.view-all:hover{border-color:var(--pink);color:var(--pink)}
.viral-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.vcard{position:relative;border-radius:18px;overflow:hidden;aspect-ratio:3/4;cursor:pointer;box-shadow:var(--shadow-sm);transition:transform .35s var(--ease),box-shadow .35s}
.vcard:hover{transform:translateY(-6px);box-shadow:var(--shadow)}
.vcard .bg{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform .6s var(--ease)}
.vcard:hover .bg{transform:scale(1.08)}
.vcard .ov{position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,26,52,.30) 0%,rgba(8,26,52,0) 30%,rgba(8,26,52,.05) 52%,rgba(8,26,52,.85) 100%)}
.vcard .loc{position:absolute;top:13px;right:13px;background:rgba(8,26,52,.62);backdrop-filter:blur(4px);color:#fff;font-size:11.5px;font-weight:500;padding:5px 11px;border-radius:8px;z-index:2}
.vcard .vtitle{position:absolute;left:16px;right:16px;top:48%;transform:translateY(-50%);z-index:2;color:#fff;font-size:25px;font-weight:800;line-height:1.12;text-shadow:0 3px 18px rgba(0,0,0,.45);text-transform:uppercase}
.vcard .foot{position:absolute;left:14px;right:14px;bottom:14px;z-index:2}
.vcard .view-stay{width:100%;background:rgba(255,255,255,.16);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.3);color:#fff;border-radius:10px;padding:9px;font-size:13px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:7px;transition:.2s}
.vcard:hover .view-stay{background:var(--pink);border-color:var(--pink)}
.features{padding:50px 0 10px}
.feat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.feat{display:flex;align-items:flex-start;gap:14px}
.feat .fic{width:50px;height:50px;border-radius:50%;background:#fff0f5;display:grid;place-items:center;color:var(--pink);flex-shrink:0;box-shadow:var(--shadow-sm)}
.feat h4{font-size:15px;font-weight:600;color:var(--navy)}
.feat p{font-size:12.5px;color:var(--muted);margin-top:2px}
@media(max-width:900px){
  .viral-grid,.feat-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:560px){
  .home-hero .container{padding-bottom:90px}
  .viral-grid{grid-template-columns:1fr 1fr;gap:12px}
  .vcard .vtitle{font-size:19px}
  .feat-grid{grid-template-columns:1fr}
  .section-head h2{font-size:20px}.view-all{padding:9px 14px;font-size:13px}
}