:root{
  --bg0:#000510;
  --cyan:#00d4ff;
  --blue:#0066ff;
  --white:#e8f4ff;
  --gray:#4a7090;
  --lgray:#8ab0cc;
  --border:rgba(0,150,255,.14);
  --borderh:rgba(0,200,255,.4);
  --card:rgba(0,10,40,.75);
  --glass:rgba(0,60,140,.18);
}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{background:#000510;color:var(--white);font-family:'Inter','Tahoma',sans-serif;overflow-x:hidden;}

/* ── VERTICAL GRADIENT BODY ── */
body::before{
  content:'';position:fixed;inset:0;z-index:-3;pointer-events:none;
  background:linear-gradient(180deg,
    #000510 0%,
    #000d28 12%,
    #001540 24%,
    #001e58 36%,
    #002678 48%,
    #003098 60%,
    #003cb8 72%,
    #1050d0 84%,
    #1a60e0 100%
  );
}

/* ═══ NAV ═══ */
nav{
  position:fixed;top:0;width:100%;z-index:500;
  background:rgba(0,5,16,.9);backdrop-filter:blur(24px);
  border-bottom:1px solid var(--border);
  display:flex;align-items:center;justify-content:space-between;
  padding:0 5%;height:64px;
}
.logo{font-size:1.5rem;font-weight:800;letter-spacing:-1px;}
.logo span{color:var(--cyan);}
nav ul{list-style:none;display:flex;gap:2rem;}
nav ul a{color:var(--lgray);text-decoration:none;font-size:.85rem;transition:color .2s;}
nav ul a:hover{color:var(--cyan);}
.nav-actions{display:flex;align-items:center;gap:1rem;}
.nav-cta{background:var(--cyan);color:#000;padding:.45rem 1.3rem;border-radius:22px;font-size:.82rem;font-weight:700;text-decoration:none;box-shadow:0 0 20px rgba(0,212,255,.4);transition:box-shadow .2s;}
.nav-cta:hover{box-shadow:0 0 40px rgba(0,212,255,.7);}
.cart-icon{position:relative;cursor:pointer;}
.cart-icon svg{width:22px;height:22px;stroke:var(--lgray);fill:none;stroke-width:1.8;stroke-linecap:round;}
.cart-badge{position:absolute;top:-6px;right:-6px;background:var(--cyan);color:#000;width:16px;height:16px;border-radius:50%;font-size:.55rem;font-weight:700;display:flex;align-items:center;justify-content:center;}

/* ═══ HERO — FULLSCREEN 3D ═══ */
.hero{
  height:100vh;min-height:700px;position:relative;overflow:hidden;
  display:flex;align-items:center;justify-content:center;
}
#heroCanvas{position:absolute;inset:0;width:100%;height:100%;z-index:0;}
#fiberSVG{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;}
#fiberSVG path{fill:none;stroke-linecap:round;}
.hero-overlay{
  position:absolute;inset:0;z-index:2;
  background:radial-gradient(ellipse 80% 60% at 50% 50%,rgba(0,20,60,.3) 0%,rgba(0,5,16,.6) 100%);
}
.hero-content{
  position:relative;z-index:3;text-align:center;
  max-width:860px;padding:2rem;
  display:flex;flex-direction:column;align-items:center;
}
.hero-eyebrow{
  font-family:'Space Mono',monospace;font-size:.65rem;
  color:var(--cyan);letter-spacing:4px;text-transform:uppercase;
  margin-bottom:1.5rem;opacity:.85;
}
.hero h1{
  font-size:clamp(3rem,9vw,7rem);font-weight:900;
  line-height:.95;letter-spacing:-4px;
  margin-bottom:1.8rem;
  background:linear-gradient(135deg,#fff 0%,var(--cyan) 50%,#60b0ff 100%);
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
  filter:drop-shadow(0 0 60px rgba(0,180,255,.3));
}
.hero-sub{
  color:var(--lgray);font-size:1.1rem;line-height:1.7;
  max-width:500px;margin-bottom:2.5rem;
}
.hero-btns{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-bottom:3rem;}
.btn-glow{
  background:var(--cyan);color:#000;
  padding:.9rem 2.4rem;border-radius:32px;
  font-weight:700;font-size:.95rem;text-decoration:none;
  box-shadow:0 0 40px rgba(0,212,255,.45);
  transition:transform .2s,box-shadow .2s;
}
.btn-glow:hover{transform:translateY(-3px);box-shadow:0 12px 60px rgba(0,212,255,.7);}
.btn-outline{
  border:1px solid rgba(0,212,255,.5);color:var(--cyan);
  padding:.9rem 2.4rem;border-radius:32px;
  font-size:.95rem;text-decoration:none;
  background:rgba(0,212,255,.05);
  transition:background .2s,border-color .2s;
}
.btn-outline:hover{background:rgba(0,212,255,.14);border-color:var(--cyan);}

/* TRUST BAR */
.trust-bar{
  display:flex;gap:2rem;flex-wrap:wrap;justify-content:center;
  padding-top:1.8rem;border-top:1px solid rgba(0,200,255,.1);
}
.trust-item{display:flex;align-items:center;gap:.5rem;font-size:.78rem;color:var(--lgray);}
.trust-item svg{width:15px;height:15px;stroke:var(--cyan);fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;}

/* ═══ SECTION SHARED ═══ */
section,.section-wrap{padding:6rem 5%;}
.section-title{text-align:center;margin-bottom:3.5rem;}
.eyebrow{font-family:'Space Mono',monospace;font-size:.62rem;text-transform:uppercase;letter-spacing:4px;color:var(--cyan);display:block;margin-bottom:.9rem;}
.section-title h2{font-size:clamp(2rem,4.5vw,3.2rem);font-weight:800;letter-spacing:-1.5px;}
.section-title h2 em{font-style:normal;color:var(--cyan);}

/* ═══ 3D PRODUCT GRID ═══ */
.products-section{
  background:linear-gradient(180deg,transparent,rgba(0,15,50,.4));
}
.products-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(290px,1fr));
  gap:1.5rem;perspective:1400px;
}

/* PRODUCT 3D CARD */
.pcard{
  border-radius:26px;overflow:hidden;cursor:pointer;
  position:relative;transform-style:preserve-3d;
  border:1px solid var(--border);
  background:linear-gradient(145deg,rgba(0,20,70,.8),rgba(0,10,40,.9));
  transition:border-color .3s,box-shadow .3s;
  will-change:transform;
}
.pcard::before{
  content:'';position:absolute;inset:0;
  background:linear-gradient(135deg,rgba(0,180,255,.07),transparent 55%);
  pointer-events:none;z-index:0;
}
.pcard:hover{border-color:var(--borderh);box-shadow:0 28px 70px rgba(0,100,255,.22);}

.pcard-visual{
  height:210px;display:flex;align-items:center;justify-content:center;
  position:relative;overflow:hidden;
  background:linear-gradient(160deg,rgba(0,20,70,.7),rgba(0,8,30,.9));
}
.pcard-visual::after{
  content:'';position:absolute;inset:0;
  background:radial-gradient(ellipse at 50% 80%,rgba(0,120,255,.12),transparent 70%);
}

/* LIQUID GLASS ICON */
.lg-icon{
  width:90px;height:90px;border-radius:28px;
  position:relative;z-index:1;overflow:hidden;
  display:flex;align-items:center;justify-content:center;
  background:linear-gradient(145deg,rgba(0,160,255,.22) 0%,rgba(0,40,120,.4) 55%,rgba(0,160,255,.1) 100%);
  border:1px solid rgba(0,200,255,.3);
  box-shadow:
    inset 0 2px 0 rgba(255,255,255,.18),
    inset 0 -1px 0 rgba(0,0,0,.3),
    0 8px 36px rgba(0,100,255,.18);
  transition:box-shadow .35s,transform .35s;
}
.lg-icon::before{
  content:'';position:absolute;top:0;left:0;right:0;height:50%;
  background:linear-gradient(180deg,rgba(255,255,255,.14),transparent);
  border-radius:28px 28px 0 0;
}
.pcard:hover .lg-icon{
  box-shadow:inset 0 2px 0 rgba(255,255,255,.22),inset 0 -1px 0 rgba(0,0,0,.25),0 14px 50px rgba(0,180,255,.35);
  transform:scale(1.06);
}
.lg-icon svg{width:38px;height:38px;stroke:var(--cyan);stroke-width:1.4;fill:none;stroke-linecap:round;stroke-linejoin:round;position:relative;z-index:1;}

.pcard-badge{
  position:absolute;top:14px;right:14px;z-index:2;
  background:var(--cyan);color:#000;
  font-family:'Space Mono',monospace;font-size:.58rem;font-weight:700;
  padding:.22rem .65rem;border-radius:10px;letter-spacing:1px;
}
.pcard-badge.sale{background:#ff3b6b;}

.pcard-body{padding:1.4rem;position:relative;z-index:1;}
.pcard-brand{font-family:'Space Mono',monospace;font-size:.58rem;text-transform:uppercase;letter-spacing:2.5px;color:var(--cyan);margin-bottom:.3rem;}
.pcard-name{font-size:1rem;font-weight:700;margin-bottom:.4rem;line-height:1.3;}
.pcard-desc{font-size:.78rem;color:var(--gray);line-height:1.55;margin-bottom:1rem;}
.pcard-footer{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid var(--border);}
.pcard-price{font-weight:800;font-size:1.05rem;}
.pcard-price small{font-weight:400;color:var(--gray);font-size:.7rem;display:block;}
.add-btn{
  background:var(--cyan);color:#000;border:none;
  padding:.48rem 1.1rem;border-radius:22px;
  font-size:.78rem;font-weight:700;cursor:pointer;
  box-shadow:0 0 16px rgba(0,212,255,.3);
  transition:box-shadow .2s,transform .15s;
}
.add-btn:hover{box-shadow:0 0 32px rgba(0,212,255,.65);transform:scale(1.05);}

/* ═══ FLASH DEAL ═══ */
.flash-section{
  padding:5rem 5%;
  background:linear-gradient(180deg,rgba(0,15,50,.4),rgba(0,25,80,.5));
}
.flash-inner{
  max-width:720px;margin:0 auto;
  border:1px solid rgba(0,200,255,.2);border-radius:32px;
  background:linear-gradient(145deg,rgba(0,20,80,.85),rgba(0,10,45,.95));
  padding:3.5rem 2.5rem;text-align:center;position:relative;overflow:hidden;
  box-shadow:0 0 100px rgba(0,80,200,.1);
}
.flash-inner::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(0,212,255,.04),transparent 55%);pointer-events:none;}
.flash-title{font-size:clamp(1.6rem,4vw,2.6rem);font-weight:800;letter-spacing:-1px;margin-bottom:.6rem;}
.flash-title span{color:var(--cyan);}
.flash-sub{color:var(--lgray);font-size:.9rem;margin-bottom:2rem;}

.ring-wrap{position:relative;width:150px;height:150px;margin:0 auto 1.8rem;}
.ring-wrap svg{width:150px;height:150px;transform:rotate(-90deg);}
.ring-track{fill:none;stroke:rgba(0,80,160,.25);stroke-width:9;}
.ring-fill{fill:none;stroke:url(#ringGrad);stroke-width:9;stroke-linecap:round;stroke-dasharray:408;stroke-dashoffset:0;filter:drop-shadow(0 0 8px rgba(0,212,255,.6));}
.ring-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;}
.ring-time{font-family:'Space Mono',monospace;font-size:1.7rem;font-weight:700;color:var(--cyan);line-height:1;}
.ring-label{font-size:.58rem;color:var(--gray);letter-spacing:2.5px;margin-top:.3rem;}
.flash-badge{
  display:inline-block;background:rgba(0,212,255,.12);
  border:1px solid rgba(0,212,255,.3);border-radius:14px;
  padding:.55rem 1.8rem;font-size:1.15rem;font-weight:800;color:var(--cyan);
  margin-bottom:1.8rem;letter-spacing:1px;
}

/* ═══ CATEGORIES ═══ */
.categories-section{
  background:linear-gradient(180deg,rgba(0,25,80,.45),rgba(0,35,100,.55));
}
.cat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.1rem;}
.cat-card{
  border:1px solid var(--border);border-radius:22px;padding:2rem;text-align:center;
  background:linear-gradient(145deg,rgba(0,40,120,.3),rgba(0,20,65,.5));
  backdrop-filter:blur(10px);cursor:pointer;
  transition:transform .3s,border-color .3s,box-shadow .3s;
}
.cat-card:hover{transform:translateY(-6px);border-color:var(--borderh);box-shadow:0 12px 45px rgba(0,100,255,.2);}
.cat-lg-icon{
  width:64px;height:64px;margin:0 auto 1.1rem;border-radius:18px;
  background:linear-gradient(145deg,rgba(0,160,255,.2),rgba(0,40,120,.35));
  border:1px solid rgba(0,200,255,.22);
  box-shadow:inset 0 1.5px 0 rgba(255,255,255,.13),0 5px 20px rgba(0,100,255,.12);
  display:flex;align-items:center;justify-content:center;
  position:relative;overflow:hidden;
}
.cat-lg-icon::before{content:'';position:absolute;top:0;left:0;right:0;height:45%;background:linear-gradient(180deg,rgba(255,255,255,.1),transparent);border-radius:18px 18px 0 0;}
.cat-svg{width:26px;height:26px;stroke:var(--cyan);stroke-width:1.5;fill:none;stroke-linecap:round;stroke-linejoin:round;position:relative;z-index:1;}
.cat-name{font-size:.92rem;font-weight:700;margin-bottom:.25rem;}
.cat-count{font-family:'Space Mono',monospace;font-size:.6rem;color:var(--gray);}

/* ═══ COMPARISON WIDGET ═══ */
.compare-section{
  padding:6rem 5%;
  background:linear-gradient(180deg,rgba(0,35,100,.5),rgba(0,45,120,.55));
}
.compare-grid{display:grid;grid-template-columns:1fr auto 1fr;gap:1.5rem;align-items:center;max-width:900px;margin:0 auto;}
.compare-card{
  border:1px solid var(--border);border-radius:24px;
  background:var(--card);padding:2rem;text-align:center;
  transition:border-color .3s;
}
.compare-card:hover{border-color:var(--borderh);}
.compare-card .lg-icon{margin:0 auto 1.2rem;}
.compare-card h3{font-size:1.1rem;font-weight:700;margin-bottom:.4rem;}
.compare-card p{font-size:.78rem;color:var(--gray);line-height:1.5;}
.compare-spec{margin-top:1rem;display:flex;flex-direction:column;gap:.4rem;}
.spec-row{display:flex;justify-content:space-between;align-items:center;font-size:.75rem;padding:.3rem 0;border-bottom:1px solid var(--border);}
.spec-label{color:var(--gray);}
.spec-val{font-weight:600;color:var(--cyan);}
.compare-vs{
  width:50px;height:50px;border-radius:50%;
  background:rgba(0,212,255,.1);border:1px solid rgba(0,212,255,.3);
  display:flex;align-items:center;justify-content:center;
  font-family:'Space Mono',monospace;font-size:.7rem;font-weight:700;color:var(--cyan);
}

/* ═══ SOCIAL PROOF ═══ */
.reviews-section{
  background:linear-gradient(180deg,rgba(0,45,120,.5),rgba(0,55,140,.55));
}
.reviews-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:1.3rem;}
.review-card{
  border:1px solid var(--border);border-radius:20px;padding:1.6rem;
  background:linear-gradient(145deg,rgba(0,40,130,.38),rgba(0,20,75,.55));
  transition:transform .3s,border-color .3s;
}
.review-card:hover{transform:translateY(-4px);border-color:var(--borderh);}
.review-stars{color:var(--cyan);font-size:.95rem;letter-spacing:3px;margin-bottom:.8rem;}
.review-text{font-size:.82rem;color:var(--lgray);line-height:1.65;margin-bottom:1.1rem;}
.review-author{display:flex;align-items:center;gap:.75rem;}
.review-av{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,rgba(0,180,255,.25),rgba(0,40,120,.5));border:1px solid rgba(0,212,255,.25);display:flex;align-items:center;justify-content:center;font-size:.78rem;font-weight:700;color:var(--cyan);}
.review-info .rname{font-size:.82rem;font-weight:600;}
.review-info .rdate{font-family:'Space Mono',monospace;font-size:.6rem;color:var(--gray);}

/* ═══ SCARCITY BAR ═══ */
.scarcity{
  padding:3rem 5%;
  background:linear-gradient(180deg,rgba(0,55,140,.5),rgba(0,65,160,.55));
}
.scarcity-inner{
  max-width:760px;margin:0 auto;
  border:1px solid rgba(0,200,255,.18);border-radius:20px;
  background:rgba(0,20,70,.7);padding:1.8rem 2.5rem;
  display:flex;align-items:center;justify-content:space-between;gap:2rem;flex-wrap:wrap;
}
.scarcity-left{}
.scarcity-label{font-family:'Space Mono',monospace;font-size:.6rem;color:var(--cyan);letter-spacing:2px;text-transform:uppercase;margin-bottom:.4rem;}
.scarcity-title{font-size:1.1rem;font-weight:700;}
.scarcity-title span{color:var(--cyan);}
.scarcity-boxes{display:flex;gap:.4rem;margin-top:.8rem;flex-wrap:wrap;}
.sbox{
  width:22px;height:22px;border-radius:5px;
  background:rgba(0,212,255,.2);border:1px solid rgba(0,212,255,.3);
  transition:opacity .5s,background .5s;
}
.sbox.gone{opacity:.2;background:rgba(255,255,255,.04);}

/* ═══ SERVICES ═══ */
.services-section{
  background:linear-gradient(180deg,rgba(0,65,160,.5),rgba(0,75,180,.5));
}
.services-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.2rem;}
.service-card{
  border:1px solid var(--border);border-radius:22px;padding:1.8rem;text-align:center;
  background:linear-gradient(145deg,rgba(0,50,150,.35),rgba(0,25,80,.5));
  cursor:pointer;transition:transform .3s,border-color .3s,box-shadow .3s;
}
.service-card:hover{transform:translateY(-6px) scale(1.02);border-color:var(--borderh);box-shadow:0 14px 50px rgba(0,100,255,.22);}
.service-icon{font-size:2.8rem;margin-bottom:1rem;display:block;}
.service-name{font-size:.95rem;font-weight:700;margin-bottom:.4rem;}
.service-desc{font-size:.75rem;color:var(--gray);line-height:1.5;margin-bottom:1rem;}
.service-trial{font-family:'Space Mono',monospace;font-size:.62rem;color:var(--cyan);letter-spacing:1px;}

/* ═══ FEATURES ═══ */
.features-section{
  background:linear-gradient(180deg,rgba(0,75,180,.48),rgba(0,85,200,.52));
  padding:4rem 5%;
  display:grid;grid-template-columns:repeat(4,1fr);
  border-top:1px solid var(--border);border-bottom:1px solid var(--border);
}
.feature{padding:2.5rem;border-right:1px solid var(--border);text-align:center;}
.feature:last-child{border-right:none;}
.feat-lg-icon{
  width:52px;height:52px;border-radius:16px;margin:0 auto 1.1rem;
  background:linear-gradient(145deg,rgba(0,160,255,.16),rgba(0,40,130,.38));
  border:1px solid rgba(0,200,255,.2);
  box-shadow:inset 0 1.5px 0 rgba(255,255,255,.1),0 4px 16px rgba(0,100,255,.1);
  display:flex;align-items:center;justify-content:center;
  position:relative;overflow:hidden;
}
.feat-lg-icon::before{content:'';position:absolute;top:0;left:0;right:0;height:45%;background:linear-gradient(180deg,rgba(255,255,255,.09),transparent);}
.feat-svg{width:22px;height:22px;stroke:var(--cyan);stroke-width:1.6;fill:none;stroke-linecap:round;stroke-linejoin:round;position:relative;z-index:1;}
.feature-title{font-size:.88rem;font-weight:700;margin-bottom:.4rem;}
.feature-text{font-size:.74rem;color:var(--gray);line-height:1.55;}

/* ═══ BRANDS ═══ */
.brands-section{
  padding:2.5rem 5%;
  border-top:1px solid var(--border);border-bottom:1px solid var(--border);
  display:flex;align-items:center;gap:3rem;overflow:hidden;
  background:rgba(0,5,20,.5);
}
.brands-label{color:var(--gray);font-size:.62rem;white-space:nowrap;text-transform:uppercase;letter-spacing:2px;font-family:'Space Mono',monospace;}
.brands-track{display:flex;gap:3.5rem;align-items:center;animation:bscroll 24s linear infinite;white-space:nowrap;}
@keyframes bscroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
.brand-tag{font-size:.82rem;font-weight:600;color:var(--gray);letter-spacing:2.5px;text-transform:uppercase;transition:color .3s,text-shadow .3s;}
.brand-tag:hover{color:var(--cyan);text-shadow:0 0 16px rgba(0,212,255,.6);}

/* ═══ FOOTER ═══ */
footer{
  padding:3.5rem 5%;border-top:1px solid var(--border);
  background:rgba(0,3,12,.7);
  display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1.5rem;
}
.footer-logo{font-size:1.3rem;font-weight:800;}
.footer-logo span{color:var(--cyan);}
.footer-links{display:flex;gap:1.5rem;}
.footer-links a{color:var(--gray);text-decoration:none;font-size:.78rem;transition:color .2s;}
.footer-links a:hover{color:var(--cyan);}
footer p{color:var(--gray);font-size:.72rem;font-family:'Space Mono',monospace;}

/* ═══ EXIT POPUP ═══ */
#exitPopup{
  display:none;position:fixed;inset:0;z-index:999;
  background:rgba(0,5,20,.75);backdrop-filter:blur(10px);
  align-items:center;justify-content:center;
}
#exitPopup.show{display:flex;}
.popup-box{
  background:linear-gradient(145deg,rgba(0,25,90,.96),rgba(0,12,50,.98));
  border:1px solid rgba(0,212,255,.3);border-radius:32px;
  padding:3rem;text-align:center;max-width:420px;width:90%;
  box-shadow:0 0 120px rgba(0,100,255,.2);
  animation:popIn .45s cubic-bezier(.23,1,.32,1);
}
@keyframes popIn{from{transform:scale(.82) translateY(24px);opacity:0}to{transform:scale(1);opacity:1}}
.popup-gift{font-size:4.5rem;margin-bottom:.8rem;display:block;animation:gf 2.2s ease-in-out infinite;}
@keyframes gf{0%,100%{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-12px) rotate(4deg)}}
.popup-title{font-size:1.6rem;font-weight:800;margin-bottom:.5rem;}
.popup-title span{color:var(--cyan);}
.popup-sub{color:var(--lgray);font-size:.88rem;margin-bottom:1.5rem;line-height:1.6;}
.popup-code{
  display:inline-block;background:rgba(0,212,255,.1);
  border:1px solid rgba(0,212,255,.3);border-radius:14px;
  padding:.6rem 2rem;font-family:'Space Mono',monospace;
  font-size:1.15rem;font-weight:700;color:var(--cyan);
  margin-bottom:1.5rem;letter-spacing:4px;
}
.popup-cta{display:block;margin-bottom:.8rem;}
.popup-close{background:none;border:1px solid var(--border);color:var(--gray);padding:.5rem 1.5rem;border-radius:20px;cursor:pointer;font-size:.8rem;transition:border-color .2s;}
.popup-close:hover{border-color:var(--borderh);}

@media(max-width:900px){
  .cat-grid{grid-template-columns:repeat(2,1fr)}
  .compare-grid{grid-template-columns:1fr;gap:1rem}
  .compare-vs{display:none}
  .features-section{grid-template-columns:repeat(2,1fr)}
  .feature:nth-child(2){border-right:none}
  footer{flex-direction:column;text-align:center}
  .footer-links{justify-content:center}
}
@media(max-width:600px){
  nav ul{display:none}
  .hero h1{letter-spacing:-2px}
  .cat-grid{grid-template-columns:1fr 1fr}
  .features-section{grid-template-columns:1fr 1fr}
}