/* Mizino — NeonWave 2026 (v3)
   - Fix: clearer background for mobile drawer items
   - Improve: Templates slider visuals (center-active, depth, pills)
*/
:root{
  --nw-bg:#0b1220; --nw-surface:#0f172a; --nw-surface-2:#111827;
  --nw-text:#eef3ff; --nw-text-muted:#a7b3cc; --nw-line:rgba(255,255,255,.08);
  --nw-primary:#0ea5e9; --nw-secondary:#22d3ee; --nw-accent:#0ea5e9;
  --nw-shadow:0 18px 44px rgba(0,0,0,.45); --nw-radius:20px; --nw-radius-sm:14px;
  --nw-h1:clamp(32px,5.2vw,64px); --nw-h2:clamp(22px,3.2vw,36px); --nw-h3:clamp(18px,2.2vw,24px); --nw-lead:clamp(15px,1.8vw,18px);
  --nw-container:1200px;
  --nw-aurora-1: radial-gradient(1000px 600px at 110% -10%, rgba(14,165,233,.25), transparent 60%);
  --nw-aurora-2: radial-gradient(900px 540px at -10% 120%, rgba(34,211,238,.22), transparent 60%);
  --nw-aurora-3: radial-gradient(800px 420px at 50% -10%, rgba(14,165,233,.15), transparent 62%);
}
html[data-theme="light"]{
  --nw-bg:#f8fafc; --nw-surface:#ffffff; --nw-surface-2:#f1f5f9;
  --nw-text:#0f172a; --nw-text-muted:#475569; --nw-line:rgba(15,23,42,.12);
  --nw-shadow:0 12px 28px rgba(2,6,23,.10);
}
html,body{background:var(--nw-bg);color:var(--nw-text);font-family:IRANSansX,Vazirmatn,system-ui,-apple-system,Segoe UI,Roboto,"Helvetica Neue",Arial}
a{color:var(--nw-primary);text-decoration:none} a:hover{opacity:.9}
.container-nw{max-width:var(--nw-container);margin-inline:auto;padding-inline:16px}
.nw-section{position:relative;padding:80px 0}
.nw-card{background:var(--nw-surface);border:1px solid var(--nw-line);border-radius:var(--nw-radius);box-shadow:var(--nw-shadow)}
.nw-aurora{position:fixed;inset:0;z-index:0;pointer-events:none;filter:blur(10px) saturate(120%);opacity:.7;background:var(--nw-aurora-1),var(--nw-aurora-2),var(--nw-aurora-3)}
html[data-theme="light"] .nw-aurora{opacity:.5}
@keyframes nw-reveal{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
[data-reveal]{opacity:0;transform:translateY(10px);transition:opacity .4s ease,transform .4s ease}
[data-reveal].is-visible{opacity:1;transform:none;animation:nw-reveal .6s ease}
/* Header */
.nw-header{position:sticky;top:0;z-index:20;backdrop-filter:blur(8px);background:color-mix(in oklab,var(--nw-bg) 82%,transparent);border-bottom:1px solid var(--nw-line)}
.nw-header .brand{display:flex;align-items:center;gap:10px;font-weight:800;color:var(--nw-text)}
.nw-header .brand-mark{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:linear-gradient(135deg,var(--nw-primary),var(--nw-secondary));color:#081017}
.nw-header .nav-link{color:var(--nw-text);opacity:.9;padding:8px 12px;border-radius:10px}
.nw-header .nav-link:hover{background:rgba(255,255,255,.06)}
.nw-actions .btn{margin-inline-start:8px}
.btn{border-radius:14px}
.btn-primary-grad{background-image:linear-gradient(135deg,var(--nw-primary),var(--nw-secondary));color:#0a0f14;font-weight:800;border:none}
.btn-primary-grad:hover{transform:translateY(-2px);box-shadow:0 14px 26px rgba(46,230,166,.28)}
.btn-ghost{background:transparent;color:var(--nw-text);border:1px solid var(--nw-line)}
.btn-ghost:hover{background:rgba(255,255,255,.06)}
.theme-toggle{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border:1px solid var(--nw-line);background:var(--nw-surface);border-radius:999px}
.theme-toggle i{font-size:18px}
/* Burger + Drawer */
.nw-burger{display:none}
.nav-drawer{display:none}
.nav-overlay{display:none}
@media (max-width:992px){
  .nw-burger{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--nw-line);border-radius:12px;background:var(--nw-surface)}
  .nav-main{display:none}
  .nav-drawer{display:block;position:fixed;inset:0 0 0 30%;background:var(--nw-surface-2);border-left:1px solid var(--nw-line);padding:20px;transform:translateX(100%);transition:transform .3s ease;z-index:30}
  .nav-drawer.open{transform:none}
  /* clearer background for menu items */
  .nav-drawer a{display:block;padding:12px 14px;margin-block:6px;border-radius:12px;
    border:1px solid var(--nw-line); background:linear-gradient(180deg, rgba(255,255,255,.06), transparent);
    color:var(--nw-text); box-shadow:0 6px 14px rgba(0,0,0,.18);
  }
  .nav-drawer a:hover{background:linear-gradient(180deg, rgba(255,255,255,.1), transparent)}
  .nav-overlay{display:block;position:fixed;inset:0;background:rgba(0,0,0,.45);backdrop-filter:blur(2px);opacity:0;pointer-events:none;transition:opacity .25s ease;z-index:25}
  .nav-overlay.show{opacity:1;pointer-events:auto}
}
/* Hero */
.nw-hero{padding-top:120px}
.nw-hero .title{font-size:var(--nw-h1);font-weight:900;line-height:1.12;letter-spacing:-.01em}
.nw-hero .lead {
    font-size: var(--nw-lead);
    color: #ffffff;
    background-color: #29292961;
}
.nw-video{position:relative;overflow:hidden;border-radius:var(--nw-radius);border:1px solid var(--nw-line);background:var(--nw-surface-2);box-shadow:var(--nw-shadow)}
.nw-video video{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}
/* Stats */
.nw-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.nw-stat{padding:18px;border-radius:var(--nw-radius);border:1px solid var(--nw-line);background:linear-gradient(180deg,rgba(255,255,255,.04),transparent 55%) var(--nw-surface)}
.nw-stat .num{font-size:clamp(24px,3.4vw,34px);font-weight:900;background:linear-gradient(135deg,var(--nw-secondary),var(--nw-accent));-webkit-background-clip:text;background-clip:text;color:transparent}
.nw-stat .lbl{color:var(--nw-text-muted);font-size:13px}
@media (max-width:768px){.nw-stats{grid-template-columns:1fr}}
/* Features */
.nw-features{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.nw-feature{padding:22px;border:1px solid var(--nw-line);border-radius:var(--nw-radius);background:var(--nw-surface);transition:transform .25s ease,box-shadow .25s ease}
.nw-feature:hover{transform:translateY(-6px);box-shadow:0 18px 26px rgba(0,0,0,.35)}
.nw-feature .icon{width:46px;height:46px;display:inline-grid;place-items:center;border-radius:12px;background:linear-gradient(135deg,rgba(255,75,110,.25),rgba(46,230,166,.25));margin-bottom:12px}
.nw-feature h3{font-size:var(--nw-h3);margin:6px 0 6px}
.nw-feature p{color:var(--nw-text-muted);margin:0}
@media (max-width:992px){.nw-features{grid-template-columns:1fr}}
/* Templates Slider — improved visuals */
.nw-slider{position:relative}
.nw-slider .viewport{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:16px;padding:16px;-webkit-overflow-scrolling:touch}
.nw-slider .viewport::-webkit-scrollbar{display:none}
.nw-slider .slide{scroll-snap-align:center;flex:0 0 84%;min-width:320px;transition:transform .28s ease, filter .28s ease}
@media (min-width:992px){.nw-slider .slide{flex-basis:32%;min-width:0}}
.nw-slider .slide.is-active{transform:scale(1.02); filter:saturate(1.05) brightness(1.04)}
.nw-slider .card{border:1px solid var(--nw-line);border-radius:18px;background:linear-gradient(180deg, rgba(255,255,255,.05), transparent), conic-gradient(from 180deg, rgba(255,75,110,.10), rgba(46,230,166,.10), rgba(255,200,87,.10));padding:18px;box-shadow:0 18px 32px rgba(0,0,0,.28)}
.nw-slider .thumb{height:190px;border-radius:14px;background:linear-gradient(180deg,rgba(255,255,255,.06),transparent);border:1px dashed var(--nw-line);position:relative;overflow:hidden}
.nw-slider .thumb::after{content:"";position:absolute;inset:0;background:radial-gradient(400px 160px at 100% 0%, rgba(255,75,110,.2), transparent 60%)}
.nw-slider .meta{display:flex;align-items:center;justify-content:space-between}
.pill{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;border:1px solid var(--nw-line);background:rgba(255,255,255,.06);font-size:12px;color:var(--nw-text-muted)}
.pill i{font-size:14px}
.nw-slider .arrow{position:absolute;inset-block:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:12px;border:1px solid var(--nw-line);background:var(--nw-surface);display:grid;place-items:center;z-index:5;box-shadow:0 10px 20px rgba(0,0,0,.25)}
.nw-slider .arrow:hover{background:rgba(255,255,255,.06)}
.nw-slider .arrow.prev{inset-inline-start:8px}
.nw-slider .arrow.next{inset-inline-end:8px}
.nw-slider .dots{display:flex;justify-content:center;gap:7px;margin-top:10px}
.nw-slider .dots button{width:8px;height:8px;border-radius:50%;border:none;background:var(--nw-line);transition:transform .2s ease}
.nw-slider .dots button.active{background:var(--nw-primary);transform:scale(1.2)}
/* Pricing */
.nw-pricing{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.nw-plan{padding:22px;border:1px solid var(--nw-line);border-radius:var(--nw-radius);background:var(--nw-surface);box-shadow:var(--nw-shadow)}
.nw-plan.pop{outline:2px solid color-mix(in oklab,var(--nw-secondary) 45%,transparent)}
.nw-plan .price{font-size:clamp(24px,3.6vw,36px);font-weight:900;background:linear-gradient(135deg,var(--nw-secondary),var(--nw-primary));-webkit-background-clip:text;background-clip:text;color:transparent;margin:8px 0 12px}
.nw-plan ul{margin:0;padding-inline-start:1rem;color:var(--nw-text-muted)}
@media (max-width:992px){.nw-pricing{grid-template-columns:1fr}.nw-plan.pop{outline:none}}
/* FAQ */
.nw-faq .item{background:var(--nw-surface);border:1px solid var(--nw-line);border-radius:var(--nw-radius);padding:16px}
.nw-faq summary{cursor:pointer;font-weight:700}
.nw-faq p{color:var(--nw-text-muted);margin:8px 0 0}
/* Footer */
.nw-footer{position:relative;z-index:1;padding:40px 0;border-top:1px solid var(--nw-line);background:linear-gradient(180deg,transparent,rgba(255,255,255,.03))}
.nw-footer .brand{display:flex;align-items:center;gap:10px;font-weight:800}
.nw-footer .socials a{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border:1px solid var(--nw-line);border-radius:12px;color:var(--nw-text);margin-inline-start:6px}
.nw-footer .socials a:hover{background:rgba(255,255,255,.06)}
.muted{color:var(--nw-text-muted)}

/* === NeonWave Landing Update v3.1.3 — Hero video (iOS safe), Mobile Nav, Templates Slider === */

/* HERO VIDEO */
.nw-hero .hero-media{position:relative;width:100%;min-height:42vh;border-radius:24px;overflow:hidden;background:var(--nw-panel);}
@media(min-width:992px){.nw-hero .hero-media{min-height:62vh}}
.hero-video,.hero-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.hero-poster{opacity:0;transition:opacity .4s ease}
.hero-media.fallback .hero-video{display:none}
.hero-media.fallback .hero-poster{opacity:1}
/* Workaround for iOS Safari quirks */
@supports (-webkit-touch-callout: none){
  .hero-video{transform:translateZ(0); -webkit-transform:translateZ(0)}
}

/* MOBILE NAV REFINEMENT */
.nw-header .nav-drawer{position:fixed;inset:0 0 0 auto;width:min(86vw,360px);background:rgba(16,16,20,.96);backdrop-filter:saturate(140%) blur(10px);
  transform:translateX(100%);transition:transform .3s ease;z-index:1040;padding:20px;overflow:auto}
html[data-drawer-open="1"] .nav-drawer{transform:translateX(0)}
.nw-header .nav-overlay{position:fixed;inset:0;background:rgba(0,0,0,.45);opacity:0;visibility:hidden;transition:opacity .3s ease;z-index:1030}
html[data-drawer-open="1"] .nav-overlay{opacity:1;visibility:visible}
.nw-header .nav-drawer a{display:block;padding:12px 10px;border-radius:12px;font-size:16px;line-height:1.7}
.nw-header .nav-drawer a:hover{background:linear-gradient(90deg, rgba(255,255,255,.06), transparent)}

/* SLIDER */
.nw-slider{position:relative}
.nw-slider-track{display:flex;gap:16px;scroll-snap-type:x mandatory;overflow-x:auto;padding-bottom:8px;direction:ltr}
.nw-slide{flex:0 0 86%;max-width:86%;scroll-snap-align:center;background:var(--nw-panel);border-radius:20px;overflow:hidden}
@media(min-width:768px){.nw-slide{flex-basis:46%;max-width:46%}}
@media(min-width:1200px){.nw-slide{flex-basis:31%;max-width:31%}}
.nw-slide img{width:100%;height:260px;object-fit:cover;display:block}
.nw-slide .slide-meta{display:flex;align-items:center;justify-content:space-between;padding:12px 14px}
.nw-slider::-webkit-scrollbar,.nw-slider-track::-webkit-scrollbar{display:none}
.nw-slider-btn{position:absolute;top:42%;transform:translateY(-50%);width:44px;height:44px;border-radius:999px;border:0;background:rgba(0,0,0,.38);backdrop-filter:blur(6px);
  display:grid;place-items:center;font-size:18px;cursor:pointer}
.nw-slider-btn i{display:inline-block}
.nw-slider-btn.prev{right:6px}
.nw-slider-btn.next{left:6px}
@media(max-width:576px){.nw-slider-btn{display:none}} /* pure swipe on small screens */
.nw-slider-dots{display:flex;gap:6px;justify-content:center;margin-top:10px}
.nw-slider-dots button{width:8px;height:8px;border-radius:999px;border:0;background:#6b7280;opacity:.6}
.nw-slider-dots button[aria-current="true"]{opacity:1;background:white}



/* === Fix Pack v3.1.3-f2 — Drawer & Slider normalization (final rules win) === */

/* Drawer finalization */
.nw-header .nav-drawer{transform:translateX(100%); visibility:hidden;}
.nw-header .nav-overlay{opacity:0; visibility:hidden; pointer-events:none;}
.nw-header .nav-drawer.open,
html[data-drawer-open="1"] .nw-header .nav-drawer{transform:none; visibility:visible;}
.nw-header .nav-overlay.show,
html[data-drawer-open="1"] .nw-header .nav-overlay{opacity:1; visibility:visible; pointer-events:auto;}
.nw-burger,[data-burger]{background:transparent;border:0;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px}

/* Slider final polish */
.nw-slider{position:relative}
.nw-slider [data-slider-track], .nw-slider .nw-slider-track, .nw-slider .viewport{
  display:flex; gap:16px; overflow-x:auto; scroll-snap-type:x mandatory; -webkit-overflow-scrolling:touch; padding-bottom:8px; direction:ltr;
}
.nw-slider .nw-slide, .nw-slider .slide{
  scroll-snap-align:center; flex:0 0 86%; max-width:86%; background:var(--nw-panel); border-radius:18px; overflow:hidden; box-shadow:0 10px 24px rgba(0,0,0,.22);
}
@media (min-width:768px){
  .nw-slider .nw-slide, .nw-slider .slide{ flex-basis:46%; max-width:46%; }
}
@media (min-width:1200px){
  .nw-slider .nw-slide, .nw-slider .slide{ flex-basis:31%; max-width:31%; }
}
.nw-slider .nw-slide img, .nw-slider .slide img{ width:100%; height:260px; object-fit:cover; display:block }
.nw-slider .slide-meta, .nw-slider .meta{ display:flex; align-items:center; justify-content:space-between; padding:12px 14px }
.nw-slider .nw-slider-dots, .nw-slider .dots{ display:flex; gap:6px; justify-content:center; margin-top:10px }
.nw-slider .nw-slider-dots button, .nw-slider .dots button{ width:8px; height:8px; border-radius:999px; border:0; background:#6b7280; opacity:.6 }
.nw-slider .nw-slider-dots button[aria-current="true"], .nw-slider .dots button.active{ opacity:1; background:#fff }
@media (max-width:576px){ .nw-slider .nw-slider-btn, .nw-slider .arrow{ display:none } } /* swipe-only on phones */




/* === Mobile Menu & Slider Finalization (ts2 fix) === */

/* Burger visibility/clickability */
.nw-header .nw-burger,[data-burger]{background:transparent;border:0;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;z-index:2001;position:relative}

/* Drawer default hidden; show when open or html flag set */
.nw-header .nav-drawer{position:fixed;inset:0 0 0 auto;width:min(86vw,360px);background:rgba(16,16,20,.96);backdrop-filter:saturate(140%) blur(10px);
  transform:translateX(100%);transition:transform .3s ease;z-index:2000;padding:20px;overflow:auto;visibility:hidden}
html[data-drawer-open="1"] .nw-header .nav-drawer,
.nw-header .nav-drawer.open{transform:none;visibility:visible}
.nw-header .nav-overlay{position:fixed;inset:0;background:rgba(0,0,0,.45);opacity:0;visibility:hidden;transition:opacity .3s ease;z-index:1999}
html[data-drawer-open="1"] .nw-header .nav-overlay,
.nw-header .nav-overlay.show{opacity:1;visibility:visible}

/* Slider exact columns using calc() so desktop never shows 4 */
.nw-slider{position:relative}
.nw-slider [data-slider-track], .nw-slider .nw-slider-track, .nw-slider .viewport{
  display:flex; gap:16px; overflow-x:auto; scroll-snap-type:x mandatory; -webkit-overflow-scrolling:touch; padding-bottom:8px; direction:ltr;
}
.nw-slider .nw-slide, .nw-slider .slide{ box-sizing:border-box; scroll-snap-align:center; background:var(--nw-panel); border-radius:18px; overflow:hidden; box-shadow:0 10px 24px rgba(0,0,0,.18) }
@media (max-width:767.98px){
  .nw-slider .nw-slide, .nw-slider .slide{ flex:0 0 100%; max-width:100%; }
}
@media (min-width:768px) and (max-width:1199.98px){
  .nw-slider .nw-slide, .nw-slider .slide{ flex:0 0 calc((100% - 16px)/2); max-width:calc((100% - 16px)/2); }
}
@media (min-width:1200px){
  .nw-slider .nw-slide, .nw-slider .slide{ flex:0 0 calc((100% - 32px)/3); max-width:calc((100% - 32px)/3); }
}
.nw-slider .nw-slide img, .nw-slider .slide img{ width:100%; height:260px; object-fit:cover; display:block }
.nw-slider .slide-meta, .nw-slider .meta{ display:flex; align-items:center; justify-content:space-between; padding:12px 14px }
.nw-slider .nw-slider-dots, .nw-slider .dots{ display:flex; gap:6px; justify-content:center; margin-top:10px }
.nw-slider .nw-slider-dots button, .nw-slider .dots button{ width:8px; height:8px; border-radius:999px; border:0; background:#6b7280; opacity:.6 }
.nw-slider .nw-slider-dots button[aria-current="true"], .nw-slider .dots button.active{ opacity:1; background:#fff }
@media (max-width:576px){ .nw-slider .nw-slider-btn, .nw-slider .arrow{ display:none } }

/* =========================================================
   Mizino v3.4.x — Mobile Menu Fix (v2, portal to <body>)
   - Support body-level drawer/overlay (moved from .nw-header)
   - Enforce full-viewport visibility and stacking (no clipping)
   - Better RTL sizing and safe area padding
   ========================================================= */
@media (max-width: 992px){
  body > .nav-drawer{
    position: fixed !important;
    inset: 0 0 0 auto !important;
    width: min(86%, 380px) !important;
    transform: translateX(100%) !important;
    visibility: hidden !important;
    z-index: 2000 !important;
    padding: 20px 20px calc(20px + env(safe-area-inset-bottom)) 20px !important;
    overflow: auto !important;
    background: rgba(16,16,20,.96) !important;
    -webkit-backdrop-filter: saturate(140%) blur(10px) !important;
    backdrop-filter: saturate(140%) blur(10px) !important;
    direction: rtl;
  }
  html[data-theme="light"] body > .nav-drawer{
    background: rgba(255,255,255,.96) !important;
  }
  body > .nav-overlay{
    position: fixed !important;
    inset: 0 !important;
    background: rgba(0,0,0,.5) !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transition: opacity .3s ease !important;
    z-index: 1990 !important;
  }
  /* Open states (both attribute and .open/.show classes) */
  html[data-drawer-open="1"] body > .nav-drawer,
  body > .nav-drawer.open{ transform: translateX(0) !important; visibility: visible !important; }
  html[data-drawer-open="1"] body > .nav-overlay,
  body > .nav-overlay.show{ opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; }
}

/* Burger polishing stays the same as v1, but included for completeness */
.nw-header .nw-burger{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 14px;
  font-weight:600;border-radius:12px;border:1px solid var(--nw-line) !important;
  background: var(--nw-surface-2, rgba(255,255,255,0.06)) !important;color: var(--nw-text) !important;
}
html[data-theme="light"] .nw-header .nw-burger{
  background: var(--nw-surface, #fff) !important;border-color: var(--nw-line) !important;color: var(--nw-text) !important;
}
.nw-header .nw-burger:focus-visible{ outline: 2px solid var(--nw-primary); outline-offset: 2px; }


/* --- Mizino Landing Patch v1 (Hero BG Video + Template Picker polish + Theme vars hardening) --- */
.nw-hero--bgvideo{position:relative;min-height:72vh;display:flex;align-items:center;overflow:hidden}
@media (max-width: 576px){ .nw-hero--bgvideo{min-height:66vh} }
.nw-hero--bgvideo .nw-hero-bg{position:absolute;inset:0;z-index:0}
.nw-hero--bgvideo .nw-hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.nw-hero--bgvideo .nw-hero-overlay{position:absolute;inset:0;z-index:1;
  background:linear-gradient(180deg, rgba(0,0,0,.45) 0%, rgba(0,0,0,.25) 30%, rgba(0,0,0,.45) 100%);
  mix-blend-multiply:normal;
}
html[data-theme="light"] .nw-hero--bgvideo .nw-hero-overlay{background:linear-gradient(180deg, rgba(255,255,255,.6), rgba(255,255,255,.35) 35%, rgba(255,255,255,.6) 100%);}
.nw-hero--bgvideo .container-nw{position:relative;z-index:2}
.text-gradient{background:linear-gradient(120deg, var(--nw-primary), var(--nw-secondary));-webkit-background-clip:text;background-clip:text;color:transparent}

/* Template picker polish */
#templates .nw-slide{transform:translateZ(0) scale(.96);transition:transform .35s ease, box-shadow .35s ease}
#templates .nw-slide:hover{transform:translateY(-6px) scale(.99);box-shadow:0 18px 48px rgba(0,0,0,.22)}
html[data-theme="light"] #templates .nw-slide:hover{box-shadow:0 12px 28px rgba(0,0,0,.12)}
#templates .nw-slider .dot{width:8px;height:8px;border-radius:999px;background:var(--nw-line);transition:all .3s}
#templates .nw-slider .dot.is-active{width:22px;background:var(--nw-primary)}

/* Buttons & theme friendliness */
.btn.btn-ghost{color:var(--nw-text);border:1px solid var(--nw-line);background:rgba(0,0,0,.08)}
html[data-theme="light"] .btn.btn-ghost{background:rgba(0,0,0,.04)}
.btn.btn-primary-grad{background-image:linear-gradient(135deg,var(--nw-primary),var(--nw-secondary));color:#fff;border:0}
.btn.btn-primary-grad:hover{filter:brightness(.98) saturate(1.02)}

/* Reduce motion / save-data awareness */
@media (prefers-reduced-motion: reduce){
  .nw-hero-video{animation:none;transition:none}
}


/* Mobile polish (<= 360px) */
@media (max-width: 360px){
  .nw-hero{padding-top:72px}
  .nw-hero .title{font-size: clamp(26px, 8vw, 32px)}
  .nw-hero .lead{font-size: 14px}
  .nw-actions .btn{padding:8px 12px;font-size:14px;border-radius:10px}
  .nw-header .brand-name{font-size:14px}
}
/* iOS Safari viewport fix for background video inside sticky header context */
@supports (-webkit-touch-callout: none) {
  .nw-hero--bgvideo .nw-hero-video{object-fit: cover; transform: translateZ(0);}
}


/* Auto-scale brand logo used in headers */
.brand-logo{display:block;height:32px;width:auto;max-height:44px;object-fit:contain}
@media (max-width: 991.98px){
  .brand-logo{height:28px;max-height:36px}
}