/* =========================================================
   سمیم — Landing
   Fonts (local)
========================================================= */
@font-face{
  font-family: 'Dinar';
  src: url('../assets/fonts/Dinar.ttf') format('truetype');
  font-weight: 400 700;
  font-display: swap;
}
@font-face{
  font-family: 'IRANYekanX';
  src: url('../assets/fonts/IRANYekanX-Regular.ttf') format('truetype');
  font-weight: 400;
  font-display: swap;
}

/* =========================================================
   Tokens
========================================================= */
:root{
  --void:        #04070a;

  --samanet-deep:   #06231d;
  --samanet-mid:    #0e5646;
  --samanet-accent: #2fe0ac;
  --samanet-accent-2: #7cf0cf;
  --samanet-text:   #eafbf4;
  --samanet-muted:  #a9d9c9;

  --nazemnet-deep:   #050f22;
  --nazemnet-mid:    #14459b;
  --nazemnet-accent: #4c8fff;
  --nazemnet-accent-2: #8fbaff;
  --nazemnet-text:   #eaf2ff;
  --nazemnet-muted:  #a9c2ea;

  --glass-fill:    rgba(255,255,255,0.08);
  --glass-fill-hi: rgba(255,255,255,0.17);
  --glass-border:  rgba(255,255,255,0.28);

  --header-h: 250px;
  --ease: cubic-bezier(.22,.61,.36,1);
}

*{ box-sizing: border-box; }
html,body{ height:100%; }
body{
  margin:0;
  background: var(--void);
  color: #fff;
  font-family:'IRANYekanX', system-ui, sans-serif;
  overflow-x:hidden;
}
img{ max-width:100%; display:block; }
a{ color:inherit; text-decoration:none; }

@media (prefers-reduced-motion: reduce){
  *{ animation-duration:0.001ms !important; transition-duration:0.001ms !important; }
}

/* =========================================================
   Header
========================================================= */
.site-header{
  position: fixed;
  inset-inline: 0;
  top: 0;
  z-index: 20;
  padding: 1.6rem 1rem 1.1rem;
  display:flex;
  flex-direction: column;
  align-items:center;
  justify-content:center;
  gap:.55rem;
  pointer-events:none;
  background: linear-gradient(to bottom, rgba(3,6,5,0.65) 0%, rgba(3,6,5,0.28) 60%, transparent 100%);
}
.site-header__mark{
  width: 190px;
  height: 190px;
  object-fit: contain;
  filter: drop-shadow(0 10px 32px rgba(0,0,0,.5));
}
.site-header__tagline{
  margin:0;
  font-size: 1.28rem;
  font-weight: 400;
  color: rgba(255,255,255,.86);
  letter-spacing: .01em;
}

/* =========================================================
   Split layout
========================================================= */
.split{
  position: relative;
  display:flex;
  width:100%;
  min-height: 100dvh;
}

.split__seam{
  position:absolute;
  top:0; bottom:0;
  right:50%;
  width:1px;
  transform: translateX(50%);
  background: linear-gradient(
    to bottom,
    transparent,
    color-mix(in srgb, var(--samanet-accent) 55%, var(--nazemnet-accent) 45%),
    transparent
  );
  opacity:.6;
  z-index: 5;
  pointer-events:none;
}

.panel{
  position:relative;
  flex:1 1 50%;
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:100dvh;
  padding: 2.5rem 1.75rem;
  overflow:hidden;
  isolation:isolate;
  transition: filter .5s var(--ease);
}

.panel__net{
  position:absolute;
  inset:0;
  z-index:-3;
  width:100%;
  height:100%;
  opacity:.55;
}

.panel__glow{
  position:absolute;
  inset:-10%;
  z-index:-2;
  opacity:.8;
  transition: opacity .6s var(--ease), transform .6s var(--ease);
}

.panel::after{
  /* soft vignette to keep content readable over the node network */
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background: radial-gradient(60% 55% at 50% 46%, rgba(0,0,0,.34) 0%, transparent 72%);
  pointer-events:none;
}

.panel--samanet{
  background:
    radial-gradient(130% 95% at 100% 105%, var(--samanet-mid) 0%, transparent 58%),
    radial-gradient(90% 70% at -10% -10%, color-mix(in srgb, var(--samanet-accent) 22%, transparent) 0%, transparent 55%),
    linear-gradient(155deg, var(--samanet-deep) 0%, #041912 62%, var(--void) 100%);
}
.panel--samanet .panel__glow{
  background: radial-gradient(closest-side, color-mix(in srgb, var(--samanet-accent) 38%, transparent) 0%, transparent 72%);
  transform: translate(-6%, 6%);
}
.panel--nazemnet{
  background:
    radial-gradient(130% 95% at 0% 105%, var(--nazemnet-mid) 0%, transparent 58%),
    radial-gradient(90% 70% at 110% -10%, color-mix(in srgb, var(--nazemnet-accent) 22%, transparent) 0%, transparent 55%),
    linear-gradient(205deg, var(--nazemnet-deep) 0%, #040c1b 62%, var(--void) 100%);
}
.panel--nazemnet .panel__glow{
  background: radial-gradient(closest-side, color-mix(in srgb, var(--nazemnet-accent) 38%, transparent) 0%, transparent 72%);
  transform: translate(6%, 6%);
}

.panel:hover .panel__glow{ opacity: 1; }
.panel:hover{ filter: brightness(1.07); }
.split:has(.panel:hover) .panel:not(:hover){ filter: brightness(.88) saturate(.88); }

.panel__content{
  position:relative;
  z-index:2;
  width:100%;
  max-width: 400px;
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
}

.panel__title{
  font-family:'Dinar','IRANYekanX',sans-serif;
  margin: 0 0 .6rem;
  font-size: clamp(2.4rem, 4vw + 1rem, 3.6rem);
  font-weight: 700;
  letter-spacing: 0em;
}
.panel--samanet .panel__title{ color: var(--samanet-text); }
.panel--nazemnet .panel__title{ color: var(--nazemnet-text); }

.panel__subtitle{
  margin: 0 0 .9rem;
  font-size: clamp(.95rem, .5vw + .85rem, 1.1rem);
  font-weight: 400;
}
.panel--samanet .panel__subtitle{ color: var(--samanet-accent-2); }
.panel--nazemnet .panel__subtitle{ color: var(--nazemnet-accent-2); }

.panel__desc{
  margin: 0 0 2.3rem;
  font-size: .94rem;
  font-weight: 400;
  line-height: 1.9;
}
.panel--samanet .panel__desc{ color: var(--samanet-muted); }
.panel--nazemnet .panel__desc{ color: var(--nazemnet-muted); }

/* Glass CTA — bigger, more pronounced hover */
.panel__cta{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding: 1.35rem 3.4rem;
  border-radius: 18px;
  font-size: 1.15rem;
  font-weight: 500;
  color:#fff;
  background: var(--glass-fill);
  border: 1px solid var(--glass-border);
  backdrop-filter: blur(16px) saturate(150%);
  -webkit-backdrop-filter: blur(16px) saturate(150%);
  box-shadow: 0 10px 28px rgba(0,0,0,.32), inset 0 1px 0 rgba(255,255,255,.2);
  transition: background .35s var(--ease), box-shadow .4s var(--ease), transform .35s var(--ease), border-color .35s var(--ease);
  min-width: 230px;
  overflow:hidden;
}
.panel__cta::before{
  content:"";
  position:absolute;
  inset:0;
  background: linear-gradient(115deg, transparent 30%, rgba(255,255,255,.22) 48%, transparent 66%);
  transform: translateX(-120%);
  transition: transform .7s var(--ease);
}
.panel:hover .panel__cta::before{ transform: translateX(120%); }

.panel:hover .panel__cta,
.panel:focus-visible .panel__cta{
  background: var(--glass-fill-hi);
  transform: translateY(-4px) scale(1.035);
}
.panel--samanet:hover .panel__cta{
  box-shadow: 0 16px 40px color-mix(in srgb, var(--samanet-accent) 38%, transparent), inset 0 1px 0 rgba(255,255,255,.24);
  border-color: color-mix(in srgb, var(--samanet-accent) 65%, var(--glass-border));
}
.panel--nazemnet:hover .panel__cta{
  box-shadow: 0 16px 40px color-mix(in srgb, var(--nazemnet-accent) 38%, transparent), inset 0 1px 0 rgba(255,255,255,.24);
  border-color: color-mix(in srgb, var(--nazemnet-accent) 65%, var(--glass-border));
}
.panel:active .panel__cta{ transform: translateY(-1px) scale(1.0); }

.panel:focus-visible{
  outline: 2px solid #fff;
  outline-offset: -6px;
}

/* =========================================================
   Responsive
========================================================= */
@media (max-width: 900px){
  .panel__title{ font-size: clamp(2rem, 5.5vw, 2.7rem); }
  .panel__content{ max-width: 360px; }
}

@media (max-width: 720px){
  :root{ --header-h: 132px; }
  .site-header{ padding: 1.1rem 1rem .8rem; }
  .site-header__mark{ width: 84px; height: 84px; }
  .site-header__tagline{ font-size: .82rem; }

  .split{ flex-direction: column; }
  .split__seam{
    right:0; left:0; top:50%; bottom:auto;
    width:auto; height:1px;
    transform: translateY(-50%);
    background: linear-gradient(to right, transparent, color-mix(in srgb, var(--samanet-accent) 55%, var(--nazemnet-accent) 45%), transparent);
  }
  .panel{
    min-height: auto;
    flex-basis: auto;
    padding: 2.2rem 1.4rem;
  }
  .panel:first-child{ padding-top: calc(var(--header-h) + 1.4rem); }
  .split:has(.panel:hover) .panel:not(:hover){ filter:none; }
  .panel__desc{ margin-bottom:1.7rem; font-size:.9rem; }
  .panel__cta{ width:100%; max-width:340px; padding:1.2rem 1.6rem; font-size:1.05rem; }
}

@media (max-width: 380px){
  .site-header__mark{ width: 84px; height: 84px; }
}

/* Guard against the header overlapping centered content on short screens */
@media (min-width: 721px) and (max-height: 760px){
  .site-header__mark{ width: 130px; height: 130px; }
  .site-header__tagline{ font-size: 1.02rem; }
  .panel{ padding-top: calc(var(--header-h) - 60px); }
}
@media (max-width: 720px) and (max-height: 760px){
  .panel:first-child{ padding-top: calc(var(--header-h) - 20px); }
}