/* Mobile-first landing. Desktop remains unchanged. */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
.mobile-entry-copy{display:none}

@media (max-width:800px){
  html,body{width:100%;max-width:100%;min-width:0;margin:0;overflow-x:hidden;background:#050512}
  body{overscroll-behavior-x:none}
  img,svg,video,canvas{max-width:100%}
  button,a,input,select,textarea{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
  input:not([type="checkbox"]):not([type="radio"]),select,textarea{font-size:16px!important;max-width:100%}

  .site-entry{
    position:fixed!important;inset:0!important;z-index:7000!important;
    width:100%!important;height:100dvh!important;min-height:100svh!important;
    margin:0!important;padding:0!important;display:block!important;
    overflow-x:hidden!important;overflow-y:auto!important;
    overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;
    background:
      radial-gradient(90% 44% at 50% 2%,rgba(88,49,255,.22),transparent 68%),
      linear-gradient(180deg,#08061b 0%,#070516 58%,#050512 100%)!important;
  }

  .site-entry-stage{
    position:relative!important;width:100%!important;max-width:600px!important;min-width:0!important;
    min-height:100dvh!important;aspect-ratio:auto!important;margin:0 auto!important;
    padding:0 14px max(18px,env(safe-area-inset-bottom))!important;
    display:flex!important;flex-direction:column!important;align-items:stretch!important;
    gap:12px!important;background:transparent!important;box-shadow:none!important;
  }

  /* On phones the desktop poster becomes a visual hero crop, not the UI itself. */
  .site-entry-art{
    position:relative!important;inset:auto!important;display:block!important;
    width:calc(100% + 28px)!important;max-width:none!important;
    height:clamp(340px,48dvh,500px)!important;aspect-ratio:auto!important;
    margin:0 -14px!important;object-fit:cover!important;object-position:0% 50%!important;
    border-radius:0 0 26px 26px!important;background:#07051a!important;
    box-shadow:0 18px 48px rgba(0,0,0,.44)!important;
    user-select:none;-webkit-user-drag:none;
  }

  .site-entry-hotspot,.site-entry-brief-link{display:none!important}

  .mobile-entry-copy{
    display:block!important;text-align:right;direction:rtl;padding:4px 2px 2px;
  }
  .mobile-entry-kicker{
    display:inline-flex;align-items:center;min-height:26px;padding:4px 10px;border-radius:999px;
    border:1px solid rgba(191,158,255,.26);background:rgba(121,70,236,.12);
    color:#d9c8ff;font-size:11px;font-weight:800;line-height:1.4;margin-bottom:7px;
  }
  .mobile-entry-copy h1{
    margin:0;color:#fff;font-size:clamp(21px,5.7vw,28px)!important;font-weight:900!important;
    line-height:1.45!important;letter-spacing:-.35px!important;
  }
  .mobile-entry-copy p{
    margin:5px 0 0;color:#b9b4cc;font-size:clamp(12.5px,3.45vw,15px)!important;
    font-weight:600;line-height:1.75!important;
  }

  .site-entry-mobile-actions{
    display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    gap:9px!important;width:100%!important;max-width:none!important;min-width:0!important;
    margin:0!important;padding:0!important;border:0!important;border-radius:0!important;
    background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;
  }
  .site-entry-mobile-actions>*{min-width:0!important}

  .site-entry-mobile-actions .entry-new-mobile{
    order:1;grid-column:1/-1!important;min-height:58px!important;padding:12px 16px!important;
    border-radius:18px!important;border:1px solid rgba(255,255,255,.20)!important;
    background:linear-gradient(105deg,#7448ff 0%,#a63fff 48%,#ef4cac 100%)!important;
    color:#fff!important;font-size:18px!important;font-weight:900!important;line-height:1.4!important;
    box-shadow:0 13px 30px rgba(126,55,238,.31),inset 0 1px 0 rgba(255,255,255,.22)!important;
  }
  .site-entry-mobile-actions .entry-brief-mobile{order:2;min-height:58px!important}
  .site-entry-mobile-actions .entry-brief-mobile.social{order:3}
  .site-entry-mobile-actions .entry-login-mobile{order:4}
  .site-entry-mobile-actions .entry-signup-mobile{order:5}

  .site-entry-mobile-actions .entry-login-mobile,
  .site-entry-mobile-actions .entry-signup-mobile,
  .site-entry-mobile-actions .entry-brief-mobile{
    min-width:0!important;min-height:52px!important;padding:10px 9px!important;border-radius:16px!important;
    font-size:14px!important;font-weight:800!important;line-height:1.45!important;white-space:normal!important;
    text-align:center!important;justify-content:center!important;
    border:1px solid rgba(158,128,255,.28)!important;
    background:linear-gradient(180deg,rgba(20,16,47,.94),rgba(12,9,31,.94))!important;
    color:#fff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.03)!important;
  }
  .site-entry-mobile-actions .entry-brief-mobile.social{
    border-color:rgba(255,150,94,.34)!important;
    background:linear-gradient(180deg,rgba(70,29,43,.90),rgba(43,20,35,.92))!important;
  }
  .site-entry-mobile-actions .entry-brief-mobile:not(.social){
    background:linear-gradient(180deg,rgba(34,20,73,.92),rgba(25,14,57,.94))!important;
  }
  .entry-brief-mobile::before{font-size:14px!important;flex:0 0 auto}

  /* Small caption gives the landing a deliberate finish instead of a large dead area. */
  .site-entry-stage::after{
    content:'ثبت، پیگیری و توسعه ایده‌ها در یک مسیر روشن و حرفه‌ای';
    display:block;margin-top:auto;padding:14px 6px 2px;text-align:center;direction:rtl;
    color:#716d88;font-size:10.5px;font-weight:600;line-height:1.7;
  }

  /* General mobile hardening for inner pages. */
  header,.layout,.panel,.sidebar,.tools,.steps,.foot,.proposal-main{max-width:100%;min-width:0}
  .layout{width:100%!important;margin-inline:auto!important}
  .panel,.review,.card,.field,.field>*{min-width:0;max-width:100%}
  .steps{overflow-x:auto!important;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
  .btn,.top-action,.pill{min-height:44px;touch-action:manipulation}
  .auth-layer{padding:max(12px,env(safe-area-inset-top)) 12px max(12px,env(safe-area-inset-bottom))!important}
  .auth-card{width:min(100%,480px)!important;max-width:100%!important;max-height:calc(100dvh - 24px)!important;-webkit-overflow-scrolling:touch}
  .archive-page-modal,.workflow-modal,.knowledge-modal,.pro-modal{min-height:100dvh!important}
}

@media (max-width:380px){
  .site-entry-stage{padding-inline:10px!important;gap:10px!important}
  .site-entry-art{width:calc(100% + 20px)!important;margin-inline:-10px!important;height:clamp(310px,46dvh,410px)!important;border-radius:0 0 22px 22px!important}
  .mobile-entry-copy h1{font-size:20px!important}
  .mobile-entry-copy p{font-size:12.5px!important}
  .site-entry-mobile-actions{gap:8px!important}
  .site-entry-mobile-actions .entry-new-mobile{min-height:54px!important;font-size:16.5px!important}
  .site-entry-mobile-actions .entry-login-mobile,.site-entry-mobile-actions .entry-signup-mobile,.site-entry-mobile-actions .entry-brief-mobile{min-height:48px!important;font-size:12.8px!important}
}

@media (max-width:340px){
  .site-entry-mobile-actions{grid-template-columns:1fr!important}
  .site-entry-mobile-actions .entry-new-mobile{grid-column:auto!important}
}

@media (max-width:800px) and (orientation:landscape) and (max-height:520px){
  .site-entry-stage{max-width:900px!important;display:grid!important;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr)!important;grid-template-rows:auto 1fr!important;align-items:center!important;gap:10px 14px!important;padding:8px 12px!important}
  .site-entry-art{grid-row:1/-1;width:100%!important;height:calc(100dvh - 16px)!important;margin:0!important;border-radius:18px!important;object-position:24% 50%!important}
  .mobile-entry-copy{align-self:end!important;padding-top:4px!important}
  .site-entry-mobile-actions{align-self:start!important}
  .site-entry-stage::after{display:none!important}
}