/* ===========================================================
   DubWire — Arctic Flash theme  (CSS prefix: cz4n)
   Social casino. Free demo games only. No real money.
   =========================================================== */

:root {
  --bg:#0d1b2a;
  --primary:#00C2FF;
  --accent:#FF4757;
  --cta:#7BED9F;
  --cta-text:#111;
  --text:#b8d4e8;
  --card:#0f2235;
  --border:rgba(0,194,255,.2);

  --heading:'Exo 2', system-ui, sans-serif;
  --body:'Source Sans Pro', system-ui, sans-serif;
  --maxw:1180px;
  --glow:0 0 18px rgba(0,194,255,.35);
}

* { box-sizing:border-box; margin:0; padding:0; }
html { scroll-behavior:smooth; }
body {
  background:var(--bg);
  color:var(--text);
  font-family:var(--body);
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
  padding-bottom:60px;
  overflow-x:hidden;
}
@media (min-width:1024px) { body { padding-bottom:0; } }

h1,h2,h3,h4 { font-family:var(--heading); color:#fff; line-height:1.15; letter-spacing:.3px; }
a { color:inherit; text-decoration:none; }
img { max-width:100%; display:block; }
::selection { background:var(--primary); color:#06121d; }

/* ---------- BUTTONS ---------- */
.cz4n-btn {
  display:inline-flex; align-items:center; justify-content:center; gap:.5rem;
  font-family:var(--heading); font-weight:700; font-size:.9rem; letter-spacing:.5px;
  padding:.7rem 1.4rem; border-radius:8px; border:1px solid transparent;
  cursor:pointer; transition:transform .18s, box-shadow .18s, background .18s, color .18s;
  text-transform:uppercase; white-space:nowrap;
}
.cz4n-btn:hover { transform:translateY(-2px); }
.cz4n-btn-cta { background:var(--cta); color:var(--cta-text); }
.cz4n-btn-cta:hover { box-shadow:0 0 22px rgba(123,237,159,.5); }
.cz4n-btn-ol { background:transparent; color:var(--primary); border-color:var(--border); }
.cz4n-btn-ol:hover { border-color:var(--primary); box-shadow:var(--glow); }

/* ---------- HEADER ---------- */
.cz4n-hdr {
  position:fixed; top:0; left:0; right:0; height:64px; z-index:100;
  background:rgba(13,27,42,.92); backdrop-filter:blur(10px);
  border-bottom:1px solid var(--border); transition:box-shadow .2s;
}
.cz4n-hdr--scrolled { box-shadow:0 6px 24px rgba(0,0,0,.45); }
.cz4n-hdr-in { display:flex; align-items:center; gap:1rem; padding:0 1.5rem; height:100%; max-width:1400px; margin:0 auto; }
.cz4n-lg { display:flex; align-items:center; gap:.55rem; font-family:var(--heading); font-weight:800; font-size:1.25rem; color:#fff; }
.cz4n-lg svg { width:30px; height:30px; }
.cz4n-lg b { color:var(--primary); }
.cz4n-nav { display:flex; gap:.25rem; margin-left:auto; }
.cz4n-nl { padding:.5rem .9rem; border-radius:6px; font-weight:600; font-size:.9rem; transition:color .2s, background .2s; }
.cz4n-nl:hover { color:var(--primary); }
.cz4n-nl.active { color:var(--primary); background:rgba(0,194,255,.08); }
.cz4n-act { display:flex; gap:.5rem; align-items:center; }
.cz4n-au { display:flex; align-items:center; gap:.5rem; }
.cz4n-au span { font-weight:600; color:var(--primary); font-size:.88rem; }
.cz4n-hbg { display:none; flex-direction:column; gap:5px; cursor:pointer; border:none; background:none; padding:6px; margin-left:auto; }
.cz4n-hbg span { display:block; width:22px; height:2px; background:var(--text); border-radius:2px; }

/* ---------- SIDEBAR ---------- */
.cz4n-sb {
  position:fixed; top:64px; left:0; width:220px; height:calc(100vh - 64px);
  background:var(--card); border-right:1px solid var(--border);
  overflow-y:auto; z-index:90; display:flex; flex-direction:column;
}
.cz4n-sb-top { padding:1rem 1.25rem .4rem; }
.cz4n-sb-lbl { font-size:.68rem; letter-spacing:2px; font-weight:700; opacity:.5; }
.cz4n-sb-nav { display:flex; flex-direction:column; padding:.25rem 0; }
.cz4n-sbl {
  display:flex; align-items:center; gap:.75rem; padding:.65rem 1.25rem;
  color:var(--text); font-weight:600; font-size:.88rem;
  border-left:3px solid transparent; transition:all .2s;
}
.cz4n-sbl svg { width:18px; height:18px; flex-shrink:0; opacity:.8; }
.cz4n-sbl:hover, .cz4n-sbl.active { color:var(--primary); border-left-color:var(--primary); background:rgba(0,194,255,.06); }
.cz4n-sbl.active svg, .cz4n-sbl:hover svg { opacity:1; }
.cz4n-sbf { margin-top:auto; padding:1rem; border-top:1px solid var(--border); display:flex; flex-direction:column; gap:.4rem; }
.cz4n-sbf a { font-size:.75rem; color:var(--text); opacity:.6; }
.cz4n-sbf a:hover { opacity:1; color:var(--primary); }
.cz4n-sbo { }

/* ---------- MOBILE BOTTOM NAV ---------- */
.cz4n-mn { display:none; position:fixed; bottom:0; left:0; right:0; height:60px; background:var(--card); border-top:1px solid var(--border); z-index:150; }
.cz4n-mni {
  flex:1; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:3px;
  background:none; border:none; color:var(--text); font-size:.68rem; font-weight:600; cursor:pointer;
}
.cz4n-mni svg { width:20px; height:20px; }
.cz4n-mni:hover, .cz4n-mni:focus { color:var(--primary); }

/* ---------- LAYOUT ---------- */
.cz4n-main { margin-top:64px; min-height:60vh; }
.cz4n-ftr { margin-top:0; }
@media (min-width:1024px) { .cz4n-main { margin-left:220px; } .cz4n-ftr { margin-left:220px; } }
.cz4n-sec { padding:3rem 1.5rem; max-width:var(--maxw); margin:0 auto; }
.cz4n-sec h2 { font-size:1.8rem; margin-bottom:.4rem; }
.cz4n-eyebrow { color:var(--primary); font-weight:700; letter-spacing:2px; font-size:.72rem; text-transform:uppercase; margin-bottom:.5rem; }
.cz4n-lead { max-width:640px; opacity:.85; margin-bottom:1.6rem; }

/* ---------- HERO ---------- */
.cz4n-hero {
  position:relative; overflow:hidden;
  padding:5rem 1.5rem 6rem;
  background:
    radial-gradient(900px 400px at 80% -10%, rgba(0,194,255,.18), transparent 60%),
    radial-gradient(700px 500px at 0% 120%, rgba(123,237,159,.12), transparent 55%),
    linear-gradient(180deg,#0d1b2a,#0a1622);
}
.cz4n-hero-in { max-width:var(--maxw); margin:0 auto; position:relative; z-index:2; }
.cz4n-hero h1 { font-size:clamp(2.1rem,5vw,3.6rem); margin-bottom:1rem; }
.cz4n-hero h1 span { color:var(--primary); }
.cz4n-hero p.cz4n-hero-sub { font-size:1.15rem; max-width:600px; margin-bottom:2rem; opacity:.9; }
.cz4n-hero-cta { display:flex; gap:.8rem; flex-wrap:wrap; margin-bottom:1.6rem; }
.cz4n-hero-note { font-size:.78rem; opacity:.6; letter-spacing:.4px; }
.cz4n-hero-deco { position:absolute; inset:0; z-index:1; pointer-events:none; }
.cz4n-blob { position:absolute; border:1px solid var(--border); border-radius:0; }
.cz4n-blob--1 { width:220px; height:220px; right:6%; top:14%; transform:rotate(25deg); animation:cz4n-float 9s ease-in-out infinite; }
.cz4n-blob--2 { width:120px; height:120px; right:24%; bottom:12%; transform:rotate(12deg); border-color:rgba(123,237,159,.3); animation:cz4n-float 7s ease-in-out infinite reverse; }
.cz4n-ring { position:absolute; right:10%; top:22%; width:160px; height:160px; border-radius:50%; border:2px dashed rgba(0,194,255,.25); animation:cz4n-spin 22s linear infinite; }
@keyframes cz4n-float { 0%,100%{ transform:translateY(0) rotate(20deg);} 50%{ transform:translateY(-22px) rotate(28deg);} }
@keyframes cz4n-spin { to { transform:rotate(360deg);} }

/* diagonal section divider */
.cz4n-div { height:60px; background:var(--card); clip-path:polygon(0 0,100% 40%,100% 100%,0 100%); }

/* ---------- CAROUSEL ---------- */
.cz4n-crw { position:relative; max-width:var(--maxw); margin:0 auto; }
.cz4n-crv { overflow:hidden; padding:.5rem .25rem; }
.cz4n-cr { display:flex; gap:1rem; transition:transform .35s ease; }
.cz4n-crb {
  position:absolute; top:42%; transform:translateY(-50%); width:36px; height:36px;
  border-radius:50%; background:var(--primary); color:#06121d; font-size:1.4rem;
  display:flex; align-items:center; justify-content:center; cursor:pointer; border:none; z-index:10;
  box-shadow:var(--glow);
}
.cz4n-crb:hover { background:#fff; }
.cz4n-crb--prev { left:-8px; }
.cz4n-crb--next { right:-8px; }

/* ---------- GAME CARD ---------- */
.cz4n-gc {
  flex:0 0 180px; width:180px; background:var(--card); border:1px solid var(--border);
  border-radius:10px; overflow:hidden; cursor:pointer; transition:transform .2s, box-shadow .2s, border-color .2s;
}
.cz4n-gc:hover, .cz4n-gc:focus { transform:translateY(-4px); border-color:var(--primary); box-shadow:var(--glow); outline:none; }
.cz4n-gct { position:relative; aspect-ratio:3/4; background:#0a1622; overflow:hidden; }
.cz4n-gct img { width:100%; height:100%; object-fit:cover; transition:transform .3s; }
.cz4n-gc:hover .cz4n-gct img { transform:scale(1.06); }
.cz4n-gco {
  position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:.5rem;
  background:rgba(8,18,29,.72); opacity:0; transition:opacity .2s;
}
.cz4n-gc:hover .cz4n-gco, .cz4n-gc:focus .cz4n-gco { opacity:1; }
.cz4n-gcp { background:var(--cta); color:var(--cta-text); border:none; font-family:var(--heading); font-weight:700; font-size:.78rem; padding:.5rem 1rem; border-radius:6px; cursor:pointer; }
.cz4n-gc-demo { font-size:.6rem; font-weight:800; letter-spacing:1px; color:var(--primary); border:1px solid var(--primary); padding:.12rem .5rem; border-radius:50px; }
.cz4n-gc-tags { position:absolute; top:.4rem; left:.4rem; display:flex; flex-wrap:wrap; gap:.25rem; max-width:90%; }
.cz4n-gtag { font-size:.58rem; font-weight:700; background:rgba(13,27,42,.85); color:var(--text); padding:.12rem .45rem; border-radius:4px; border:1px solid var(--border); }
.cz4n-gci { padding:.6rem .7rem .75rem; }
.cz4n-gc-title { font-weight:700; font-size:.82rem; color:#fff; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.cz4n-gc-prov { font-size:.72rem; opacity:.6; }

/* ---------- GAMES GRID ---------- */
.cz4n-gg { display:grid; grid-template-columns:repeat(auto-fill,minmax(170px,1fr)); gap:1rem; max-width:var(--maxw); margin:0 auto; }
.cz4n-gg .cz4n-gc { flex:none; width:auto; }
.cz4n-empty { text-align:center; opacity:.6; padding:3rem 1rem; }

/* ---------- CATEGORY TABS ---------- */
.cz4n-cts { display:flex; gap:.5rem; flex-wrap:wrap; max-width:var(--maxw); margin:0 auto 1.5rem; }
.cz4n-ct {
  background:var(--card); border:1px solid var(--border); color:var(--text);
  font-family:var(--heading); font-weight:600; font-size:.82rem; padding:.5rem 1rem;
  border-radius:50px; cursor:pointer; transition:all .2s; text-transform:uppercase; letter-spacing:.5px;
}
.cz4n-ct:hover { border-color:var(--primary); color:var(--primary); }
.cz4n-ct.active { background:var(--primary); color:#06121d; border-color:var(--primary); }

/* ---------- NOTICE BAR ---------- */
.cz4n-nb {
  position:sticky; top:64px; z-index:80;
  background:rgba(0,194,255,.08); border-bottom:1px solid var(--border);
  text-align:center; font-size:.78rem; font-weight:600; letter-spacing:.4px;
  padding:.55rem 1rem; color:var(--text);
}

/* ---------- HOW IT WORKS ---------- */
.cz4n-hiw { display:grid; grid-template-columns:repeat(3,1fr); gap:1.2rem; }
.cz4n-step { background:var(--card); border:1px solid var(--border); border-radius:12px; padding:1.6rem; position:relative; overflow:hidden; transition:border-color .2s, box-shadow .2s; }
.cz4n-step:hover { border-color:var(--primary); box-shadow:var(--glow); }
.cz4n-step-num { font-family:var(--heading); font-size:2.4rem; font-weight:800; color:var(--primary); opacity:.4; }
.cz4n-step h3 { font-size:1.15rem; margin:.3rem 0 .5rem; }
.cz4n-notice { margin-top:1.5rem; background:rgba(255,71,87,.06); border:1px solid rgba(255,71,87,.3); border-radius:10px; padding:1rem 1.2rem; font-size:.85rem; }
.cz4n-notice b { color:#fff; }

/* ---------- REVIEWS ---------- */
.cz4n-revs { display:grid; grid-template-columns:repeat(4,1fr); gap:1rem; }
.cz4n-rev { background:var(--card); border:1px solid var(--border); border-radius:12px; padding:1.2rem; }
.cz4n-stars { color:var(--cta); letter-spacing:2px; margin-bottom:.5rem; font-size:.95rem; }
.cz4n-rev p { font-size:.86rem; margin-bottom:.8rem; opacity:.9; }
.cz4n-rev-who { display:flex; align-items:center; gap:.6rem; }
.cz4n-rev-av { width:34px; height:34px; border-radius:50%; background:linear-gradient(135deg,var(--primary),var(--cta)); display:flex; align-items:center; justify-content:center; font-family:var(--heading); font-weight:800; color:#06121d; font-size:.85rem; }
.cz4n-rev-name { font-weight:700; color:#fff; font-size:.82rem; }
.cz4n-rev-city { font-size:.72rem; opacity:.55; }

/* ---------- ABOUT BANNER ---------- */
.cz4n-banner {
  max-width:var(--maxw); margin:0 auto; border-radius:16px; padding:2.6rem 2rem;
  border:1px solid var(--border);
  background:radial-gradient(600px 300px at 100% 0%, rgba(0,194,255,.18), transparent 60%), var(--card);
  display:flex; align-items:center; justify-content:space-between; gap:2rem; flex-wrap:wrap;
}
.cz4n-banner h2 { font-size:1.7rem; margin-bottom:.5rem; }
.cz4n-banner p { max-width:480px; opacity:.85; }

/* ---------- SEO / DETAILS ---------- */
.cz4n-seo { max-width:var(--maxw); margin:0 auto; }
.cz4n-seo h2 { font-size:1.5rem; margin-bottom:.8rem; }
.cz4n-seo p { margin-bottom:1rem; opacity:.85; }
.cz4n-seo details { border-top:1px solid var(--border); padding-top:1rem; }
.cz4n-seo summary { cursor:pointer; color:var(--primary); font-weight:700; font-family:var(--heading); list-style:none; }
.cz4n-seo summary::-webkit-details-marker { display:none; }
.cz4n-seo summary::after { content:' +'; }
.cz4n-seo details[open] summary::after { content:' –'; }

/* ---------- GENERIC CONTENT (inner pages) ---------- */
.cz4n-prose { max-width:820px; margin:0 auto; }
.cz4n-prose h1 { font-size:2.2rem; margin-bottom:1rem; }
.cz4n-prose h2 { font-size:1.4rem; margin:1.8rem 0 .6rem; color:var(--primary); }
.cz4n-prose h3 { font-size:1.1rem; margin:1.2rem 0 .4rem; }
.cz4n-prose p, .cz4n-prose li { opacity:.88; margin-bottom:.7rem; }
.cz4n-prose ul { padding-left:1.2rem; margin-bottom:1rem; }
.cz4n-prose a { color:var(--primary); text-decoration:underline; }
.cz4n-pagehead { padding:3rem 1.5rem 1rem; max-width:var(--maxw); margin:0 auto; }
.cz4n-pagehead h1 { font-size:clamp(1.9rem,4vw,2.8rem); }

/* ---------- FAQ ---------- */
.cz4n-faq { max-width:820px; margin:0 auto; }
.cz4n-faq details { background:var(--card); border:1px solid var(--border); border-radius:10px; padding:1rem 1.2rem; margin-bottom:.7rem; }
.cz4n-faq summary { cursor:pointer; font-weight:700; font-family:var(--heading); color:#fff; list-style:none; }
.cz4n-faq summary::-webkit-details-marker { display:none; }
.cz4n-faq summary::after { content:'+'; float:right; color:var(--primary); }
.cz4n-faq details[open] summary::after { content:'–'; }
.cz4n-faq p { margin-top:.7rem; opacity:.85; font-size:.9rem; }

/* ---------- CONTACT FORM ---------- */
.cz4n-form { max-width:640px; margin:0 auto; background:var(--card); border:1px solid var(--border); border-radius:14px; padding:2rem; }
.cz4n-row2 { display:grid; grid-template-columns:1fr 1fr; gap:1rem; }
.cz4n-field { margin-bottom:1rem; display:flex; flex-direction:column; gap:.35rem; }
.cz4n-field label { font-size:.8rem; font-weight:600; letter-spacing:.4px; }
.cz4n-form input, .cz4n-form select, .cz4n-form textarea {
  background:var(--bg); border:1px solid var(--border); border-radius:8px;
  padding:.75rem 1rem; color:var(--text); font-family:var(--body); font-size:.95rem; width:100%;
}
.cz4n-form input:focus, .cz4n-form select:focus, .cz4n-form textarea:focus { outline:none; border-color:var(--primary); box-shadow:var(--glow); }
.cz4n-form textarea { min-height:130px; resize:vertical; }
.cz4n-success { display:none; margin-top:1rem; background:rgba(123,237,159,.1); border:1px solid var(--cta); border-radius:8px; padding:1rem; color:#fff; font-weight:600; }
.cz4n-contact-grid { display:grid; grid-template-columns:1.4fr 1fr; gap:2rem; max-width:var(--maxw); margin:0 auto; align-items:start; }
.cz4n-contact-aside { background:var(--card); border:1px solid var(--border); border-radius:14px; padding:1.6rem; }
.cz4n-contact-aside h3 { margin-bottom:.6rem; }
.cz4n-contact-aside a { color:var(--primary); }

/* ---------- AUTH MODAL ---------- */
.cz4n-amo { position:fixed; inset:0; background:rgba(0,0,0,.85); z-index:9998; display:none; align-items:center; justify-content:center; padding:1rem; }
.cz4n-am { background:var(--card); border:1px solid var(--border); border-radius:14px; width:100%; max-width:420px; padding:1.8rem; position:relative; }
.cz4n-am h3 { font-size:1.3rem; margin-bottom:1.2rem; }
.cz4n-am .cz4n-field { margin-bottom:.9rem; }
.cz4n-am input { background:var(--bg); border:1px solid var(--border); border-radius:8px; padding:.7rem 1rem; color:var(--text); width:100%; font-size:.95rem; }
.cz4n-am input:focus { outline:none; border-color:var(--primary); }
.cz4n-am label { font-size:.78rem; font-weight:600; }
.cz4n-am .cz4n-btn { width:100%; margin-top:.4rem; }
.cz4n-am-close { position:absolute; top:.8rem; right:1rem; background:none; border:none; color:var(--text); font-size:1.3rem; cursor:pointer; }
.cz4n-am-switch { text-align:center; font-size:.82rem; margin-top:1rem; opacity:.85; }
.cz4n-am-switch a { color:var(--primary); font-weight:600; cursor:pointer; }
.cz4n-am-note { font-size:.7rem; opacity:.55; text-align:center; margin-top:.8rem; }

/* ---------- GAME MODAL ---------- */
.cz4n-gmo { position:fixed; inset:0; background:rgba(0,0,0,.9); z-index:9999; display:flex; align-items:center; justify-content:center; padding:1rem; }
.cz4n-gm { background:var(--card); border-radius:12px; width:100%; max-width:1000px; height:85vh; display:flex; flex-direction:column; overflow:hidden; border:1px solid var(--border); }
.cz4n-gm-head { display:flex; align-items:center; gap:.5rem; padding:.65rem 1rem; border-bottom:1px solid var(--border); flex-shrink:0; }
.cz4n-gm-head span { font-weight:800; color:var(--text); flex:1; font-size:.9rem; }
.cz4n-gm-badges { display:flex; gap:.35rem; }
.cz4n-badge { font-size:.6rem; font-weight:900; padding:.2rem .55rem; border-radius:50px; white-space:nowrap; }
.cz4n-badge-free { background:var(--cta); color:var(--cta-text); }
.cz4n-badge-social { background:var(--accent); color:#fff; }
.cz4n-gm-close { background:none; border:none; color:var(--text); font-size:1.2rem; cursor:pointer; padding:.2rem .5rem; }
.cz4n-gm-disc { background:rgba(255,200,0,.06); padding:.4rem 1rem; font-size:.72rem; color:#ffd; text-align:center; flex-shrink:0; }
.cz4n-gm-frame { flex:1; display:flex; min-height:0; overflow:hidden; }
.cz4n-gm-frame iframe { width:100%; height:100%; flex:1; border:none; display:block; }

/* ---------- FOOTER ---------- */
.cz4n-ftr { background:var(--card); border-top:1px solid var(--border); padding:2.5rem 1.5rem 1.5rem; }
.cz4n-ftr-in { max-width:var(--maxw); margin:0 auto; }
.cz4n-ftr-cols { display:grid; grid-template-columns:1.4fr 1fr 1fr 1fr; gap:1.5rem; margin-bottom:1.8rem; }
.cz4n-ftr-cols h4 { font-size:.85rem; text-transform:uppercase; letter-spacing:1px; margin-bottom:.7rem; color:var(--primary); }
.cz4n-ftr-cols a { display:block; font-size:.82rem; opacity:.7; margin-bottom:.4rem; }
.cz4n-ftr-cols a:hover { opacity:1; color:var(--primary); }
.cz4n-ftr-brand { display:flex; align-items:center; gap:.5rem; font-family:var(--heading); font-weight:800; font-size:1.2rem; color:#fff; margin-bottom:.6rem; }
.cz4n-ftr-brand svg { width:26px; height:26px; }
.cz4n-ftr-brand b { color:var(--primary); }
.cz4n-ftr p { font-size:.8rem; opacity:.7; max-width:320px; }
.cz4n-ftr-bottom { border-top:1px solid var(--border); padding-top:1.2rem; display:flex; align-items:center; gap:1rem; flex-wrap:wrap; justify-content:space-between; }
.cz4n-18 { display:inline-flex; align-items:center; justify-content:center; width:34px; height:34px; border:2px solid var(--accent); border-radius:50%; color:#fff; font-weight:800; font-size:.7rem; flex-shrink:0; }
.cz4n-ftr-disc { font-size:.74rem; opacity:.65; line-height:1.5; }

/* ===========================================================
   RESPONSIVE
   =========================================================== */
@media (max-width:1280px) {
  .cz4n-sec { padding:2.6rem 1.4rem; }
}
@media (max-width:1024px) {
  .cz4n-sb { transform:translateX(-100%); transition:transform .3s; top:0; height:100vh; z-index:200; padding-top:.5rem; }
  .cz4n-sb.open { transform:translateX(0); }
  .cz4n-sbo { position:fixed; inset:0; background:rgba(0,0,0,.6); z-index:190; display:none; }
  .cz4n-sbo.show { display:block; }
  .cz4n-main { margin-left:0; }
  .cz4n-ftr { margin-left:0; }
  .cz4n-mn { display:flex; align-items:center; justify-content:space-around; }
  .cz4n-revs { grid-template-columns:repeat(2,1fr); }
  .cz4n-contact-grid { grid-template-columns:1fr; }
}
@media (max-width:768px) {
  .cz4n-hbg { display:flex; }
  .cz4n-nav { display:none; }
  .cz4n-act { display:none; }
  .cz4n-hiw { grid-template-columns:1fr; }
  .cz4n-ftr-cols { grid-template-columns:1fr 1fr; }
  .cz4n-banner { flex-direction:column; align-items:flex-start; }
}
@media (max-width:480px) {
  body { font-size:15px; }
  .cz4n-gg { grid-template-columns:repeat(2,1fr); }
  .cz4n-cr .cz4n-gc { flex:0 0 80vw; width:80vw; }
  .cz4n-sec, .cz4n-hero { padding:1.5rem 1rem; }
  .cz4n-revs { grid-template-columns:1fr; }
  .cz4n-row2 { grid-template-columns:1fr; }
  .cz4n-btn, .cz4n-form input, .cz4n-form select, .cz4n-form textarea { min-height:48px; }
  .cz4n-ftr-cols { grid-template-columns:1fr; }
}
@media (max-width:375px) {
  .cz4n-hdr-in { padding:0 .75rem; }
  .cz4n-gg { gap:.5rem; }
}