/* =========================================================
   N1 Store Neon Design System - Preview Safe
   Does not change logic, only visual classes.
   ========================================================= */

:root{
  --n1-bg:#020817;
  --n1-bg2:#07111f;
  --n1-card:rgba(15,23,42,.62);
  --n1-card2:rgba(15,23,42,.78);
  --n1-border:rgba(255,255,255,.10);
  --n1-text:#f8fafc;
  --n1-muted:#9fb0c8;
  --n1-blue:#38bdf8;
  --n1-blue2:#2563eb;
  --n1-purple:#8b5cf6;
  --n1-pink:#d946ef;
  --n1-gold:#facc15;
  --n1-green:#22c55e;
  --n1-radius:24px;
  --n1-shadow:0 24px 70px rgba(0,0,0,.34);
}

*{box-sizing:border-box}

body.n1-neon-page{
  margin:0;
  min-height:100vh;
  color:var(--n1-text);
  background:
    radial-gradient(circle at 18% 8%,rgba(56,189,248,.15),transparent 28%),
    radial-gradient(circle at 84% 18%,rgba(168,85,247,.20),transparent 34%),
    radial-gradient(circle at 50% 56%,rgba(37,99,235,.10),transparent 36%),
    linear-gradient(135deg,var(--n1-bg),var(--n1-bg2) 48%,#090b1e);
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  overflow-x:hidden;
}

body.n1-neon-page[dir="rtl"]{
  font-family:Inter,Tahoma,Arial,sans-serif;
}

.n1-shell{
  width:min(1280px,calc(100% - 44px));
  margin:0 auto;
}

.n1-glass{
  background:
    linear-gradient(180deg,rgba(30,41,59,.62),rgba(15,23,42,.70));
  border:1px solid var(--n1-border);
  border-radius:var(--n1-radius);
  box-shadow:var(--n1-shadow);
  backdrop-filter:blur(16px);
}

.n1-header{
  position:sticky;
  top:0;
  z-index:1000;
  padding:16px 0;
  background:linear-gradient(180deg,rgba(2,8,23,.88),rgba(2,8,23,.54));
  backdrop-filter:blur(18px);
  border-bottom:1px solid rgba(255,255,255,.06);
}

.n1-nav{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
}

.n1-brand{
  display:flex;
  align-items:center;
  gap:12px;
  color:#fff;
  text-decoration:none;
  font-weight:950;
  letter-spacing:-.03em;
}

.n1-logo-box{
  width:46px;
  height:46px;
  border-radius:14px;
  display:grid;
  place-items:center;
  color:#fff;
  font-weight:950;
  border:1px dashed rgba(125,211,252,.85);
  box-shadow:0 0 24px rgba(56,189,248,.20) inset,0 0 18px rgba(56,189,248,.18);
  background:rgba(15,23,42,.50);
}

.n1-menu{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:6px;
  border-radius:999px;
  background:rgba(15,23,42,.62);
  border:1px solid rgba(255,255,255,.10);
}

.n1-menu a{
  color:#cbd5e1;
  text-decoration:none;
  font-size:.92rem;
  font-weight:850;
  padding:10px 16px;
  border-radius:999px;
  transition:.2s ease;
}

.n1-menu a:hover,
.n1-menu a.active{
  color:#06111f;
  background:#fff;
  box-shadow:0 0 24px rgba(125,211,252,.25);
}

.n1-actions{
  display:flex;
  align-items:center;
  gap:10px;
}

.n1-btn{
  min-height:46px;
  padding:0 20px;
  border-radius:15px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  color:#fff;
  text-decoration:none;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(15,23,42,.62);
  font-weight:950;
  transition:.2s ease;
}

.n1-btn:hover{
  transform:translateY(-2px);
}

.n1-btn-primary{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  border:0;
  background:linear-gradient(135deg,#06b6d4,#3b82f6 45%,#8b5cf6 78%,#d946ef);
  box-shadow:
    0 0 0 1px rgba(255,255,255,.22) inset,
    0 18px 48px rgba(56,189,248,.36),
    0 0 44px rgba(168,85,247,.46);
}

.n1-btn-primary:before{
  content:"";
  position:absolute;
  inset:-160%;
  z-index:-2;
  background:conic-gradient(from 0deg,transparent 0deg,#fff 24deg,#67e8f9 56deg,#a78bfa 92deg,transparent 132deg,transparent 215deg,#f0abfc 252deg,#38bdf8 290deg,transparent 335deg);
  animation:n1Spin 1.75s linear infinite;
}

.n1-btn-primary:after{
  content:"";
  position:absolute;
  inset:2px;
  z-index:-1;
  border-radius:13px;
  background:
    linear-gradient(110deg,transparent 0%,rgba(255,255,255,.23) 18%,transparent 34%),
    linear-gradient(135deg,#0ea5e9,#6366f1 55%,#8b5cf6);
  background-size:220% 100%,100% 100%;
  animation:n1Shine 2.4s ease-in-out infinite;
}

@keyframes n1Spin{to{transform:rotate(360deg)}}
@keyframes n1Shine{
  0%{background-position:220% 0,0 0}
  45%,100%{background-position:-40% 0,0 0}
}

.n1-lang{
  display:flex;
  align-items:center;
  gap:5px;
  padding:5px;
  border-radius:999px;
  background:rgba(15,23,42,.72);
  border:1px solid rgba(255,255,255,.11);
}

.n1-lang a{
  color:#cbd5e1;
  text-decoration:none;
  font-size:.82rem;
  font-weight:900;
  padding:8px 11px;
  border-radius:999px;
}

.n1-lang a.active{
  color:#06111f;
  background:linear-gradient(135deg,#38bdf8,#a78bfa);
}

.n1-hero{
  position:relative;
  min-height:720px;
  display:grid;
  grid-template-columns:1.02fr .98fr;
  align-items:center;
  gap:42px;
  padding:58px 0 42px;
  overflow:hidden;
  isolation:isolate;
}

.n1-hero:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-3;
  background:
    linear-gradient(rgba(255,255,255,.023) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.023) 1px,transparent 1px);
  background-size:42px 42px;
  opacity:.36;
}

.n1-hero:after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:700px;
  height:700px;
  transform:translate(-50%,-50%);
  border-radius:999px;
  z-index:-2;
  background:radial-gradient(circle,rgba(56,189,248,.14),rgba(139,92,246,.10) 40%,transparent 70%);
  filter:blur(24px);
}

.n1-hero-title{
  margin:0;
  font-size:clamp(2.5rem,4.5vw,5rem);
  line-height:1.12;
  letter-spacing:-.05em;
  font-weight:1000;
}

.n1-gradient-text{
  background:linear-gradient(135deg,#fff,#93c5fd 48%,#c084fc);
  -webkit-background-clip:text;
  color:transparent;
}

.n1-hero-sub{
  max-width:680px;
  color:#b6c3d8;
  line-height:1.85;
  font-size:1.02rem;
}

.n1-hero-actions{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  margin-top:24px;
}

.n1-floating-icons{
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:-1;
  overflow:hidden;
}

.n1-float-icon{
  position:absolute;
  width:90px;
  height:90px;
  border-radius:26px;
  object-fit:cover;
  opacity:.26;
  filter:blur(3px) saturate(1.35) drop-shadow(0 0 34px rgba(96,165,250,.68));
  animation:n1Float 10s ease-in-out infinite;
}

.n1-float-icon.i1{left:2%;top:10%;animation-delay:-1s}
.n1-float-icon.i2{left:4%;top:34%;width:80px;height:80px;animation-delay:-3s}
.n1-float-icon.i3{left:5%;bottom:20%;width:76px;height:76px;animation-delay:-5s}
.n1-float-icon.i4{right:2%;top:10%;animation-delay:-2s}
.n1-float-icon.i5{right:5%;top:34%;width:82px;height:82px;animation-delay:-4s}
.n1-float-icon.i6{right:3%;bottom:20%;width:78px;height:78px;animation-delay:-6s}

@keyframes n1Float{
  0%,100%{transform:translate3d(0,0,0) rotate(-5deg) scale(1)}
  50%{transform:translate3d(0,-24px,0) rotate(5deg) scale(1.055)}
}

.n1-phone-stage{
  min-height:520px;
  display:grid;
  place-items:center;
  position:relative;
}

.n1-phone-stage:after{
  content:"";
  position:absolute;
  bottom:42px;
  width:360px;
  height:90px;
  border-radius:999px;
  background:
    radial-gradient(ellipse at center,rgba(56,189,248,.30),transparent 62%),
    linear-gradient(90deg,transparent,rgba(168,85,247,.60),rgba(56,189,248,.45),transparent);
  filter:blur(10px);
  opacity:.85;
}

.n1-phone{
  position:relative;
  z-index:2;
  width:265px;
  height:535px;
  border-radius:46px;
  padding:13px;
  background:linear-gradient(135deg,#101827,#020617);
  border:1px solid rgba(255,255,255,.24);
  box-shadow:0 34px 80px rgba(0,0,0,.55),0 0 28px rgba(96,165,250,.18);
}

.n1-phone-screen{
  height:100%;
  border-radius:35px;
  background:
    radial-gradient(circle at 50% 20%,rgba(56,189,248,.12),transparent 35%),
    linear-gradient(180deg,#111827,#020617);
  display:grid;
  place-items:center;
  text-align:center;
  color:#94a3b8;
}

.n1-phone-placeholder{
  width:132px;
  height:132px;
  border:1px dashed rgba(148,163,184,.48);
  border-radius:24px;
  display:grid;
  place-items:center;
  margin:auto;
}

.n1-feature-strip{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  margin-top:22px;
}

.n1-feature{
  display:flex;
  align-items:center;
  gap:10px;
  padding:13px;
  border-radius:18px;
  background:rgba(15,23,42,.62);
  border:1px solid rgba(255,255,255,.10);
  backdrop-filter:blur(14px);
}

.n1-feature i{
  width:36px;
  height:36px;
  border-radius:13px;
  display:grid;
  place-items:center;
  font-style:normal;
  background:linear-gradient(135deg,rgba(56,189,248,.26),rgba(139,92,246,.24));
}

.n1-section{
  margin:32px auto;
}

.n1-section-head{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:14px;
  margin-bottom:12px;
}

.n1-section-head h2{
  margin:0;
  font-size:1.45rem;
}

.n1-section-head a{
  color:#7dd3fc;
  text-decoration:none;
  font-weight:950;
}

.n1-app-row{
  display:flex;
  gap:16px;
  overflow:auto;
  padding:16px;
  border-radius:22px;
  background:rgba(15,23,42,.56);
  border:1px solid rgba(255,255,255,.09);
  box-shadow:0 18px 55px rgba(0,0,0,.22);
}

.n1-app-card{
  flex:0 0 86px;
  text-align:center;
  color:#e5e7eb;
  text-decoration:none;
}

.n1-app-card img{
  width:62px;
  height:62px;
  border-radius:17px;
  object-fit:cover;
  box-shadow:0 10px 26px rgba(0,0,0,.32);
}

.n1-app-card span{
  display:block;
  margin-top:8px;
  font-size:.78rem;
  font-weight:800;
  line-height:1.25;
}

.n1-plan-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:22px;
}

.n1-plan{
  padding:28px;
  border-radius:28px;
  background:linear-gradient(180deg,rgba(30,41,59,.70),rgba(15,23,42,.82));
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 22px 60px rgba(0,0,0,.28);
}

.n1-plan.featured{
  border-color:rgba(216,180,254,.45);
  box-shadow:0 0 50px rgba(168,85,247,.22),0 22px 60px rgba(0,0,0,.28);
  transform:translateY(-10px);
}

.n1-plan h3{
  margin:0 0 8px;
  font-size:1.55rem;
}

.n1-price{
  font-size:2rem;
  font-weight:1000;
  margin:10px 0 18px;
}

.n1-plan ul{
  list-style:none;
  padding:0;
  margin:0 0 24px;
  display:grid;
  gap:10px;
  color:#cbd5e1;
}

.n1-plan li:before{
  content:"✓";
  color:var(--n1-green);
  margin-inline-end:8px;
}

.n1-footer{
  margin-top:46px;
  padding:34px;
  border-radius:28px;
  background:rgba(15,23,42,.58);
  border:1px solid rgba(255,255,255,.09);
}

.n1-footer-grid{
  display:grid;
  grid-template-columns:1.3fr 1fr 1fr 1fr;
  gap:28px;
}

.n1-footer a{
  color:#b6c3d8;
  display:block;
  text-decoration:none;
  margin:9px 0;
}

@media(max-width:980px){
  .n1-hero{grid-template-columns:1fr}
  .n1-feature-strip{grid-template-columns:repeat(2,1fr)}
  .n1-plan-grid{grid-template-columns:1fr}
  .n1-plan.featured{transform:none}
  .n1-footer-grid{grid-template-columns:1fr 1fr}
  .n1-menu{display:none}
}

@media(max-width:620px){
  .n1-shell{width:min(100% - 24px,1280px)}
  .n1-hero-title{font-size:2.2rem}
  .n1-hero-actions{display:grid}
  .n1-btn{width:100%}
  .n1-feature-strip{grid-template-columns:1fr}
  .n1-phone{width:215px;height:435px;border-radius:38px}
  .n1-footer-grid{grid-template-columns:1fr}
}


/* N1_GLOBAL_VISIBLE_LANGUAGE_PILLS_START */

/* Always visible language switcher */
.n1-lang,
.n1-lang.n1-lang-dropdown{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:6px !important;
  padding:6px !important;
  border-radius:999px !important;
  border:1px solid rgba(125,211,252,.18) !important;
  background:rgba(7,12,27,.56) !important;
  box-shadow:0 14px 38px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.08) !important;
  backdrop-filter:blur(18px) !important;
  overflow:visible !important;
  position:relative !important;
  z-index:90 !important;
}

.n1-lang-toggle,
.n1-lang-menu{
  display:none !important;
}

.n1-lang a,
.n1-lang.n1-lang-dropdown a{
  height:36px !important;
  min-height:36px !important;
  min-width:74px !important;
  padding:0 14px !important;
  border-radius:999px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-decoration:none !important;
  white-space:nowrap !important;
  font-weight:950 !important;
  font-size:.86rem !important;
  line-height:1 !important;
  color:#dbeafe !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  -webkit-tap-highlight-color:transparent !important;
}

.n1-lang a.active,
.n1-lang a[aria-current="true"]{
  color:#07111f !important;
  background:linear-gradient(135deg,#67e8f9,#60a5fa 45%,#c084fc) !important;
  box-shadow:0 10px 25px rgba(56,189,248,.25),0 0 22px rgba(192,132,252,.18) !important;
}

/* Header action buttons: consistent and no overflow */
.n1-actions{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:10px !important;
  flex-wrap:wrap !important;
  min-width:0 !important;
}

.n1-actions .n1-btn,
.n1-btn-primary{
  white-space:nowrap !important;
  flex:0 0 auto !important;
}

/* Tablet */
@media(max-width:900px){
  .n1-nav{
    gap:10px !important;
  }

  .n1-actions{
    gap:8px !important;
  }

  .n1-actions .n1-btn,
  .n1-btn-primary{
    min-height:42px !important;
    padding-inline:14px !important;
    font-size:.86rem !important;
  }

  .n1-lang a{
    min-width:66px !important;
    height:34px !important;
    font-size:.80rem !important;
    padding-inline:11px !important;
  }
}

/* Mobile: make language visible like the screenshot, floating above Safari bar */
@media(max-width:620px){
  body.n1-neon-page{
    padding-bottom:92px !important;
    overflow-x:hidden !important;
  }

  .n1-lang,
  .n1-lang.n1-lang-dropdown{
    position:fixed !important;
    left:50% !important;
    right:auto !important;
    bottom:calc(env(safe-area-inset-bottom, 0px) + 70px) !important;
    transform:translateX(-50%) !important;
    z-index:9999 !important;
    width:auto !important;
    max-width:calc(100vw - 30px) !important;
    padding:6px !important;
    background:rgba(7,12,27,.82) !important;
    border:1px solid rgba(125,211,252,.23) !important;
  }

  .n1-lang a{
    min-width:68px !important;
    height:36px !important;
    padding:0 12px !important;
    font-size:.82rem !important;
  }

  .n1-header{
    overflow:visible !important;
  }

  .n1-nav{
    overflow:visible !important;
  }

  .n1-actions{
    margin-inline-start:auto !important;
  }

  .n1-actions .n1-btn,
  .n1-btn-primary{
    min-height:42px !important;
    max-width:145px !important;
    padding-inline:12px !important;
    font-size:.82rem !important;
    white-space:normal !important;
    line-height:1.15 !important;
    text-align:center !important;
  }

  .n1-menu{
    display:none !important;
  }
}

/* Very small phones */
@media(max-width:390px){
  .n1-lang a{
    min-width:62px !important;
    padding-inline:9px !important;
    font-size:.78rem !important;
  }

  .n1-actions .n1-btn,
  .n1-btn-primary{
    max-width:132px !important;
    font-size:.78rem !important;
  }
}
/* N1_GLOBAL_VISIBLE_LANGUAGE_PILLS_END */