*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }
:root {
  --chilli: #C8391A; --chilli-dark: #A52E14; --chilli-soft: #F5DDD8; --chilli-pale: #FDF4F2;
  --cream: #FDF8F1; --warm-tan: #F2E8D8; --tan2: #E8D9C4; --tan3: #D4C4AA;
  --ink: #2C2218; --ink2: #5C4E3E; --ink3: #8C7E70;
  --sage: #7A9E7E; --sage-light: #D6EDD8;
  --golden: #E8A82A; --golden-light: #FEF3D6;
  --sky: #5B9BD5; --sky-light: #D6E9FA;
  --peach: #F2A07A; --peach-light: #FDEEE6;
}
html { scroll-behavior: smooth; }
body { font-family: 'Plus Jakarta Sans', sans-serif; background: var(--cream); color: var(--ink); overflow-x: hidden; }

/* NAV */
nav { display:flex; align-items:center; justify-content:space-between; padding:0 48px; height:60px; background:rgba(253,248,241,0.85); backdrop-filter:blur(20px); -webkit-backdrop-filter:blur(20px); border-bottom:1px solid rgba(232,217,196,0.5); position:sticky; top:0; z-index:300; }
.nav-brand { display:flex; align-items:center; gap:10px; cursor:pointer; text-decoration:none; }
.nav-wordmark { font-family:'Fraunces',serif; font-size:20px; font-weight:800; color:var(--ink); letter-spacing:-0.5px; }
.nav-wordmark em { color:var(--chilli); font-style:normal; }
.nav-links { display:flex; align-items:center; gap:2px; }
.nav-tab { padding:7px 16px; border-radius:100px; font-size:14px; font-weight:600; color:var(--ink2); text-decoration:none; border:none; background:none; cursor:pointer; letter-spacing:-0.1px; transition:background 0.18s,color 0.18s; }
.nav-tab:hover { background:var(--warm-tan); color:var(--ink); }
.nav-tab.active { background:var(--chilli); color:white; box-shadow:0 2px 8px rgba(200,57,26,0.22); }
.btn-tg { display:inline-flex; align-items:center; gap:7px; background:linear-gradient(135deg,var(--chilli) 0%,var(--chilli-dark) 100%); color:white; padding:8px 18px; border-radius:100px; font-size:13px; font-weight:600; text-decoration:none; box-shadow:0 2px 10px rgba(200,57,26,0.25); transition:filter 0.2s,transform 0.15s; }
.btn-tg:hover { filter:brightness(0.9); transform:translateY(-1px); }

/* PAGES */
.page { display:none; }
.page.active { display:block; }

/* HERO */
.hero { display:grid; grid-template-columns:1fr 1fr; gap:48px; align-items:center; max-width:1160px; margin:0 auto; padding:60px 48px 52px; }
.hero-map-wrap { position:relative; }
.float-badge { position:absolute; background:white; border:1.5px solid var(--tan2); border-radius:12px; padding:10px 14px; box-shadow:0 4px 16px rgba(44,34,24,0.1); font-size:12px; font-weight:500; color:var(--ink); white-space:nowrap; z-index:10; }
.float-badge.tl { top:-14px; left:-18px; }
.float-badge.br { bottom:16px; right:-18px; }
.fb-e { font-size:17px; display:block; margin-bottom:2px; }
.fb-l { color:var(--ink3); font-size:10px; }
.map-card { background:white; border-radius:20px; border:1.5px solid var(--tan2); overflow:hidden; box-shadow:0 8px 32px rgba(44,34,24,0.09); }
.map-card-hdr { display:flex; align-items:center; justify-content:space-between; padding:12px 16px; border-bottom:1px solid var(--warm-tan); background:var(--chilli-pale); }
.mch-title { font-family:'Fraunces',serif; font-size:14px; font-weight:700; }
.mch-sub { font-size:10px; color:var(--ink3); margin-top:1px; }
.mini-filters { display:flex; gap:5px; }
.mf { padding:4px 10px; border-radius:100px; font-size:11px; font-weight:600; border:1px solid var(--tan2); background:white; color:var(--ink2); cursor:pointer; transition:all 0.2s; }
.mf.on { background:linear-gradient(135deg,var(--chilli) 0%,var(--chilli-dark) 100%); color:white; border-color:var(--chilli-dark); box-shadow:0 2px 8px rgba(200,57,26,0.3); }
.mf:hover:not(.on) { background:var(--warm-tan); color:var(--ink); }
#map-hero { width:100%; height:270px; }
.map-legend { display:flex; gap:14px; padding:9px 16px; border-top:1px solid var(--warm-tan); background:var(--chilli-pale); }
.leg { display:flex; align-items:center; gap:5px; font-size:10px; color:var(--ink2); }
.leg-dot { width:8px; height:8px; border-radius:50%; }
.hero-kicker { display:inline-flex; align-items:center; gap:6px; background:linear-gradient(135deg,var(--golden-light) 0%,#FFF8E1 100%); border:1px solid rgba(240,208,138,0.7); color:#9A6E10; font-size:12px; font-weight:600; padding:5px 12px 5px 8px; border-radius:100px; margin-bottom:18px; box-shadow:0 1px 6px rgba(232,168,42,0.15); }
h1 { font-family:'Fraunces',serif; font-size:clamp(38px,5vw,64px); font-weight:800; line-height:1.05; letter-spacing:-2px; color:var(--ink); margin-bottom:16px; }
h1 .accent { color:var(--chilli); }
h1 em { font-style:italic; color:var(--ink2); }
.hero-sub { font-size:15px; color:var(--ink2); line-height:1.7; max-width:400px; margin-bottom:26px; }
.hero-actions { display:flex; gap:10px; align-items:center; flex-wrap:wrap; margin-bottom:28px; }
.btn-primary { display:inline-flex; align-items:center; gap:8px; background:linear-gradient(135deg,var(--chilli) 0%,var(--chilli-dark) 100%); color:white; padding:11px 22px; border-radius:100px; font-size:14px; font-weight:600; text-decoration:none; border:none; cursor:pointer; box-shadow:0 4px 16px rgba(200,57,26,0.3); transition:filter 0.2s,transform 0.15s; }
.btn-primary:hover { filter:brightness(0.9); transform:translateY(-1px); }
.btn-outline { display:inline-flex; align-items:center; gap:6px; color:var(--ink2); background:white; border:1.5px solid var(--tan2); padding:10px 18px; border-radius:100px; font-size:13px; font-weight:500; cursor:pointer; text-decoration:none; transition:border-color 0.2s,color 0.2s; }
.btn-outline:hover { border-color:var(--chilli); color:var(--chilli); }
.social-proof { display:flex; align-items:center; gap:10px; font-size:12px; color:var(--ink3); }
.avatars { display:flex; }
.av { width:26px; height:26px; border-radius:50%; border:2px solid var(--cream); margin-left:-5px; font-size:12px; display:flex; align-items:center; justify-content:center; background:var(--warm-tan); }
.av:first-child { margin-left:0; }


/* SECTIONS */
.sw { max-width:1160px; margin:0 auto; padding:60px 48px; }
.sk { font-size:11px; font-weight:600; letter-spacing:2px; text-transform:uppercase; color:var(--chilli); margin-bottom:6px; }
.st { font-family:'Fraunces',serif; font-size:clamp(24px,3vw,38px); font-weight:800; letter-spacing:-1px; color:var(--ink); margin-bottom:6px; }
.ss { font-size:15px; color:var(--ink2); line-height:1.6; max-width:450px; }

/* EXPLORE PAGE */
.explore-layout { display:grid; grid-template-columns:1fr 360px; height:calc(100vh - 60px); overflow:hidden; }
.explore-map-side { display:flex; flex-direction:column; overflow:hidden; }
.explore-hdr { padding:12px 20px; background:white; border-bottom:1.5px solid var(--tan2); display:flex; align-items:center; justify-content:space-between; flex-shrink:0; gap:12px; flex-wrap:wrap; }
.explore-title { font-family:'Fraunces',serif; font-size:15px; font-weight:700; }
.efilters { display:flex; gap:6px; flex-wrap:wrap; }
.ef { padding:5px 12px; border-radius:100px; font-size:12px; font-weight:600; border:1.5px solid var(--tan2); background:white; color:var(--ink3); cursor:pointer; transition:all 0.18s; }
.ef.on { background:linear-gradient(135deg,var(--chilli) 0%,var(--chilli-dark) 100%); color:white; border-color:var(--chilli-dark); box-shadow:0 2px 8px rgba(200,57,26,0.25); }
.ef:hover:not(.on) { border-color:var(--chilli); color:var(--chilli); }
#map-explore { display:block; width:100%; flex:1; min-height:0; }

/* RIGHT PANEL */
.right-panel { border-left:1.5px solid var(--tan2); background:var(--cream); display:flex; flex-direction:column; overflow:hidden; }
.rp-empty { display:flex; flex-direction:column; align-items:center; justify-content:center; height:100%; color:var(--ink3); text-align:center; padding:32px; gap:10px; }
.rp-empty-icon { font-size:38px; }
.rp-empty-title { font-family:'Fraunces',serif; font-size:16px; font-weight:700; color:var(--ink2); }
.rp-empty-sub { font-size:13px; line-height:1.6; max-width:220px; }
.rp-content { display:none; flex-direction:column; height:100%; overflow-y:auto; }
.rp-content.show { display:flex; }
.rp-hdr { padding:16px 18px 12px; background:white; border-bottom:1px solid var(--tan2); flex-shrink:0; }
.rp-emoji { font-size:26px; margin-bottom:5px; }
.rp-hood-name { font-family:'Fraunces',serif; font-size:20px; font-weight:800; letter-spacing:-0.5px; color:var(--ink); }
.rp-pill { display:inline-block; font-size:11px; font-weight:600; padding:3px 10px; border-radius:100px; margin-top:5px; }
.rp-stats { display:grid; grid-template-columns:1fr 1fr; gap:8px; padding:14px 16px; flex-shrink:0; }
.stat-box { background:white; border:1.5px solid var(--tan2); border-radius:12px; padding:11px 13px; }
.stat-icon { font-size:14px; margin-bottom:3px; }
.stat-val { font-family:'Fraunces',serif; font-size:20px; font-weight:800; color:var(--ink); line-height:1; }
.stat-lbl { font-size:10px; color:var(--ink3); margin-top:2px; }
.rp-sec { padding:0 16px 12px; flex-shrink:0; }
.rp-sec-title { font-size:10px; font-weight:600; letter-spacing:1.5px; text-transform:uppercase; color:var(--ink3); margin-bottom:8px; }
.ctags { display:flex; flex-wrap:wrap; gap:5px; }
.ctag { font-size:11px; padding:3px 9px; background:var(--warm-tan); border-radius:100px; color:var(--ink2); font-weight:500; }
.rp-divider { height:1px; background:var(--tan2); margin:0 16px; flex-shrink:0; }
.rp-picks { padding:14px 16px; }
.pick-cards { display:flex; flex-direction:column; gap:8px; margin-top:8px; }
.pick-card { background:white; border:1.5px solid rgba(232,217,196,0.6); border-radius:12px; padding:12px 13px; box-shadow:0 2px 12px rgba(44,34,24,0.06); transition:border-color 0.2s,transform 0.15s; }
.pick-card:hover { border-color:var(--chilli); transform:translateX(2px); }
.pc-top { display:flex; align-items:flex-start; justify-content:space-between; gap:8px; }
.pc-name { font-family:'Fraunces',serif; font-size:13px; font-weight:700; color:var(--ink); }
.pc-rating { font-size:11px; font-weight:600; color:var(--golden); white-space:nowrap; }
.pc-type { font-size:10px; color:var(--ink3); margin-top:2px; }
.pc-price { font-size:11px; font-weight:600; color:var(--sage); margin-top:3px; }
.pc-btn { margin-top:8px; width:100%; padding:6px; border-radius:8px; font-size:11px; font-weight:600; background:var(--chilli-pale); color:var(--chilli); border:1.5px solid var(--chilli-soft); cursor:pointer; transition:background 0.2s; }
.pc-btn:hover { background:var(--chilli-soft); }

/* HOOD CARDS */
.hoods-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(185px,1fr)); gap:12px; margin-top:28px; }
.hood-card { background:white; border:1.5px solid rgba(232,217,196,0.6); border-radius:16px; padding:16px; cursor:pointer; box-shadow:0 2px 12px rgba(44,34,24,0.06); transition:border-color 0.2s,transform 0.2s,box-shadow 0.2s; }
.hood-card:hover { border-color:var(--chilli); transform:translateY(-2px); box-shadow:0 6px 22px rgba(200,57,26,0.1); }
.hi { font-size:24px; margin-bottom:8px; }
.hn { font-family:'Fraunces',serif; font-size:15px; font-weight:700; color:var(--ink); margin-bottom:3px; }
.hc { font-size:11px; color:var(--ink3); margin-bottom:9px; }
.hb { height:4px; background:var(--warm-tan); border-radius:100px; overflow:hidden; }
.hbf { height:100%; background:linear-gradient(90deg,var(--chilli-dark) 0%,var(--chilli) 60%,#E85A3A 100%); border-radius:100px; }
.hp { display:inline-block; margin-top:7px; font-size:10px; font-weight:600; padding:3px 8px; border-radius:100px; }

/* HOW IT WORKS */
.hiw-bg { background:var(--warm-tan); }
.steps-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(215px,1fr)); gap:20px; margin-top:36px; }
.step-card { background:white; border-radius:16px; padding:20px; border:1.5px solid rgba(232,217,196,0.6); box-shadow:0 2px 12px rgba(44,34,24,0.06); transition:transform 0.2s,box-shadow 0.2s; }
.step-card:hover { transform:translateY(-2px); box-shadow:0 6px 20px rgba(44,34,24,0.07); }
.sn { font-family:'Fraunces',serif; font-size:44px; font-weight:800; color:var(--chilli-soft); line-height:1; margin-bottom:-4px; }
.se { font-size:24px; margin-bottom:7px; }
.stitle { font-family:'Fraunces',serif; font-size:17px; font-weight:700; color:var(--ink); margin-bottom:5px; }
.sdesc { font-size:13px; color:var(--ink2); line-height:1.6; }

/* CTA */
.cta-sec { text-align:center; padding:80px 48px; }
.cta-badge { display:inline-block; background:var(--sage-light); border:1.5px solid #B2D8B6; color:#3D6E42; font-size:12px; font-weight:600; padding:5px 14px; border-radius:100px; margin-bottom:20px; }
.cta-title { font-family:'Fraunces',serif; font-size:clamp(30px,4.5vw,52px); font-weight:800; letter-spacing:-1.5px; color:var(--ink); margin-bottom:12px; line-height:1.1; }
.cta-title .accent { color:var(--chilli); }
.cta-sub { font-size:15px; color:var(--ink2); max-width:400px; margin:0 auto 28px; line-height:1.6; }
.cta-btn { display:inline-flex; align-items:center; gap:10px; background:linear-gradient(135deg,var(--chilli) 0%,var(--chilli-dark) 100%); color:white; padding:14px 32px; border-radius:100px; font-size:15px; font-weight:600; text-decoration:none; box-shadow:0 4px 16px rgba(200,57,26,0.3); transition:filter 0.2s,transform 0.15s; }
.cta-btn:hover { filter:brightness(0.9); transform:translateY(-2px); }
.cta-note { font-size:12px; color:var(--ink3); margin-top:10px; }

/* WISHLIST */
.wl-page { height:calc(100vh - 60px); }
.wl-body { width:100%; height:100%; display:flex; position:relative; overflow:hidden; }
.wl-tabs { position:absolute; top:16px; left:16px; z-index:20; display:flex; gap:8px; }
.wl-tab { padding:9px 20px; border-radius:100px; font-size:13px; font-weight:700; cursor:pointer; border:none; backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px); transition:all 0.2s; box-shadow:0 2px 12px rgba(44,34,24,0.14); }
.wl-tab:not(.on) { background:rgba(253,248,241,0.88); color:var(--ink2); }
.wl-tab:hover:not(.on) { background:rgba(253,248,241,1); color:var(--ink); }
.wl-tab.on { background:linear-gradient(135deg,var(--chilli) 0%,var(--chilli-dark) 100%); color:white; box-shadow:0 3px 12px rgba(200,57,26,0.35); }
.wl-map-view { display:flex; width:100%; height:100%; }
.wl-map-side { flex:1; position:relative; }
#map-wl { width:100%; height:100%; }
.wl-side-panel { width:360px; border-left:1.5px solid var(--tan2); background:var(--cream); display:flex; flex-direction:column; overflow:hidden; flex-shrink:0; }
.wl-panel-hdr { padding:14px 16px; background:white; border-bottom:1px solid var(--tan2); }
.wl-panel-title { font-family:'Fraunces',serif; font-size:15px; font-weight:700; }
.wl-panel-sub { font-size:11px; color:var(--ink3); margin-top:2px; }
.wl-item-list { padding:12px; display:flex; flex-direction:column; gap:8px; overflow-y:auto; }
.wl-item { background:white; border:1.5px solid rgba(232,217,196,0.6); border-radius:12px; padding:11px 13px; cursor:pointer; box-shadow:0 2px 12px rgba(44,34,24,0.06); transition:border-color 0.2s; }
.wl-item:hover { border-color:var(--chilli); }
.wl-item.visited { opacity:0.6; }
.wi-top { display:flex; justify-content:space-between; align-items:flex-start; }
.wi-name { font-family:'Fraunces',serif; font-size:13px; font-weight:700; color:var(--ink); }
.wi-status { font-size:10px; font-weight:600; padding:2px 7px; border-radius:100px; }
.wi-status.p { background:var(--golden-light); color:#9A6E10; }
.wi-status.v { background:var(--sage-light); color:#3D6E42; }
.wi-hood { font-size:11px; color:var(--ink3); margin-top:2px; }
.wi-tags { display:flex; gap:4px; flex-wrap:wrap; margin-top:5px; }
.wi-tag { font-size:10px; padding:2px 6px; background:var(--warm-tan); border-radius:100px; color:var(--ink2); }
.wl-list-view { display:none; width:100%; height:100%; overflow-y:auto; padding:68px 24px 24px; background:var(--cream); }
.wl-list-inner { max-width:700px; margin:0 auto; }
.wl-sec-title { font-family:'Fraunces',serif; font-size:17px; font-weight:700; color:var(--ink); margin-bottom:12px; }
.wl-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(200px,1fr)); gap:10px; margin-bottom:28px; }
.wl-card { background:white; border:1.5px solid rgba(232,217,196,0.6); border-radius:14px; padding:14px; box-shadow:0 2px 12px rgba(44,34,24,0.06); transition:border-color 0.2s,transform 0.2s; }
.wl-card:hover { border-color:var(--chilli); transform:translateY(-2px); }
.wl-card.visited { border-color:var(--sage-light); }
.wc-emoji { font-size:20px; margin-bottom:7px; }
.wc-name { font-family:'Fraunces',serif; font-size:13px; font-weight:700; color:var(--ink); margin-bottom:2px; }
.wc-hood { font-size:11px; color:var(--ink3); margin-bottom:7px; }
.wc-bottom { display:flex; justify-content:space-between; align-items:center; }
.wc-status { font-size:10px; font-weight:600; padding:2px 7px; border-radius:100px; }
.wc-status.p { background:var(--golden-light); color:#9A6E10; }
.wc-status.v { background:var(--sage-light); color:#3D6E42; }
.wc-rating { font-size:11px; color:var(--golden); font-weight:600; }

/* TOOLTIP */
#map-tt { position:fixed; background:white; border:1.5px solid var(--tan2); border-radius:12px; padding:11px 13px; box-shadow:0 6px 22px rgba(44,34,24,0.13); pointer-events:none; opacity:0; transition:opacity 0.15s; z-index:9999; min-width:160px; max-width:200px; }
#map-tt.show { opacity:1; }
.tt-h { font-size:10px; font-weight:600; letter-spacing:1px; text-transform:uppercase; color:var(--chilli); margin-bottom:3px; }
.tt-n { font-family:'Fraunces',serif; font-size:13px; font-weight:700; color:var(--ink); margin-bottom:5px; }
.tt-tags { display:flex; gap:4px; flex-wrap:wrap; }
.tt-tag { font-size:10px; padding:2px 6px; background:var(--warm-tan); border-radius:100px; color:var(--ink2); }
.tt-v { font-size:10px; color:var(--ink3); margin-top:5px; }

/* FOOTER */
footer { background:radial-gradient(ellipse 60% 80% at 50% -10%,rgba(200,57,26,0.12) 0%,transparent 70%),var(--ink); color:rgba(255,255,255,0.55); padding:28px 48px; display:flex; justify-content:space-between; align-items:center; font-size:12px; }
footer a { color:rgba(255,255,255,0.55); text-decoration:none; }
footer a:hover { color:white; }
.fl { font-family:'Fraunces',serif; font-size:18px; font-weight:800; color:white; }
.fl em { color:var(--chilli); font-style:normal; }

/* WISHLIST FILTERS */
.wl-filters-row { display:flex; gap:8px; padding:16px 0 0; max-width:700px; margin:0 auto; width:100%; background:var(--cream); flex-shrink:0; flex-wrap:wrap; }
.wl-filters-row select { padding:7px 12px; border:1.5px solid var(--tan2); border-radius:100px; font-family:'Plus Jakarta Sans',sans-serif; font-size:12px; color:var(--ink2); background:white; cursor:pointer; outline:none; transition:border-color 0.2s; }
.wl-filters-row select:focus { border-color:var(--chilli); }

/* WISHLIST CARD ACTION BUTTONS */
.wc-actions { display:flex; gap:6px; margin-top:10px; flex-wrap:wrap; }
.wc-btn-visit { padding:6px 12px; font-size:12px; font-weight:600; border-radius:8px; border:1.5px solid var(--sage); background:var(--sage-light); color:var(--sage); cursor:pointer; font-family:'Plus Jakarta Sans',sans-serif; transition:opacity 0.2s; }
.wc-btn-visit:hover { opacity:0.8; }
.wc-btn-del { padding:6px 12px; font-size:12px; font-weight:600; border-radius:8px; border:1.5px solid var(--tan2); background:white; color:var(--ink3); cursor:pointer; font-family:'Plus Jakarta Sans',sans-serif; transition:opacity 0.2s; }
.wc-btn-del:hover { opacity:0.7; }

/* WISHLIST SEARCH */
.wl-search-bar { padding:8px 0 20px; max-width:700px; margin:0 auto; width:100%; background:var(--cream); flex-shrink:0; }
#wl-search { width:100%; padding:10px 18px; border:1.5px solid var(--tan2); border-radius:100px; font-family:'Plus Jakarta Sans',sans-serif; font-size:14px; background:white; color:var(--ink); outline:none; transition:border-color 0.2s; }
#wl-search:focus { border-color:var(--chilli); }

/* ANIMATIONS */
@keyframes fadeInUp {
  from { opacity:0; transform:translateY(22px); }
  to   { opacity:1; transform:translateY(0); }
}
@keyframes fadeInRight {
  from { opacity:0; transform:translateX(-16px); }
  to   { opacity:1; transform:translateX(0); }
}
@keyframes floatBob {
  0%,100% { transform:translateY(0); }
  50%      { transform:translateY(-7px); }
}
@keyframes scaleIn {
  from { opacity:0; transform:scale(0.93); }
  to   { opacity:1; transform:scale(1); }
}
.hero > div        { animation:fadeInUp 0.65s ease both; }
.hero-map-wrap     { animation:fadeInUp 0.65s 0.15s ease both; }
.float-badge.tl    { animation:floatBob 4s 0.8s ease-in-out infinite; }
.float-badge.br    { animation:floatBob 4s 1.4s ease-in-out infinite; }
.hero-kicker       { animation:fadeInRight 0.5s ease both; }
.map-card          { animation:scaleIn 0.6s 0.2s ease both; }
.hood-card         { animation:fadeInUp 0.5s ease both; }
.hood-card:nth-child(2) { animation-delay:0.06s; }
.hood-card:nth-child(3) { animation-delay:0.12s; }
.hood-card:nth-child(4) { animation-delay:0.18s; }
.hood-card:nth-child(5) { animation-delay:0.24s; }
.step-card         { animation:fadeInUp 0.5s ease both; }
.step-card:nth-child(2) { animation-delay:0.08s; }
.step-card:nth-child(3) { animation-delay:0.16s; }
.step-card:nth-child(4) { animation-delay:0.24s; }

/* SKELETON */
@keyframes skeletonPulse {
  0%, 100% { opacity: 0.5; }
  50% { opacity: 1; }
}

@media(max-width:900px){
  nav{padding:0 20px;} .nav-links .nav-tab{display:none;} .nav-links .nav-tab:last-child{display:block;}
  .hero{grid-template-columns:1fr; padding:32px 20px;}
  .float-badge{display:none;}
  .explore-layout{grid-template-columns:1fr;} .right-panel{display:none;}
  .sw{padding:44px 20px;} footer{flex-direction:column;gap:8px;text-align:center;padding:20px;}
}