/* Mahestan typography font-face: IRANSansXFaNum
   Put the provided font files in: assets/fonts/IranSans/ */
@font-face{
  font-family:"IRANSansXFaNum";
  src:url("fonts/IranSans/IRANSansXFaNum-Light.woff2") format("woff2"),
      url("fonts/IranSans/IRANSansXFaNum-Light.woff") format("woff");
  font-weight:300;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:"IRANSansXFaNum";
  src:url("fonts/IranSans/IRANSansXFaNum-Regular.woff2") format("woff2"),
      url("fonts/IranSans/IRANSansXFaNum-Regular.woff") format("woff");
  font-weight:400;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:"IRANSansXFaNum";
  src:url("fonts/IranSans/IRANSansXFaNum-Medium.woff2") format("woff2"),
      url("fonts/IranSans/IRANSansXFaNum-Medium.woff") format("woff");
  font-weight:500;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:"IRANSansXFaNum";
  src:url("fonts/IranSans/IRANSansXFaNum-Medium.woff2") format("woff2"),
      url("fonts/IranSans/IRANSansXFaNum-Medium.woff") format("woff");
  font-weight:600;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:"IRANSansXFaNum";
  src:url("fonts/IranSans/IRANSansXFaNum-Bold.woff2") format("woff2"),
      url("fonts/IranSans/IRANSansXFaNum-Bold.woff") format("woff");
  font-weight:700;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:"IRANSansXFaNum";
  src:url("fonts/IranSans/IRANSansXFaNum-Bold.woff2") format("woff2"),
      url("fonts/IranSans/IRANSansXFaNum-Bold.woff") format("woff");
  font-weight:800;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:"IRANSansXFaNum";
  src:url("fonts/IranSans/IRANSansXFaNum-Bold.woff2") format("woff2"),
      url("fonts/IranSans/IRANSansXFaNum-Bold.woff") format("woff");
  font-weight:900;
  font-style:normal;
  font-display:swap;
}

:root{
  --font-primary:"IRANSansXFaNum", "IRANSansX", "IRANSans", Tahoma, "Segoe UI", Arial, system-ui, -apple-system, sans-serif;
  /* ---------- Palette: modern light + agriculture identity ---------- */
  --bg: #ffffff;
  --bg2: #f6f8fb;         /* section tint */
  --bg3: #f1f5f9;         /* subtle panels */
  --text: #0b1220;        /* deep ink */
  --muted: #475569;       /* slate-600 */
  --muted2:#64748b;       /* slate-500 */

  --border: rgba(15,23,42,.10);
  --border2: rgba(15,23,42,.08);

  /* Brand accents */
  --brand: #16a34a;       /* green */
  --brandDark:#15803d;
  --brand2:#2563eb;       /* blue */
  --brand2Dark:#1d4ed8;

  /* Accent surfaces */
  --brandSoft: rgba(22,163,74,.12);
  --brand2Soft: rgba(37,99,235,.12);
  --inkSoft: rgba(15,23,42,.04);

  /* Shadows (soft / modern) */
  --shadow: 0 18px 45px rgba(2, 8, 23, .10);
  --shadow2: 0 10px 25px rgba(2, 8, 23, .08);
  --shadow3: 0 6px 14px rgba(2, 8, 23, .07);

  --radius-lg: 22px;
  --radius-md: 16px;
  --radius-sm: 12px;

  --container: 1120px;

  /* Typography scale */
  --fs-12: 12px;
  --fs-13: 13px;
  --fs-14: 14px;
  --fs-16: 16px;
  --fs-18: 18px;
  --fs-22: 22px;
}

*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  font-family:var(--font-primary);
  color: var(--text);
  line-height: 1.85;
  background:
     radial-gradient(1200px 700px at 15% -20%, rgba(37,99,235,.08), transparent 58%),
    radial-gradient(1100px 650px at 90% 0%,  rgba(22,163,74,.07),  transparent 60%),
    radial-gradient(900px 600px  at 50% 120%, rgba(15,23,42,.04),  transparent 62%),
    linear-gradient(180deg, rgba(248,250,252,1) 0%, rgba(255,255,255,1) 45%, rgba(248,250,252,1) 100%),
    var(--bg);

}

body::before{
  content:"";
  position: fixed;
  inset: 0;
  pointer-events: none;
  background: repeating-linear-gradient(
    0deg,
    rgba(15,23,42,.018) 0px,
    rgba(15,23,42,.018) 1px,
    transparent 1px,
    transparent 7px
  );
  opacity: .35;
}

a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
button,input,textarea,select,option{font-family:inherit}

.container{
  width:min(var(--container), calc(100% - 40px));
  margin-inline:auto;
}

/* ---------- Topbar ---------- */
.topbar{
  border-bottom: 1px solid var(--border2);
  background: rgba(255,255,255,.72);
  backdrop-filter: blur(10px);
}
.topbar__inner{
  display:flex; align-items:center; justify-content:space-between;
  gap:14px;
  padding:10px 0;
  color: var(--muted);
  font-size: var(--fs-14);
}
.topbar__right{display:flex; align-items:center; gap:10px}
.topbar__left{display:flex; align-items:center; gap:10px}
.dot{opacity:.55}

.badge{
  display:inline-flex; align-items:center; justify-content:center;
  padding:5px 10px;
  border-radius: 999px;
  background: linear-gradient(135deg, var(--brandSoft), rgba(22,163,74,.06));
  border: 1px solid rgba(22,163,74,.18);
  color: #14532d;
  font-size: var(--fs-12);
  font-weight: 900;
}

/* ---------- Header ---------- */
.header{
  position: sticky; top:0; z-index: 30;
  background: rgba(255,255,255,.78);
  backdrop-filter: blur(14px);
  border-bottom: 1px solid var(--border2);
}
.header__inner{
  display:flex; align-items:center; justify-content:space-between;
  gap:16px;
  padding:14px 0;
}

.brand{
  display:flex; align-items:center; gap:12px;
  min-width: 250px;
}
.brand__mark{
  width:44px;height:44px;
  display:grid;place-items:center;
  border-radius: 14px;
  background: rgba(255,255,255,.95);
  border: 1px solid var(--border2);
  box-shadow: var(--shadow3);
  color: var(--text);
}
.brand__text{display:flex; flex-direction:column; gap:2px}
.brand__text strong{font-weight: 900}
.brand__sub{font-size: var(--fs-12); color: var(--muted2)}

.nav{display:flex; align-items:center; gap:18px}
.nav__link{
  color: var(--muted);
  font-size: var(--fs-14);
  padding: 8px 10px;
  border-radius: 12px;
  transition: background .2s ease, color .2s ease;
}
.nav__link:hover{
  background: var(--inkSoft);
  color: var(--text);
}

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

/* Mobile icon */
.iconbtn{
  display:none;
  width:44px;height:44px;
  border-radius: 14px;
  background: rgba(255,255,255,.95);
  border: 1px solid var(--border2);
  box-shadow: var(--shadow3);
  cursor:pointer;
  color: var(--text);
}
.iconbtn__bar{
  display:block;
  width:18px;height:2px;
  background: rgba(15,23,42,.70);
  margin: 4px auto;
  border-radius: 2px;
}
.iconbtn--x{display:grid;place-items:center;font-size:16px}

/* ---------- Buttons (better identity) ---------- */
.btn{
  display:inline-flex; align-items:center; justify-content:center; gap:10px;
  padding: 11px 14px;
  border-radius: 14px;
  border: 1px solid var(--border2);
  background: rgba(255,255,255,.92);
  color: var(--text);
  font-weight: 900;
  cursor:pointer;
  box-shadow: var(--shadow3);
  transition: transform .15s ease, box-shadow .2s ease, background .2s ease, border-color .2s ease;
  user-select:none;
}
.btn:hover{transform: translateY(-1px); box-shadow: var(--shadow2)}
.btn:active{transform: translateY(0)}
.btn__icon{opacity:.85}
.w100{width:100%}

.btn--primary{
  border-color: rgba(22,163,74,.22);
  background:
    linear-gradient(135deg, rgba(22,163,74,.14), rgba(37,99,235,.10));
}
.btn--primary:hover{
  border-color: rgba(22,163,74,.30);
}

.btn--ghost{
  background: transparent;
  box-shadow: none;
}
.btn--ghost:hover{background: var(--inkSoft); box-shadow: none}

.btn--soft{
  border-color: rgba(37,99,235,.22);
  background: rgba(37,99,235,.09);
}

.btn--success{
  border-color: rgba(22,163,74,.24);
  background: rgba(22,163,74,.12);
  color:#14532d;
}

.btn--warning{
  border-color: rgba(245,158,11,.30);
  background: rgba(245,158,11,.14);
  color:#78350f;
}

.btn--danger{
  border-color: rgba(239,68,68,.26);
  background: rgba(239,68,68,.11);
  color:#7f1d1d;
}

.link{
  color: var(--brand2);
  text-decoration: underline;
  text-underline-offset: 3px;
  text-decoration-thickness: 1px;
}
.link.subtle{color: var(--muted); text-decoration:none}
.link.subtle:hover{color: var(--text)}

/* ---------- Hero ---------- */
.hero{position:relative; padding: 34px 0 10px}
.hero__grid{
  display:grid;
  grid-template-columns: 1.12fr .88fr;
  gap: 26px;
  align-items: center;
}

.kicker{
  display:inline-flex; align-items:center; gap:10px;
  padding: 8px 12px;
  border-radius: 999px;
  border: 1px solid var(--border2);
  background: rgba(255,255,255,.80);
  color: var(--muted);
  font-size: var(--fs-13);
  box-shadow: var(--shadow3);
  margin-bottom: 12px;
}
.kicker__dot{
  width:10px;height:10px;border-radius:999px;
  background: linear-gradient(135deg, var(--brand), var(--brand2));
}

.hero__title{
  margin:0 0 10px;
  font-size: clamp(28px, 4vw, 35px);
  line-height: 1.72;
  letter-spacing: -0.2px;
  font-weight: 900;
}
.grad{
  background: linear-gradient(90deg, var(--brand), var(--brand2));
  -webkit-background-clip: text;
  background-clip:text;
  color: transparent;
}
.hero__desc{
  margin:0 0 18px;
  color: var(--muted);
  font-size: var(--fs-16);
}
.hero__cta{display:flex; gap:12px; flex-wrap:wrap; margin-bottom: 16px}

.hero__meta{display:flex; flex-wrap:wrap; gap:10px; color: var(--muted); font-size: var(--fs-14);margin-top: 50px;}
.meta{
  display:flex; align-items:center; gap:8px;
  padding: 8px 10px;
  border-radius: 999px;
  background: rgba(255,255,255,.86);
  border: 1px solid var(--border2);
  box-shadow: var(--shadow3);
}
.meta__icon{
  width:22px;height:22px;
  display:grid;place-items:center;
  border-radius: 999px;
  background: var(--brandSoft);
  border: 1px solid rgba(22,163,74,.18);
}

/* ---------- Slider ---------- */
.slider{
  border-radius: var(--radius-lg);
  border: 1px solid var(--border2);
  background: #fff;
  overflow:hidden;
  box-shadow: var(--shadow);
}
.slider__viewport{position:relative; height: 385px}
.slide{
  position:absolute; inset:0;
  background-image: var(--bg);
  background-size: cover;
  background-position: center;
  opacity: 0;
  transform: scale(1.02);
  transition: opacity .35s ease, transform .65s ease;
}
.slide.is-active{opacity:1; transform: scale(1)}
.slide__overlay{
  position:absolute; inset:0;
  background:
    linear-gradient(180deg, rgba(255,255,255,.02), rgba(2,8,23,.55));
}
.slide__caption{
  position:absolute; bottom: 16px; right: 16px; left: 16px;
  padding: 14px 14px;
  border-radius: 16px;
  background: rgba(255,255,255,.86);
  border: 1px solid rgba(15,23,42,.12);
  backdrop-filter: blur(10px);
  box-shadow: var(--shadow2);
  display:flex; flex-direction:column; gap:2px;
}
.slide__caption strong{font-weight: 900}
.slide__caption span{color: var(--muted); font-size: var(--fs-13)}

.slider__controls{
  display:flex; align-items:center; justify-content:space-between;
  gap: 10px;
  padding: 12px;
  border-top: 1px solid var(--border2);
  background: rgba(255,255,255,.92);
}
.pill{
  width:44px;height:38px;
  border-radius: 999px;
  border: 1px solid rgba(15,23,42,.12);
  background: #fff;
  color: var(--text);
  cursor:pointer;
  box-shadow: var(--shadow3);
  transition: transform .15s ease, box-shadow .2s ease;
}
.pill:hover{transform: translateY(-1px); box-shadow: var(--shadow2)}
.dots{display:flex; gap:8px}
.dotbtn{
  width:10px;height:10px; border-radius:999px;
  border: 1px solid rgba(15,23,42,.28);
  background: transparent;
  cursor:pointer;
  opacity:.8;
}
.dotbtn.is-active{
  background: linear-gradient(135deg, var(--brand), var(--brand2));
  border-color: transparent;
  opacity: 1;
}

/* hero extra card */
.hero__card{
  margin-top: 10px;
  padding: 12px 14px;
  border-radius: var(--radius-lg);
  border: 1px solid var(--border2);
  background: rgba(255,255,255,.90);
  box-shadow: var(--shadow3);
  display:grid; gap: 10px;
}
.hero__cardRow{display:flex; align-items:center; justify-content:space-between; gap: 12px}
.tag{
  font-size: var(--fs-12);
  font-weight: 900;
  padding: 6px 10px;
  border-radius: 999px;
  background: var(--brandSoft);
  color: #14532d;
  border: 1px solid rgba(22,163,74,.18);
}
.tag--blue{
  background: var(--brand2Soft);
  color: #1e3a8a;
  border-color: rgba(37,99,235,.18);
}

.hero__line{
  margin-top: 26px;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(15,23,42,.12), transparent);
}

/* ---------- Sections ---------- */
.section{padding: 56px 0}
.section--tinted{
  background: var(--bg2);
  border-top: 1px solid rgba(15,23,42,.06);
  border-bottom: 1px solid rgba(15,23,42,.06);
}
.section__head{display:flex; flex-direction:column; gap:8px; margin-bottom: 18px}
.section__title{margin:0; font-size: var(--fs-22); font-weight: 900}
.section__desc{margin:0; color: var(--muted)}

/* ---------- Cards (more attractive minimal) ---------- */
.cards{
  margin-top: 16px;
  display:grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
}
.card{
  padding: 16px;
  border-radius: var(--radius-md);
  border: 1px solid var(--border2);
  background: #fff;
  box-shadow: var(--shadow3);
  transition: transform .15s ease, box-shadow .2s ease, border-color .2s ease;
  position: relative;
  overflow: hidden;
}
.card::before{
  content:"";
  position:absolute; top:0; right:0; left:0; height:3px;
  background: linear-gradient(90deg, var(--brand), var(--brand2));
  opacity:.75;
}
.card:hover{
  transform: translateY(-2px);
  box-shadow: var(--shadow2);
  border-color: rgba(15,23,42,.14);
}
.card__icon{
  width:42px;height:42px;
  display:grid;place-items:center;
  border-radius: 14px;
  background: linear-gradient(135deg, rgba(22,163,74,.12), rgba(37,99,235,.10));
  border: 1px solid rgba(15,23,42,.06);
  margin-bottom: 10px;
}
.card__title{margin:0 0 6px; font-size: 16px; font-weight: 900}
.card__text{margin:0; color: var(--muted); font-size: var(--fs-14)}

/* ---------- Steps ---------- */
.steps{
  display:grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
  margin-top: 16px;
}
.step{
  display:flex; gap: 12px;
  padding: 14px;
  border-radius: var(--radius-md);
  border: 1px solid var(--border2);
  background: #fff;
  box-shadow: var(--shadow3);
  transition: transform .15s ease, box-shadow .2s ease;
}
.step:hover{transform: translateY(-1px); box-shadow: var(--shadow2)}
.step__num{
  width:46px;height:46px;
  display:grid;place-items:center;
  border-radius: 16px;
  background: linear-gradient(135deg, var(--brandSoft), rgba(37,99,235,.08));
  border: 1px solid rgba(15,23,42,.06);
  font-weight: 900;
  color: var(--text);
}
.step__title{margin:0 0 4px; font-size: 16px; font-weight: 900}
.step__text{margin:0; color: var(--muted); font-size: var(--fs-14)}

/* ---------- Callout ---------- */
.callout{
  margin-top: 18px;
  padding: 18px;
  border-radius: var(--radius-lg);
  border: 1px solid rgba(37,99,235,.16);
  background:
    radial-gradient(700px 220px at 20% 0%, rgba(37,99,235,.14), transparent 60%),
    radial-gradient(700px 220px at 80% 0%, rgba(22,163,74,.14), transparent 60%),
    #ffffff;
  box-shadow: var(--shadow3);
  display:flex; align-items:center; justify-content:space-between; gap:14px;
}
.callout__text h3{margin:0 0 6px; font-size: var(--fs-18); font-weight: 900}
.callout__text p{margin:0; color: var(--muted)}
.callout__actions{display:flex; gap:10px; flex-wrap:wrap}

/* ---------- Trust layout ---------- */
.trust{
  display:grid;
  grid-template-columns: 1.05fr .95fr;
  gap: 18px;
  align-items: start;
}
.checklist{
  margin: 14px 0 0;
  padding:0;
  list-style:none;
  display:grid;
  gap: 8px;
  color: var(--muted);
}
.checklist li{position: relative; padding-right: 24px}
.checklist li::before{
  content:"✓";
  position:absolute; right:0; top: 0;
  color: var(--brand);
  font-weight: 900;
}

.stats{
  margin-top: 16px;
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
}
.stat{
  padding: 12px;
  border-radius: var(--radius-md);
  border: 1px solid var(--border2);
  background: #fff;
  box-shadow: var(--shadow3);
}
.stat__num{font-weight: 900}
.stat__label{color: var(--muted); font-size: var(--fs-13)}

/* ---------- Panel + form ---------- */
.panel{
  padding: 16px;
  border-radius: var(--radius-lg);
  border: 1px solid var(--border2);
  background: #fff;
  box-shadow: var(--shadow2);
}
.panel__head{
  display:flex; align-items:center; justify-content:space-between;
  margin-bottom: 10px;
}
.pilltag{
  font-size: var(--fs-12);
  color: var(--muted);
  border: 1px solid rgba(15,23,42,.10);
  background: rgba(15,23,42,.03);
  padding: 5px 10px;
  border-radius: 999px;
}
.form{display:grid; gap: 10px}
.field{display:grid; gap: 6px}
.field__label{font-size: var(--fs-13); color: var(--muted); font-weight: 800}
.field__input{
  width:100%;
  padding: 12px 12px;
  border-radius: 14px;
  border: 1px solid rgba(15,23,42,.14);
  background: #fff;
  color: var(--text);
  outline: none;
  transition: box-shadow .2s ease, border-color .2s ease;
}
.field__input:focus{
  border-color: rgba(37,99,235,.35);
  box-shadow: 0 0 0 4px rgba(37,99,235,.12);
}
.field__hint{font-size: var(--fs-12); color: var(--muted2)}
.form__note{color: var(--muted2); font-size: var(--fs-12)}

/* ---------- FAQ ---------- */
.faq{display:grid; gap:10px; margin-top: 14px}
.faq__item{
  width:100%;
  display:flex; align-items:center; justify-content:space-between; gap: 10px;
  padding: 14px 14px;
  border-radius: var(--radius-md);
  border: 1px solid var(--border2);
  background: #fff;
  color: var(--text);
  cursor:pointer;
  font-weight: 900;
  box-shadow: var(--shadow3);
  transition: transform .15s ease, box-shadow .2s ease;
}
.faq__item:hover{transform: translateY(-1px); box-shadow: var(--shadow2)}
.faq__icon{opacity:.8}
.faq__panel{margin-top:-4px; padding: 0 14px 14px; color: var(--muted)}

/* ---------- Footer ---------- */
.footer{
  padding: 44px 0 18px;
  border-top: 1px solid rgba(15,23,42,.06);
  background:
    radial-gradient(900px 260px at 10% 0%, rgba(22,163,74,.08), transparent 60%),
    radial-gradient(900px 260px at 90% 0%, rgba(37,99,235,.08), transparent 60%),
    #fff;
}
.footer__grid{
  display:grid;
  grid-template-columns: 1.1fr .9fr;
  gap: 18px;
  align-items:start;
}
.brand--footer .brand__mark{box-shadow: var(--shadow3)}
.footer__text{color: var(--muted); margin: 12px 0 0}
.footer__cols{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
}
.footer__col h4{margin:0 0 10px; font-size: var(--fs-14); font-weight: 900}
.footer__col a{display:block; color: var(--muted); padding: 6px 0}
.footer__col a:hover{color: var(--text)}
.kv{display:flex; gap:8px; color: var(--muted); font-size: var(--fs-13); padding: 6px 0}
.kv__k{color: rgba(15,23,42,.85); font-weight: 800}
.footer__bottom{
  margin-top: 22px;
  padding-top: 14px;
  border-top: 1px solid rgba(15,23,42,.06);
  display:flex; align-items:center; justify-content:space-between; gap:12px;
  color: var(--muted2);
  font-size: var(--fs-13);
}

/* ---------- Social ---------- */
.social{display:flex; gap:10px; margin-top: 14px}
.social__btn{
  width:40px;height:40px;
  display:grid;place-items:center;
  border-radius: 14px;
  border: 1px solid var(--border2);
  background: #fff;
  color: var(--text);
  box-shadow: var(--shadow3);
  transition: transform .15s ease, box-shadow .2s ease;
}
.social__btn:hover{transform: translateY(-1px); box-shadow: var(--shadow2)}

/* ---------- Drawer ---------- */
.drawer[hidden]{display:none}
.drawer{position:fixed; inset:0; z-index:50}
.drawer__backdrop{position:absolute; inset:0; background: rgba(2,8,23,.25)}
.drawer__panel{
  position:absolute;
  top: 12px; right: 12px; left: 12px;
  max-width: 520px;
  margin-inline:auto;
  border-radius: var(--radius-lg);
  border: 1px solid var(--border2);
  background: rgba(255,255,255,.94);
  backdrop-filter: blur(14px);
  box-shadow: var(--shadow);
  padding: 12px;
}
.drawer__head{display:flex; align-items:center; justify-content:space-between; gap:10px; padding:6px 4px 12px}
.drawer__title{font-weight: 900}
.drawer__links{display:grid; gap:6px}
.drawer__link{
  padding: 12px;
  border-radius: 14px;
  border: 1px solid var(--border2);
  background: #fff;
  color: var(--text);
  box-shadow: var(--shadow3);
}
.drawer__cta{display:grid; gap:10px; margin-top:10px}

/* ---------- Modal ---------- */
.modal[hidden]{display:none}
.modal{position:fixed; inset:0; z-index:60}
.modal__backdrop{position:absolute; inset:0; background: rgba(2,8,23,.30)}
.modal__box{
  position: relative;
  z-index: 1;
  width: min(560px, calc(100% - 26px));
  margin: 10vh auto;
  border-radius: var(--radius-lg);
  border: 1px solid var(--border2);
  background: rgba(255,255,255,.96);
  backdrop-filter: blur(14px);
  box-shadow: var(--shadow);
  overflow:hidden;
}
.modal__head{
  display:flex; align-items:center; justify-content:space-between;
  padding: 14px;
  border-bottom: 1px solid rgba(15,23,42,.06);
}
.modal__body{padding: 14px}
.modal__grid{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin: 10px 0;
}
.bullets{margin:0; padding-right: 18px; color: var(--muted)}

.helpbox{display:grid; gap:8px; margin-bottom:10px}
.helpbox__item{
  display:flex; justify-content:space-between; gap:12px;
  padding: 10px 12px;
  border-radius: 14px;
  border: 1px solid var(--border2);
  background: #fff;
  box-shadow: var(--shadow3);
}
.helpbox__k{color: rgba(15,23,42,.85); font-weight: 900}
.helpbox__v{color: var(--muted)}

/* ---------- Floating Button ---------- */
.fab{
  position: fixed;
  bottom: 16px;
  left: 16px;
  width: 48px;
  height: 48px;
  border-radius: 18px;
  border: 1px solid rgba(37,99,235,.22);
  background: linear-gradient(135deg, rgba(37,99,235,.10), rgba(22,163,74,.08));
  color: var(--text);
  font-weight: 900;
  cursor:pointer;
  box-shadow: var(--shadow3);
  transition: transform .15s ease, box-shadow .2s ease;
}
.fab:hover{transform: translateY(-1px); box-shadow: var(--shadow2)}

/* ---------- Toast ---------- */
.toast[hidden]{display:none}
.toast{position:fixed; bottom:16px; right:16px; z-index:80}
.toast__inner{
  max-width: 360px;
  padding: 12px 14px;
  border-radius: 16px;
  border: 1px solid var(--border2);
  background: rgba(255,255,255,.96);
  box-shadow: var(--shadow2);
  color: var(--text);
}

/* ---------- Responsive ---------- */
@media (max-width: 980px){
  .hero__grid{grid-template-columns: 1fr}
  .slider__viewport{height: 340px}
  .cards{grid-template-columns: repeat(2, 1fr)}
  .trust{grid-template-columns: 1fr}
  .footer__grid{grid-template-columns: 1fr}
  .footer__cols{grid-template-columns: repeat(2, 1fr)}
  .nav{display:none}
  .iconbtn{display:inline-grid; place-items:center}
}

@media (max-width: 560px){
  .topbar__left{display:none}
  .cards{grid-template-columns: 1fr}
  .steps{grid-template-columns: 1fr}
  .modal__grid{grid-template-columns: 1fr}
  .footer__cols{grid-template-columns: 1fr}
}

/* Final homepage polish */
.hero{padding:28px 0 8px}
.hero__grid{gap:30px}
.hero__title{font-size:clamp(28px,3.7vw,42px);line-height:1.55;margin-bottom:12px}
.hero__desc{max-width:620px;line-height:2}
.hero__meta{margin-top:22px}
.slider{background:rgba(255,255,255,.9)}
.slider__viewport{height:420px;background:linear-gradient(135deg,#f8fafc,#eef6f0)}
.slide{background-size:cover;background-repeat:no-repeat;background-position:center;transform:scale(1.01)}
.slide::before{content:"";position:absolute;inset:0;background-image:var(--bg);background-size:cover;background-position:center;filter:blur(18px);transform:scale(1.08);opacity:.25;z-index:-1}
.slide__overlay{background:linear-gradient(180deg,rgba(255,255,255,.18),rgba(2,8,23,.16))}
.slide__caption{right:18px;left:18px;bottom:18px;background:rgba(255,255,255,.9);border-color:rgba(15,23,42,.08)}
.section{padding:56px 0}
.section__head{margin-bottom:22px}
.card,.step,.panel,.callout{border-color:rgba(15,23,42,.075)}
.trust .section__desc{max-width:620px}
.checklist{gap:8px}
.footer__text{max-width:480px}
@media (max-width:980px){.slider__viewport{height:360px}}
@media (max-width:560px){.slider__viewport{height:270px}.hero__meta{margin-top:14px}.topbar__inner{justify-content:center}.brand{min-width:auto}.header__actions .btn{padding:10px 12px}}

/* ---------- Local SweetAlert + Captcha ---------- */
.swal-lite{position:fixed;inset:0;z-index:120;display:grid;place-items:center;padding:18px;animation:swalFade .14s ease both}
.swal-lite.is-closing{animation:swalFadeOut .14s ease both}
.swal-lite__backdrop{position:absolute;inset:0;background:rgba(2,8,23,.42);backdrop-filter:blur(6px)}
.swal-lite__box{position:relative;width:min(410px,100%);border-radius:26px;background:rgba(255,255,255,.98);border:1px solid rgba(15,23,42,.08);box-shadow:0 30px 90px rgba(15,23,42,.25);padding:24px;text-align:center;transform:translateY(0);animation:swalPop .18s ease both}
.swal-lite__icon{width:62px;height:62px;border-radius:22px;display:grid;place-items:center;margin:0 auto 14px;font-size:28px;font-weight:900;border:1px solid currentColor}
.swal-lite__icon--success{color:#15803d;background:rgba(22,163,74,.10)}
.swal-lite__icon--error{color:#b91c1c;background:rgba(239,68,68,.10)}
.swal-lite__icon--warning{color:#b45309;background:rgba(245,158,11,.13)}
.swal-lite__icon--info{color:#1d4ed8;background:rgba(37,99,235,.10)}
.swal-lite__title{margin:0 0 8px;font-size:20px;color:var(--text)}
.swal-lite__text{margin:0 auto 18px;color:var(--muted);line-height:2;max-width:330px;white-space:pre-line}
.swal-lite__btn{min-width:130px;justify-content:center}
@keyframes swalFade{from{opacity:0}to{opacity:1}}
@keyframes swalFadeOut{from{opacity:1}to{opacity:0}}
@keyframes swalPop{from{opacity:.8;transform:translateY(10px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}
.captcha-field__row{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center}
.captcha-field__question{min-width:96px;text-align:center;border-radius:14px;padding:11px 12px;background:rgba(37,99,235,.08);border:1px solid rgba(37,99,235,.16);font-weight:900;color:var(--text);direction:ltr}
.captcha-field__input{text-align:center;direction:ltr}
.reset-code-box{display:grid;gap:8px;text-align:center}
.reset-code-box code{display:inline-block;direction:ltr;font-size:26px;letter-spacing:5px;background:#fff;border:1px solid rgba(15,23,42,.08);border-radius:16px;padding:8px 14px;color:var(--text)}
@media (max-width:560px){.captcha-field__row{grid-template-columns:1fr}.captcha-field__question{min-width:auto}.swal-lite__box{padding:20px;border-radius:22px}}

/* ---------- Final UI polish inspired by modern brokerage landing pages ---------- */
.flash-container{margin-top:0;min-height:0}
.alert[data-swal]{display:none!important}
.topbar{background:#0f172a;color:#e2e8f0;border:0}
.topbar__inner{padding:7px 0;color:#e2e8f0;font-size:13px}
.topbar .badge{background:rgba(255,255,255,.11);color:#fff;border-color:rgba(255,255,255,.16)}
.topbar .link.subtle,.topbar__phone{color:#fff;font-weight:800}
.header{background:rgba(255,255,255,.94);box-shadow:0 10px 30px rgba(15,23,42,.05)}
.header__inner{padding:16px 0}
.brand__mark{background:linear-gradient(135deg,#f8fafc,#fff);color:#16a34a;border-radius:16px}
.nav{gap:8px;padding:4px;border:1px solid rgba(15,23,42,.06);border-radius:999px;background:#f8fafc}
.nav__link{padding:9px 14px;border-radius:999px;color:#334155;font-weight:850}
.nav__link:hover{background:#fff;box-shadow:0 6px 16px rgba(15,23,42,.06)}
.btn--login{padding-inline:16px;border-radius:999px;background:linear-gradient(135deg,#16a34a,#2563eb);color:#fff;border-color:transparent;box-shadow:0 14px 26px rgba(37,99,235,.16)}
.btn__icon--svg{display:grid;place-items:center;width:22px;height:22px;opacity:1}
.btn__icon--svg svg{display:block}
.btn--login:hover{box-shadow:0 16px 30px rgba(37,99,235,.22)}
body{background:#fff}
body::before{display:none}
.hero{padding:44px 0 18px;background:linear-gradient(180deg,#f8fafc 0%,#fff 72%)}
.hero__grid{grid-template-columns:.86fr 1.14fr;gap:34px;align-items:center}
.kicker{box-shadow:none;background:#ecfdf5;border-color:rgba(22,163,74,.18);color:#166534;font-weight:900}
.hero__title{font-size:clamp(32px,4.8vw,48px);line-height:1.45;letter-spacing:-.04em;margin-bottom:14px}
.hero__desc{font-size:17px;max-width:520px;color:#475569}
.hero__cta{margin-bottom:22px}
.hero__cta .btn{border-radius:999px;padding:12px 18px}
.hero__meta{margin-top:0;gap:8px}
.meta{box-shadow:none;background:#fff;border-color:rgba(15,23,42,.08);font-weight:800}
.hero__visual{position:relative}
.slider{border-radius:28px;border-color:rgba(15,23,42,.08);box-shadow:0 26px 70px rgba(15,23,42,.12);background:#f8fafc;overflow:hidden}
.slider__viewport{height:430px;background:linear-gradient(135deg,#f8fafc,#eef2ff)}
.slide{background-size:cover;background-position:center;background-repeat:no-repeat;background-color:#f8fafc;transform:none;transition:opacity .35s ease}
.slide.is-active{transform:none}
.slide__overlay{background:linear-gradient(180deg,rgba(255,255,255,0) 55%,rgba(15,23,42,.38) 100%)}
.slide__caption{right:22px;left:auto;bottom:22px;min-width:min(310px,calc(100% - 44px));background:rgba(255,255,255,.93);border-radius:20px;padding:15px 18px}
.slider__controls{position:absolute;left:18px;bottom:18px;width:auto;padding:8px;border-radius:999px;border:1px solid rgba(15,23,42,.08);background:rgba(255,255,255,.9);box-shadow:0 10px 22px rgba(15,23,42,.10)}
.pill{width:36px;height:34px;box-shadow:none}
.dots{align-items:center}
.dotbtn{width:8px;height:8px;border:0;background:#cbd5e1}
.dotbtn.is-active{width:22px;background:#16a34a}
.hero__card{position:absolute;right:-8px;bottom:-26px;max-width:340px;border-radius:22px;box-shadow:0 20px 42px rgba(15,23,42,.13)}
.hero__line{display:none}
.quick-links{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:44px}
.quick-link{appearance:none;border:1px solid rgba(15,23,42,.08);background:#fff;border-radius:22px;padding:16px;text-align:right;display:flex;flex-direction:column;gap:3px;box-shadow:0 10px 24px rgba(15,23,42,.06);transition:transform .16s ease,box-shadow .2s ease,border-color .2s ease;cursor:pointer;color:var(--text)}
.quick-link:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(15,23,42,.10);border-color:rgba(22,163,74,.22)}
.quick-link span{font-weight:1000;font-size:15px}
.quick-link small{color:#64748b;font-weight:800}
.section{padding:48px 0}
.section--tinted{background:#f8fafc;border-color:rgba(15,23,42,.05)}
.section__head{align-items:flex-start;margin-bottom:18px}
.cards{grid-template-columns:repeat(4,1fr)}
.card,.step,.panel,.stat,.faq__item{box-shadow:0 8px 22px rgba(15,23,42,.05);border-color:rgba(15,23,42,.07)}
.card{border-radius:22px;padding:18px}
.card::before{height:0}
.card__icon{background:#f8fafc;color:#16a34a}
.callout{box-shadow:0 14px 34px rgba(15,23,42,.06);border-radius:26px}
.trust{grid-template-columns:1fr .9fr}
.footer{background:#0f172a;color:#fff;border:0;padding-top:38px}
.footer__text,.footer .brand__sub,.footer__col a,.footer .kv__k,.footer .kv__v,.footer__bottom{color:#cbd5e1}
.footer .brand__mark{background:#fff;color:#16a34a}
.footer__col h4{color:#fff}
.footer__bottom{border-top-color:rgba(255,255,255,.10)}
.fab{background:linear-gradient(135deg,#16a34a,#2563eb);color:#fff;border:0;box-shadow:0 16px 40px rgba(37,99,235,.26)}
.form.is-loading{opacity:.68;pointer-events:none}
.form [type="submit"].is-loading::after{content:"";width:14px;height:14px;border:2px solid currentColor;border-top-color:transparent;border-radius:999px;margin-right:6px;animation:spin .7s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.swal-lite__box{border-radius:28px;box-shadow:0 28px 80px rgba(15,23,42,.22)}
.swal-lite__icon{border-radius:20px}
@media (max-width:980px){
  .hero__grid{grid-template-columns:1fr;gap:24px}.slider__viewport{height:360px}.hero__card{position:static;max-width:none;margin-top:12px}.quick-links{grid-template-columns:repeat(2,1fr);margin-top:24px}.nav{display:none}.iconbtn{display:block}
}
@media (max-width:640px){
  .container{width:min(var(--container), calc(100% - 26px))}.topbar__left{display:none}.brand{min-width:0}.brand__sub{display:none}.hero{padding-top:26px}.hero__title{font-size:31px}.slider__viewport{height:280px}.slide__caption{right:12px;bottom:12px;min-width:calc(100% - 24px)}.slider__controls{left:12px;bottom:auto;top:12px}.quick-links,.cards,.steps,.stats,.footer__grid,.footer__cols{grid-template-columns:1fr}.hero__meta{display:grid}.callout{align-items:stretch;flex-direction:column}.callout__actions{display:grid}.trust{grid-template-columns:1fr}
}

/* ---------- UX polish patch: cleaner hero, icon quick links, compact FAQ ---------- */
.hero{
  padding: 38px 0 28px;
  background:
    radial-gradient(780px 360px at 15% 18%, rgba(37,99,235,.08), transparent 62%),
    radial-gradient(760px 340px at 86% 8%, rgba(22,163,74,.10), transparent 60%),
    linear-gradient(180deg,#f8fafc 0%,#fff 78%);
  overflow: hidden;
}
.hero__grid{
  grid-template-columns: minmax(360px,.92fr) minmax(440px,1.08fr);
  gap: 42px;
  align-items: center;
}
.hero__content{max-width: 570px; padding-top: 4px}
.hero__title{max-width: 620px; line-height: 1.42; margin-bottom: 14px}
.hero__desc{margin-bottom: 20px; max-width: 500px}
.hero__cta{margin-bottom: 18px}
.hero__meta{margin-top: 0; gap: 9px}
.meta{padding: 7px 10px; font-size: 13px; line-height: 1.5}
.meta__icon{width: 24px; height: 24px; flex: 0 0 24px}
.hero__visual{
  position: relative;
  isolation: isolate;
}
.hero__visual::before{
  content:"";
  position:absolute;
  inset: 28px -18px -18px 42px;
  border-radius: 40px;
  background: linear-gradient(135deg, rgba(22,163,74,.10), rgba(37,99,235,.08));
  z-index: -1;
}
.slider{
  border-radius: 30px;
  box-shadow: 0 22px 60px rgba(15,23,42,.11);
  border-color: rgba(15,23,42,.075);
  background: #fff;
}
.slider__viewport{
  height: 382px;
  background: linear-gradient(135deg,#f8fafc,#eef6f0);
}
.slide{background-size: cover; background-position: center; background-repeat: no-repeat; background-color: #f8fafc}
.slide::before{opacity:.18; filter: blur(20px)}
.slide__overlay{background:linear-gradient(180deg,rgba(255,255,255,.04) 48%,rgba(15,23,42,.22) 100%)}
.slide__caption{
  right: 18px;
  left: auto;
  bottom: 18px;
  min-width: min(286px, calc(100% - 36px));
  max-width: 286px;
  padding: 13px 16px;
  border-radius: 18px;
}
.slider__controls{
  left: 18px;
  bottom: 18px;
  padding: 7px;
}
.hero__card{
  position: static;
  max-width: none;
  margin-top: 14px;
  padding: 8px;
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 8px;
  border-radius: 22px;
  background: rgba(255,255,255,.82);
  box-shadow: 0 12px 30px rgba(15,23,42,.07);
  backdrop-filter: blur(10px);
}
.hero__cardRow{
  justify-content: flex-start;
  flex-direction: row-reverse;
  gap: 9px;
  min-width: 0;
  padding: 10px 12px;
  border-radius: 16px;
  background: #fff;
  border: 1px solid rgba(15,23,42,.06);
}
.hero__cardRow .muted{white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 12px}
.quick-links{
  margin-top: 30px;
  gap: 14px;
}
.quick-link{
  min-height: 92px;
  padding: 14px;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
  border-radius: 24px;
  background: linear-gradient(180deg,#fff,#fbfdff);
}
.quick-link__icon{
  width: 48px;
  height: 48px;
  flex: 0 0 48px;
  display: grid;
  place-items: center;
  border-radius: 18px;
  color: #15803d;
  background: rgba(22,163,74,.10);
  border: 1px solid rgba(22,163,74,.16);
  box-shadow: 0 8px 18px rgba(22,163,74,.08);
}
.quick-link__icon svg{display:block}
.quick-link__icon--blue{color:#2563eb;background:rgba(37,99,235,.10);border-color:rgba(37,99,235,.16);box-shadow:0 8px 18px rgba(37,99,235,.08)}
.quick-link__icon--amber{color:#d97706;background:rgba(245,158,11,.12);border-color:rgba(245,158,11,.20);box-shadow:0 8px 18px rgba(245,158,11,.08)}
.quick-link__icon--purple{color:#7c3aed;background:rgba(124,58,237,.10);border-color:rgba(124,58,237,.16);box-shadow:0 8px 18px rgba(124,58,237,.08)}
.quick-link__text{display:grid; gap: 1px; min-width:0}
.quick-link__text strong{font-weight: 1000; font-size: 15px; line-height: 1.7}
.quick-link__text small{color:#64748b;font-weight:800;line-height:1.7}
.quick-link span.quick-link__icon{font-size: initial; font-weight: initial}
.quick-link span.quick-link__text{font-size: initial; font-weight: initial}
.faq-section{padding: 52px 0; background: linear-gradient(180deg,#f8fafc,#fff)}
.faq-layout{
  display: grid;
  grid-template-columns: minmax(420px,.98fr) minmax(320px,.82fr);
  gap: 30px;
  align-items: center;
}
.faq-content{max-width: 610px}
.section__head--compact{margin-bottom: 16px}
.section__head--compact .section__desc{max-width: 420px}
.faq{gap: 9px; margin-top: 0}
.faq__item{
  padding: 13px 15px;
  border-radius: 18px;
  box-shadow: 0 8px 22px rgba(15,23,42,.045);
}
.faq__panel{
  background: #fff;
  border: 1px solid rgba(15,23,42,.06);
  border-top: 0;
  border-radius: 0 0 18px 18px;
  margin: -12px 0 4px;
  padding: 18px 16px 14px;
  box-shadow: 0 8px 18px rgba(15,23,42,.035);
}
.faq__panel p{margin:0; line-height: 2; font-size: 14px}
.faq-visual{
  min-height: 320px;
  position: relative;
  display: grid;
  place-items: center;
}
.faq-shape{position:absolute; border-radius: 999px; filter: blur(.2px)}
.faq-shape--one{width: 220px; height: 220px; right: 12px; top: 10px; background: rgba(22,163,74,.11)}
.faq-shape--two{width: 160px; height: 160px; left: 32px; bottom: 4px; background: rgba(37,99,235,.10)}
.faq-illustration{
  position: relative;
  width: min(360px, 100%);
  border-radius: 34px;
  padding: 18px;
  background: rgba(255,255,255,.78);
  border: 1px solid rgba(15,23,42,.07);
  box-shadow: 0 22px 55px rgba(15,23,42,.08);
  backdrop-filter: blur(10px);
}
.faq-illustration__badge{
  position: absolute;
  right: 26px;
  top: 24px;
  z-index: 2;
  padding: 6px 12px;
  border-radius: 999px;
  background: #ecfdf5;
  color: #166534;
  border: 1px solid rgba(22,163,74,.18);
  font-weight: 1000;
  font-size: 12px;
}
.faq-illustration svg{width:100%;height:auto;display:block}
@media (max-width: 980px){
  .hero{padding-top: 28px}
  .hero__grid{grid-template-columns:1fr; gap: 26px}
  .hero__content{max-width: none}
  .hero__visual::before{inset: 22px -10px -12px 28px}
  .slider__viewport{height: 350px}
  .hero__card{grid-template-columns: 1fr 1fr}
  .quick-links{grid-template-columns: repeat(2,1fr); margin-top: 24px}
  .faq-layout{grid-template-columns:1fr; gap: 20px}
  .faq-content{max-width:none}
  .faq-visual{min-height: 250px; order: 2}
}
@media (max-width: 640px){
  .hero{padding-top: 24px}
  .hero__title{font-size: 30px; line-height: 1.55}
  .hero__desc{font-size: 15px}
  .hero__cta{display:grid}
  .hero__meta{display:grid; grid-template-columns:1fr; gap: 8px}
  .slider__viewport{height: 260px}
  .slide__caption{right: 12px; left: 12px; max-width: none; min-width: 0; bottom: 12px}
  .slider__controls{top: 12px; bottom: auto; left: 12px}
  .hero__card{grid-template-columns:1fr; padding: 7px}
  .quick-links{grid-template-columns:1fr; gap: 10px}
  .quick-link{min-height: 78px; border-radius: 20px}
  .quick-link__icon{width: 44px; height: 44px; flex-basis: 44px; border-radius: 16px}
  .faq-section{padding: 38px 0}
  .faq-visual{display:none}
}

/* ---------- UI/UX final patch: privacy card, footer hover, documents guide ---------- */
.trust-section{
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(760px 330px at 85% 12%, rgba(22,163,74,.09), transparent 62%),
    radial-gradient(720px 320px at 12% 86%, rgba(37,99,235,.08), transparent 60%),
    #fff;
}
.trust--polished{
  grid-template-columns: minmax(0,1.08fr) minmax(330px,.82fr);
  gap: 20px;
  align-items: stretch;
}
.security-card{
  position: relative;
  overflow: hidden;
  min-height: 380px;
  display: grid;
  grid-template-columns: minmax(0,1fr) 300px;
  gap: 22px;
  align-items: center;
  padding: 26px;
  border-radius: 34px;
  border: 1px solid rgba(15,23,42,.07);
  background:
    linear-gradient(135deg, rgba(255,255,255,.96), rgba(248,250,252,.92)),
    radial-gradient(520px 240px at 15% 0%, rgba(37,99,235,.10), transparent 60%),
    radial-gradient(460px 240px at 88% 12%, rgba(22,163,74,.12), transparent 62%);
  box-shadow: 0 22px 62px rgba(15,23,42,.08);
}
.security-card::before{
  content:"";
  position:absolute;
  inset: -1px;
  pointer-events:none;
  background:
    linear-gradient(90deg, transparent 0 36%, rgba(255,255,255,.70) 48%, transparent 62%);
  opacity:.45;
}
.security-card__content{position:relative;z-index:2;max-width:560px}
.security-card__eyebrow{
  width:max-content;
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-bottom: 10px;
  padding: 7px 12px;
  border-radius: 999px;
  color:#166534;
  background: rgba(22,163,74,.10);
  border:1px solid rgba(22,163,74,.16);
  font-weight: 950;
  font-size: 13px;
}
.security-card__dot{width:8px;height:8px;border-radius:999px;background:#16a34a;box-shadow:0 0 0 5px rgba(22,163,74,.13)}
.security-card .section__title{margin-bottom: 8px}
.security-card .section__desc{max-width: 520px;margin-bottom:18px}
.security-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:18px}
.security-feature{
  min-width:0;
  display:grid;
  gap:9px;
  padding: 14px;
  border:1px solid rgba(15,23,42,.07);
  border-radius: 22px;
  background: rgba(255,255,255,.78);
  box-shadow: 0 10px 24px rgba(15,23,42,.045);
}
.security-feature__icon{
  width:44px;height:44px;
  display:grid;place-items:center;
  border-radius: 16px;
  color:#15803d;
  background: rgba(22,163,74,.10);
  border:1px solid rgba(22,163,74,.16);
}
.security-feature__icon--blue{color:#2563eb;background:rgba(37,99,235,.10);border-color:rgba(37,99,235,.16)}
.security-feature__icon--amber{color:#d97706;background:rgba(245,158,11,.12);border-color:rgba(245,158,11,.20)}
.security-feature strong{display:block;font-size:14px;font-weight:1000;line-height:1.8;color:var(--text)}
.security-feature small{display:block;color:#64748b;font-weight:750;line-height:1.8}
.security-card__visual{
  position:relative;
  z-index:2;
  min-height:280px;
  display:grid;
  place-items:center;
}
.security-shield{
  position:relative;
  width: min(250px, 100%);
  padding: 10px;
  border-radius: 40px;
  background: rgba(255,255,255,.62);
  border: 1px solid rgba(255,255,255,.70);
  box-shadow: 0 24px 58px rgba(15,23,42,.09);
  backdrop-filter: blur(10px);
}
.security-shield svg{width:100%;height:auto;display:block}
.security-orb{position:absolute;border-radius:999px;filter:blur(.2px)}
.security-orb--one{width:190px;height:190px;right:8px;top:8px;background:rgba(22,163,74,.12)}
.security-orb--two{width:145px;height:145px;left:18px;bottom:4px;background:rgba(37,99,235,.12)}
.security-chip{
  position:absolute;
  z-index:3;
  padding: 9px 13px;
  border-radius: 999px;
  border:1px solid rgba(15,23,42,.07);
  background: rgba(255,255,255,.90);
  box-shadow: 0 14px 28px rgba(15,23,42,.08);
  color:#334155;
  font-weight: 950;
  font-size: 12px;
  white-space: nowrap;
}
.security-chip--top{top:38px;right:0}
.security-chip--bottom{left:0;bottom:40px;color:#166534}
.trust__tracker{display:flex;align-items:stretch}
.tracking-panel{
  width:100%;
  padding: 22px;
  border-radius: 30px;
  box-shadow: 0 22px 58px rgba(15,23,42,.08);
  background: rgba(255,255,255,.94);
}
.tracking-panel .panel__head{margin-bottom:16px}
.tracking-panel .field__input{padding:14px;border-radius:18px}
.footer{
  background:
    radial-gradient(760px 240px at 18% 0%, rgba(37,99,235,.18), transparent 58%),
    radial-gradient(720px 260px at 82% 8%, rgba(22,163,74,.18), transparent 58%),
    linear-gradient(180deg,#0f172a,#111827) !important;
}
.footer__col a,
.footer .link.subtle{
  border-radius: 12px;
  transition: color .18s ease, background .18s ease, padding .18s ease, transform .18s ease;
}
.footer__col a:hover,
.footer .link.subtle:hover{
  color: #bbf7d0 !important;
  background: rgba(255,255,255,.07);
  padding-right: 10px;
  transform: translateX(-2px);
}
.footer .social__btn{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.14);color:#e2e8f0}
.footer .social__btn:hover{color:#bbf7d0;background:rgba(22,163,74,.16);border-color:rgba(187,247,208,.25)}
.footer .kv{border-radius:12px;padding:6px 0;color:#cbd5e1}
.footer .kv__k{color:#e2e8f0 !important}
.footer .kv__v{color:#cbd5e1 !important}
.modal__box--guide{width:min(720px,calc(100% - 26px));border-radius:30px}
.modal__head--guide{align-items:flex-start;background:linear-gradient(135deg,rgba(22,163,74,.08),rgba(37,99,235,.06));border-bottom-color:rgba(15,23,42,.055)}
.modal__head--guide div{display:grid;gap:2px}
.modal__head--guide small{font-size:12px;color:#64748b;font-weight:750}
.docs-guide{display:grid;gap:14px}
.docs-guide__hero{
  display:flex;
  align-items:center;
  gap:14px;
  padding: 15px;
  border-radius: 24px;
  border: 1px solid rgba(15,23,42,.06);
  background:
    radial-gradient(300px 120px at 15% 0%, rgba(22,163,74,.13), transparent 60%),
    #fff;
  box-shadow: 0 10px 26px rgba(15,23,42,.05);
}
.docs-guide__icon{
  width:64px;height:64px;
  display:grid;place-items:center;
  flex:0 0 64px;
  border-radius: 22px;
  color:#2563eb;
  background: rgba(37,99,235,.09);
  border:1px solid rgba(37,99,235,.14);
}
.docs-guide__hero strong{display:block;font-weight:1000;font-size:16px;color:var(--text)}
.docs-guide__hero span{display:block;color:#64748b;font-size:13px;font-weight:750}
.docs-guide__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.doc-item{
  display:grid;
  gap:4px;
  min-height: 128px;
  padding: 14px;
  border-radius: 22px;
  background: linear-gradient(180deg,#fff,#f8fafc);
  border:1px solid rgba(15,23,42,.07);
  box-shadow: 0 8px 20px rgba(15,23,42,.045);
}
.doc-item span{width:42px;height:42px;display:grid;place-items:center;border-radius:16px;background:rgba(22,163,74,.10);font-size:22px}
.doc-item strong{font-size:14px;font-weight:1000;color:var(--text)}
.doc-item small{font-size:12px;color:#64748b;font-weight:750;line-height:1.8}
.docs-guide__tips{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
.docs-guide__tips span{
  position:relative;
  padding: 11px 36px 11px 12px;
  border-radius: 18px;
  background: rgba(22,163,74,.08);
  border:1px solid rgba(22,163,74,.13);
  color:#166534;
  font-weight:850;
  font-size:13px;
}
.docs-guide__tips span::before{content:"✓";position:absolute;right:13px;top:10px;font-weight:1000;color:#16a34a}
@media (max-width: 980px){
  .trust--polished{grid-template-columns:1fr}
  .security-card{grid-template-columns:1fr;min-height:auto}
  .security-card__visual{min-height:230px;order:-1}
  .security-features{grid-template-columns:repeat(3,1fr)}
}
@media (max-width: 720px){
  .security-card{padding:18px;border-radius:28px}
  .security-features{grid-template-columns:1fr}
  .security-card__visual{display:none}
  .docs-guide__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .docs-guide__tips{grid-template-columns:1fr}
}
@media (max-width: 460px){
  .docs-guide__grid{grid-template-columns:1fr}
  .docs-guide__hero{align-items:flex-start}
}

/* ---------- Header and validation polish - 2026-05-12 ---------- */
.landing-topbar{display:none!important}
.landing-header{
  background:rgba(255,255,255,.82)!important;
  border-bottom:1px solid rgba(226,232,240,.82)!important;
  box-shadow:0 18px 55px rgba(15,23,42,.06)!important;
  backdrop-filter:blur(18px);
}
.landing-header .header__inner{
  min-height:74px;
  padding:12px 0!important;
}
.landing-header .brand{
  min-width:270px;
}
.landing-header .brand__mark{
  position:relative;
  width:48px;
  height:48px;
  border-radius:18px;
  background:linear-gradient(135deg,#ffffff,#f8fafc)!important;
  color:#16a34a!important;
  box-shadow:0 14px 34px rgba(22,163,74,.13), inset 0 0 0 1px rgba(22,163,74,.12)!important;
}
.landing-header .brand__mark::after{
  content:"";
  position:absolute;
  left:10px;
  bottom:9px;
  width:7px;
  height:7px;
  border-radius:50%;
  background:#22c55e;
  box-shadow:0 0 0 4px rgba(34,197,94,.14);
}
.landing-nav{
  gap:6px!important;
  padding:6px!important;
  border:1px solid rgba(226,232,240,.95)!important;
  border-radius:999px!important;
  background:rgba(248,250,252,.76)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.92)!important;
}
.landing-nav .nav__link{
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:10px 13px!important;
  border-radius:999px!important;
  color:#334155!important;
  font-weight:900!important;
  white-space:nowrap;
}
.landing-nav .nav__link:hover{
  color:#0f172a!important;
  background:#fff!important;
  box-shadow:0 10px 24px rgba(15,23,42,.07)!important;
}
.nav__icon{
  width:22px;
  height:22px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:linear-gradient(135deg,rgba(22,163,74,.10),rgba(37,99,235,.09));
  color:#16a34a;
  font-size:12px;
  line-height:1;
}
.landing-actions{gap:10px!important}
.header-contact{
  display:inline-flex;
  align-items:center;
  gap:9px;
  min-height:44px;
  padding:7px 12px;
  border:1px solid rgba(226,232,240,.95);
  border-radius:999px;
  background:rgba(255,255,255,.78);
  box-shadow:0 12px 28px rgba(15,23,42,.06);
  color:#0f172a;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.header-contact:hover{
  transform:translateY(-1px);
  border-color:rgba(37,99,235,.22);
  box-shadow:0 16px 34px rgba(37,99,235,.10);
}
.header-contact__icon{
  width:30px;
  height:30px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:rgba(22,163,74,.10);
  color:#16a34a;
  font-weight:900;
}
.header-contact span:last-child{display:flex;flex-direction:column;gap:1px;line-height:1.4}
.header-contact small{color:#64748b;font-size:11px;font-weight:800}
.header-contact strong{font-size:12px;font-weight:1000;direction:ltr}
.field__input.is-invalid,
.field__textarea.is-invalid,
.field select.is-invalid,
.field--invalid .field__input,
.field--invalid .field__textarea{
  border-color:rgba(239,68,68,.62)!important;
  background:linear-gradient(135deg,#fff7f7,#fff)!important;
  box-shadow:0 0 0 4px rgba(239,68,68,.08)!important;
}
.field--invalid .field__label{color:#b91c1c!important}
@media (max-width:1100px){
  .header-contact{display:none}
  .landing-header .brand{min-width:240px}
}
@media (max-width:900px){
  .landing-nav{display:none!important}
  .landing-header .iconbtn{display:block}
  .landing-header .header__inner{min-height:68px}
}
@media (max-width:560px){
  .landing-header .brand{min-width:0}
  .landing-header .btn--login{padding:10px 12px!important}
}

/* ---------- Home refinement: About Mahestan + cleaner registration path ---------- */
.mini-kicker{
  display:inline-flex;
  align-items:center;
  gap:8px;
  width:max-content;
  padding:7px 12px;
  border-radius:999px;
  color:#166534;
  background:#ecfdf5;
  border:1px solid rgba(22,163,74,.18);
  font-size:12px;
  font-weight:1000;
}
.mini-kicker::before{
  content:"";
  width:7px;
  height:7px;
  border-radius:999px;
  background:#16a34a;
  box-shadow:0 0 0 5px rgba(22,163,74,.10);
}
.about-section{
  background:
    radial-gradient(640px 280px at 12% 20%, rgba(37,99,235,.07), transparent 62%),
    radial-gradient(620px 260px at 86% 80%, rgba(22,163,74,.08), transparent 60%),
    #fff;
  overflow:hidden;
}
.about-layout{
  display:grid;
  grid-template-columns:minmax(360px,.92fr) minmax(420px,1.08fr);
  gap:36px;
  align-items:center;
}
.about-copy .section__title{
  margin-top:12px;
  max-width:560px;
}
.about-copy .section__desc{
  max-width:560px;
}
.about-points{
  margin-top:18px;
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:10px;
}
.about-point{
  display:flex;
  align-items:center;
  gap:10px;
  padding:12px;
  border-radius:20px;
  background:rgba(255,255,255,.82);
  border:1px solid rgba(15,23,42,.07);
  box-shadow:0 10px 26px rgba(15,23,42,.045);
}
.about-point__icon{
  width:38px;
  height:38px;
  flex:0 0 38px;
  display:grid;
  place-items:center;
  border-radius:15px;
  color:#16a34a;
  background:rgba(22,163,74,.10);
  border:1px solid rgba(22,163,74,.16);
  font-weight:1000;
}
.about-point__icon--blue{color:#2563eb;background:rgba(37,99,235,.10);border-color:rgba(37,99,235,.16)}
.about-point__icon--amber{color:#d97706;background:rgba(245,158,11,.12);border-color:rgba(245,158,11,.18)}
.about-point strong{display:block;font-size:14px;font-weight:1000;line-height:1.7}
.about-point small{display:block;color:#64748b;font-weight:800;line-height:1.7;font-size:12px}
.about-visual{
  position:relative;
  min-height:330px;
  display:grid;
  place-items:center;
  isolation:isolate;
}
.about-visual__halo{
  position:absolute;
  border-radius:999px;
  filter:blur(.2px);
  z-index:-1;
}
.about-visual__halo--one{
  width:240px;
  height:240px;
  right:24px;
  top:16px;
  background:rgba(22,163,74,.10);
}
.about-visual__halo--two{
  width:190px;
  height:190px;
  left:46px;
  bottom:18px;
  background:rgba(37,99,235,.10);
}
.office-card{
  position:relative;
  width:min(460px,100%);
  padding:16px;
  border-radius:34px;
  background:rgba(255,255,255,.82);
  border:1px solid rgba(15,23,42,.075);
  box-shadow:0 24px 58px rgba(15,23,42,.085);
  backdrop-filter:blur(10px);
}
.office-card svg{display:block;width:100%;height:auto}
.office-chip{
  position:absolute;
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:8px 12px;
  border-radius:999px;
  background:#fff;
  border:1px solid rgba(15,23,42,.08);
  box-shadow:0 12px 24px rgba(15,23,42,.08);
  color:#334155;
  font-size:12px;
  font-weight:1000;
}
.office-chip::before{
  content:"";
  width:7px;
  height:7px;
  border-radius:999px;
  background:#16a34a;
}
.office-chip--top{right:28px;top:24px}
.office-chip--bottom{left:28px;bottom:26px}
.process-section{
  background:
    linear-gradient(180deg,#f8fafc 0%,#fff 100%);
}
.process-shell{
  position:relative;
  overflow:hidden;
  display:grid;
  grid-template-columns:minmax(310px,.74fr) minmax(520px,1.26fr);
  gap:22px;
  align-items:stretch;
  padding:26px;
  border-radius:34px;
  background:rgba(255,255,255,.78);
  border:1px solid rgba(15,23,42,.07);
  box-shadow:0 22px 55px rgba(15,23,42,.06);
}
.process-shell::before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:4px;
  background:linear-gradient(90deg,#16a34a,#2563eb);
}
.process-head{
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:10px;
  min-width:0;
}
.process-head .section__title{margin:0;line-height:1.55}
.process-head .section__desc{margin:0;max-width:420px}
.process-actions{
  display:flex;
  flex-wrap:wrap;
  gap:9px;
  margin-top:8px;
}
.process-actions .btn{
  border-radius:16px;
  padding:10px 14px;
}
.process-rail{
  position:relative;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  align-items:stretch;
}
.process-rail::before{
  content:"";
  position:absolute;
  top:43px;
  right:8%;
  left:8%;
  height:2px;
  background:linear-gradient(90deg,rgba(22,163,74,.28),rgba(37,99,235,.28));
  z-index:0;
}
.process-card{
  position:relative;
  z-index:1;
  min-height:190px;
  padding:15px;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  gap:8px;
  border-radius:24px;
  background:#fff;
  border:1px solid rgba(15,23,42,.075);
  box-shadow:0 10px 24px rgba(15,23,42,.045);
  transition:transform .16s ease, box-shadow .2s ease, border-color .2s ease;
}
.process-card:hover{
  transform:translateY(-2px);
  box-shadow:0 18px 34px rgba(15,23,42,.08);
  border-color:rgba(22,163,74,.20);
}
.process-card__num{
  position:absolute;
  top:12px;
  left:12px;
  min-width:28px;
  height:28px;
  padding:0 8px;
  display:grid;
  place-items:center;
  border-radius:999px;
  color:#64748b;
  background:#f8fafc;
  border:1px solid rgba(15,23,42,.06);
  font-weight:1000;
  font-size:12px;
}
.process-card__icon{
  width:48px;
  height:48px;
  display:grid;
  place-items:center;
  border-radius:18px;
  color:#16a34a;
  background:rgba(22,163,74,.10);
  border:1px solid rgba(22,163,74,.16);
}
.process-card--blue .process-card__icon{color:#2563eb;background:rgba(37,99,235,.10);border-color:rgba(37,99,235,.16)}
.process-card--amber .process-card__icon{color:#d97706;background:rgba(245,158,11,.12);border-color:rgba(245,158,11,.18)}
.process-card--purple .process-card__icon{color:#7c3aed;background:rgba(124,58,237,.10);border-color:rgba(124,58,237,.16)}
.process-card h3{margin:8px 0 0;font-size:16px;font-weight:1000;line-height:1.7}
.process-card p{margin:0;color:#64748b;font-size:13px;font-weight:750;line-height:1.9}
@media (max-width:1100px){
  .about-layout,.process-shell{grid-template-columns:1fr;gap:22px}
  .about-points{grid-template-columns:repeat(3,1fr)}
  .process-head{align-items:flex-start}
}
@media (max-width:760px){
  .about-layout{gap:18px}
  .about-points{grid-template-columns:1fr}
  .about-visual{min-height:240px}
  .office-card{border-radius:26px}
  .process-shell{padding:18px;border-radius:26px}
  .process-rail{grid-template-columns:1fr 1fr}
  .process-rail::before{display:none}
  .process-card{min-height:150px;border-radius:20px}
  .process-actions{display:grid;width:100%}
  .process-actions .btn{width:100%;justify-content:center}
}
@media (max-width:520px){
  .about-visual{display:none}
  .process-rail{grid-template-columns:1fr}
  .process-card{min-height:auto}
}

/* ---------- Home redesign: distinctive about + process sections ---------- */
.about-section--split{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(740px 360px at 18% 14%, rgba(59,130,246,.28), transparent 62%),
    radial-gradient(720px 380px at 88% 78%, rgba(22,163,74,.26), transparent 64%),
    linear-gradient(135deg,#081426 0%,#0f2a2a 48%,#12331f 100%);
  color:#fff;
}
.about-section--split::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg, rgba(255,255,255,.05) 1px, transparent 1px),
    linear-gradient(180deg, rgba(255,255,255,.045) 1px, transparent 1px);
  background-size:44px 44px;
  mask-image:linear-gradient(180deg, rgba(0,0,0,.65), transparent 78%);
  pointer-events:none;
}
.about-showcase{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(330px,.92fr) minmax(430px,1.08fr);
  gap:46px;
  align-items:center;
}
.about-showcase__content{
  display:flex;
  flex-direction:column;
  gap:14px;
}
.about-showcase .section__title{
  color:#fff;
  margin:0;
  max-width:680px;
  line-height:1.55;
}
.about-showcase .section__desc{
  color:rgba(226,232,240,.90);
  margin:0;
  max-width:640px;
}
.mini-kicker--light{
  color:#dcfce7;
  background:rgba(255,255,255,.10);
  border-color:rgba(255,255,255,.16);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12);
}
.mini-kicker--light::before{
  background:#86efac;
  box-shadow:0 0 0 6px rgba(134,239,172,.13);
}
.about-checklist{
  display:grid;
  gap:10px;
  margin-top:6px;
}
.about-check{
  display:flex;
  align-items:flex-start;
  gap:12px;
  padding:13px 14px;
  border-radius:22px;
  background:rgba(255,255,255,.09);
  border:1px solid rgba(255,255,255,.13);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
  backdrop-filter:blur(12px);
}
.about-check__mark{
  width:28px;
  height:28px;
  flex:0 0 28px;
  display:grid;
  place-items:center;
  border-radius:10px;
  background:linear-gradient(135deg,#22c55e,#16a34a);
  color:#fff;
  font-size:15px;
  font-weight:1000;
  box-shadow:0 10px 24px rgba(22,163,74,.28);
}
.about-check strong{
  display:block;
  color:#fff;
  font-size:14px;
  font-weight:1000;
  line-height:1.8;
}
.about-check small{
  display:block;
  color:rgba(226,232,240,.76);
  font-size:12px;
  font-weight:760;
  line-height:1.9;
}
.about-note-card{
  width:min(100%,520px);
  margin-top:4px;
  padding:14px 16px;
  border-radius:22px;
  background:#fff;
  color:#0f172a;
  border:1px solid rgba(255,255,255,.18);
  box-shadow:0 24px 60px rgba(2,8,23,.20);
}
.about-note-card__label{
  display:inline-flex;
  padding:4px 10px;
  border-radius:999px;
  color:#166534;
  background:#dcfce7;
  font-size:12px;
  font-weight:1000;
}
.about-note-card p{
  margin:8px 0 0;
  color:#475569;
  font-size:13px;
  font-weight:820;
  line-height:1.95;
}
.about-showcase__visual{
  position:relative;
  min-height:430px;
  display:grid;
  place-items:center;
  isolation:isolate;
}
.case-orbit{
  position:absolute;
  border-radius:999px;
  z-index:-1;
  filter:blur(.2px);
}
.case-orbit--one{
  width:320px;
  height:320px;
  right:20px;
  top:18px;
  background:rgba(59,130,246,.17);
}
.case-orbit--two{
  width:260px;
  height:260px;
  left:26px;
  bottom:18px;
  background:rgba(34,197,94,.20);
}
.case-board{
  width:min(470px,100%);
  padding:20px;
  border-radius:32px;
  background:rgba(255,255,255,.94);
  color:#0f172a;
  border:1px solid rgba(255,255,255,.42);
  box-shadow:0 34px 80px rgba(2,8,23,.30);
  backdrop-filter:blur(16px);
  transform:rotate(-1.2deg);
}
.case-board__top,
.case-board__footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
}
.case-board__top span,
.case-board__footer span{
  display:block;
  color:#64748b;
  font-size:12px;
  font-weight:900;
}
.case-board__top strong,
.case-board__footer strong{
  display:block;
  color:#0f172a;
  font-size:18px;
  font-weight:1000;
}
.case-board__top b{
  min-width:58px;
  height:58px;
  display:grid;
  place-items:center;
  border-radius:20px;
  color:#166534;
  background:#dcfce7;
  border:1px solid rgba(22,163,74,.15);
  font-size:17px;
}
.case-progress{
  height:10px;
  overflow:hidden;
  margin:18px 0;
  border-radius:999px;
  background:#e2e8f0;
}
.case-progress span{
  display:block;
  width:80%;
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg,#16a34a,#2563eb);
}
.case-list{
  display:grid;
  gap:10px;
}
.case-list__item{
  display:grid;
  grid-template-columns:26px 1fr auto;
  align-items:center;
  gap:10px;
  padding:11px 12px;
  border-radius:18px;
  background:#f8fafc;
  border:1px solid rgba(15,23,42,.06);
}
.case-list__item i{
  width:26px;
  height:26px;
  display:block;
  border-radius:10px;
  background:#e2e8f0;
  position:relative;
}
.case-list__item.is-done i{background:#dcfce7;}
.case-list__item.is-done i::after{
  content:"✓";
  position:absolute;
  inset:0;
  display:grid;
  place-items:center;
  color:#16a34a;
  font-size:13px;
  font-style:normal;
  font-weight:1000;
}
.case-list__item.is-current{
  background:#eff6ff;
  border-color:rgba(37,99,235,.14);
}
.case-list__item.is-current i{
  background:#dbeafe;
}
.case-list__item.is-current i::after{
  content:"";
  position:absolute;
  inset:8px;
  border-radius:999px;
  background:#2563eb;
  box-shadow:0 0 0 5px rgba(37,99,235,.12);
}
.case-list__item span{
  color:#334155;
  font-size:13px;
  font-weight:900;
}
.case-list__item b{
  color:#64748b;
  font-size:11px;
  font-weight:1000;
  white-space:nowrap;
}
.case-map{
  position:relative;
  overflow:hidden;
  min-height:118px;
  margin:14px 0;
  border-radius:24px;
  background:
    linear-gradient(135deg,rgba(22,163,74,.14),rgba(37,99,235,.12)),
    #f1f5f9;
  border:1px solid rgba(15,23,42,.06);
}
.case-map::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg, rgba(15,23,42,.06) 1px, transparent 1px),
    linear-gradient(180deg, rgba(15,23,42,.06) 1px, transparent 1px);
  background-size:34px 34px;
  opacity:.38;
}
.case-map__pin{
  position:absolute;
  top:34px;
  right:45%;
  width:42px;
  height:42px;
  border-radius:50% 50% 50% 8px;
  transform:rotate(-45deg);
  background:#16a34a;
  box-shadow:0 16px 30px rgba(22,163,74,.28);
}
.case-map__pin::after{
  content:"";
  position:absolute;
  inset:12px;
  border-radius:999px;
  background:#fff;
}
.case-map__line{
  position:absolute;
  height:8px;
  border-radius:999px;
  background:rgba(37,99,235,.24);
}
.case-map__line--one{width:190px;right:28px;bottom:30px;transform:rotate(-8deg)}
.case-map__line--two{width:150px;left:26px;top:26px;transform:rotate(10deg);background:rgba(22,163,74,.23)}
.case-map span{
  position:absolute;
  left:14px;
  bottom:14px;
  display:inline-flex;
  padding:6px 10px;
  border-radius:999px;
  background:rgba(255,255,255,.86);
  color:#166534;
  font-size:11px;
  font-weight:1000;
  box-shadow:0 10px 20px rgba(15,23,42,.08);
}
.process-section--story{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(620px 260px at 10% 18%, rgba(37,99,235,.10), transparent 62%),
    linear-gradient(180deg,#fff 0%,#f8fafc 100%);
}
.process-hub{
  display:grid;
  grid-template-columns:minmax(310px,.72fr) minmax(520px,1.28fr);
  gap:26px;
  align-items:start;
}
.process-hub__intro{
  position:sticky;
  top:94px;
  padding:28px;
  border-radius:30px;
  background:#0f172a;
  color:#fff;
  box-shadow:0 26px 60px rgba(2,8,23,.18);
  overflow:hidden;
}
.process-hub__intro::before{
  content:"";
  position:absolute;
  width:230px;
  height:230px;
  border-radius:999px;
  right:-90px;
  top:-90px;
  background:rgba(22,163,74,.28);
}
.process-hub__intro::after{
  content:"";
  position:absolute;
  width:170px;
  height:170px;
  border-radius:999px;
  left:-70px;
  bottom:-70px;
  background:rgba(37,99,235,.22);
}
.process-hub__intro > *{
  position:relative;
  z-index:1;
}
.process-hub__intro .section__title{
  color:#fff;
  margin:14px 0 0;
  line-height:1.55;
}
.process-hub__intro .section__desc{
  color:rgba(226,232,240,.82);
  margin:10px 0 0;
}
.process-actions--stacked{
  display:grid;
  grid-template-columns:1fr;
  margin-top:18px;
}
.process-actions--stacked .btn{
  width:100%;
  justify-content:center;
  border-radius:17px;
}
.process-actions--stacked .btn--ghost{
  color:#e2e8f0;
  border-color:rgba(255,255,255,.16);
  background:rgba(255,255,255,.08);
}
.process-help-card{
  margin-top:16px;
  padding:15px;
  border-radius:22px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.12);
}
.process-help-card span{
  display:block;
  color:#bbf7d0;
  font-size:12px;
  font-weight:1000;
}
.process-help-card p{
  margin:6px 0 0;
  color:rgba(226,232,240,.78);
  font-size:12px;
  font-weight:760;
  line-height:1.9;
}
.process-timeline{
  position:relative;
  display:grid;
  gap:16px;
  padding:4px 0;
}
.process-timeline::before{
  content:"";
  position:absolute;
  top:34px;
  bottom:34px;
  right:33px;
  width:3px;
  border-radius:999px;
  background:linear-gradient(180deg,#16a34a,#2563eb,#f59e0b,#7c3aed);
  opacity:.26;
}
.process-step{
  position:relative;
  display:grid;
  grid-template-columns:68px 1fr;
  gap:14px;
  align-items:stretch;
}
.process-step__badge{
  position:relative;
  z-index:1;
  width:66px;
  height:66px;
  display:grid;
  place-items:center;
  border-radius:24px;
  color:#166534;
  background:#dcfce7;
  border:1px solid rgba(22,163,74,.16);
  font-size:20px;
  font-weight:1000;
  box-shadow:0 16px 34px rgba(22,163,74,.14);
}
.process-step__body{
  position:relative;
  min-height:132px;
  padding:21px 22px;
  border-radius:28px;
  background:#fff;
  border:1px solid rgba(15,23,42,.08);
  box-shadow:0 14px 36px rgba(2,8,23,.055);
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.process-step__body::before{
  content:"";
  position:absolute;
  top:22px;
  bottom:22px;
  right:0;
  width:5px;
  border-radius:999px 0 0 999px;
  background:#16a34a;
}
.process-step:hover .process-step__body{
  transform:translateX(-4px);
  box-shadow:0 22px 48px rgba(2,8,23,.09);
  border-color:rgba(22,163,74,.18);
}
.process-step__eyebrow{
  display:inline-flex;
  padding:4px 10px;
  border-radius:999px;
  color:#166534;
  background:rgba(22,163,74,.10);
  font-size:11px;
  font-weight:1000;
}
.process-step h3{
  margin:8px 0 0;
  color:#0f172a;
  font-size:18px;
  font-weight:1000;
  line-height:1.7;
}
.process-step p{
  margin:2px 0 0;
  color:#64748b;
  font-size:13px;
  font-weight:780;
  line-height:1.95;
}
.process-step--blue .process-step__badge{color:#1d4ed8;background:#dbeafe;border-color:rgba(37,99,235,.16);box-shadow:0 16px 34px rgba(37,99,235,.14)}
.process-step--blue .process-step__body::before{background:#2563eb}
.process-step--blue .process-step__eyebrow{color:#1d4ed8;background:rgba(37,99,235,.10)}
.process-step--amber .process-step__badge{color:#b45309;background:#fef3c7;border-color:rgba(245,158,11,.20);box-shadow:0 16px 34px rgba(245,158,11,.14)}
.process-step--amber .process-step__body::before{background:#f59e0b}
.process-step--amber .process-step__eyebrow{color:#b45309;background:rgba(245,158,11,.13)}
.process-step--purple .process-step__badge{color:#6d28d9;background:#ede9fe;border-color:rgba(124,58,237,.18);box-shadow:0 16px 34px rgba(124,58,237,.13)}
.process-step--purple .process-step__body::before{background:#7c3aed}
.process-step--purple .process-step__eyebrow{color:#6d28d9;background:rgba(124,58,237,.11)}
@media (max-width:1100px){
  .about-showcase,
  .process-hub{
    grid-template-columns:1fr;
  }
  .about-showcase__visual{
    min-height:380px;
  }
  .process-hub__intro{
    position:relative;
    top:auto;
  }
  .process-actions--stacked{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}
@media (max-width:760px){
  .about-section--split,
  .process-section--story{
    padding-block:54px;
  }
  .about-showcase,
  .process-hub{
    gap:20px;
  }
  .about-showcase__visual{
    min-height:320px;
  }
  .case-board{
    border-radius:26px;
    transform:none;
  }
  .process-hub__intro{
    padding:22px;
    border-radius:26px;
  }
  .process-actions--stacked{
    grid-template-columns:1fr;
  }
  .process-step{
    grid-template-columns:54px 1fr;
    gap:11px;
  }
  .process-step__badge{
    width:54px;
    height:54px;
    border-radius:19px;
  }
  .process-timeline::before{
    right:26px;
  }
  .process-step__body{
    min-height:auto;
    padding:17px 18px;
    border-radius:22px;
  }
}
@media (max-width:520px){
  .about-showcase__visual{
    display:none;
  }
  .about-note-card{
    box-shadow:0 16px 36px rgba(2,8,23,.18);
  }
  .process-step{
    grid-template-columns:1fr;
  }
  .process-step__badge{
    width:46px;
    height:46px;
    border-radius:16px;
  }
  .process-timeline::before{
    display:none;
  }
}
.process-actions--stacked .btn--primary{
  color:#fff;
  background:linear-gradient(135deg,#16a34a,#0f8a3a);
  border-color:rgba(134,239,172,.36);
  box-shadow:0 14px 30px rgba(22,163,74,.22);
}
.process-actions--stacked .btn--soft{
  color:#fff;
  background:linear-gradient(135deg,#2563eb,#1d4ed8);
  border-color:rgba(147,197,253,.34);
  box-shadow:0 14px 30px rgba(37,99,235,.20);
}
.process-actions--stacked .btn--ghost{
  color:#fff;
  background:rgba(255,255,255,.10);
  border-color:rgba(255,255,255,.18);
}

/* ---------- User requested refinement: straight case card + clearer privacy section ---------- */
.case-board{
  transform:none !important;
}
.case-board:hover{
  transform:translateY(-3px) !important;
}

.trust-section{
  padding:70px 0 !important;
  background:
    radial-gradient(780px 280px at 88% 4%, rgba(22,163,74,.10), transparent 62%),
    radial-gradient(720px 300px at 12% 78%, rgba(37,99,235,.08), transparent 60%),
    linear-gradient(180deg,#f8fafc 0%,#ffffff 100%) !important;
}
.trust--polished{
  grid-template-columns:1fr !important;
  gap:22px !important;
}
.security-card{
  min-height:auto !important;
  grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr) !important;
  gap:34px !important;
  align-items:center !important;
  padding:36px 40px !important;
  border-radius:38px !important;
  color:#fff !important;
  border:1px solid rgba(148,163,184,.18) !important;
  background:
    radial-gradient(720px 300px at 12% 0%, rgba(37,99,235,.34), transparent 62%),
    radial-gradient(720px 320px at 92% 78%, rgba(22,163,74,.30), transparent 64%),
    linear-gradient(135deg,#071424 0%,#0f2a2e 52%,#13351f 100%) !important;
  box-shadow:0 32px 86px rgba(2,8,23,.18) !important;
}
.security-card::before{
  background:
    linear-gradient(90deg, rgba(255,255,255,.06) 1px, transparent 1px),
    linear-gradient(180deg, rgba(255,255,255,.045) 1px, transparent 1px) !important;
  background-size:46px 46px !important;
  opacity:.55 !important;
  mask-image:linear-gradient(180deg, rgba(0,0,0,.74), transparent 86%);
}
.security-card__content{
  max-width:760px !important;
}
.security-card__eyebrow{
  color:#dcfce7 !important;
  background:rgba(255,255,255,.10) !important;
  border-color:rgba(255,255,255,.16) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10) !important;
}
.security-card .section__title{
  color:#fff !important;
  margin:4px 0 10px !important;
  line-height:1.55 !important;
}
.security-card .section__desc{
  max-width:720px !important;
  margin:0 !important;
  color:rgba(226,232,240,.88) !important;
  font-size:15px !important;
  line-height:2.15 !important;
}
.security-features{
  grid-template-columns:repeat(3,minmax(190px,1fr)) !important;
  gap:14px !important;
  margin-top:24px !important;
}
.security-feature{
  min-height:154px !important;
  padding:18px !important;
  border-radius:26px !important;
  background:rgba(255,255,255,.09) !important;
  border:1px solid rgba(255,255,255,.13) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08), 0 18px 40px rgba(2,8,23,.10) !important;
  backdrop-filter:blur(14px);
}
.security-feature__icon{
  background:rgba(255,255,255,.12) !important;
  border-color:rgba(255,255,255,.14) !important;
  color:#86efac !important;
}
.security-feature__icon--blue{color:#93c5fd !important;}
.security-feature__icon--amber{color:#fcd34d !important;}
.security-feature strong{
  color:#fff !important;
  font-size:15px !important;
  line-height:1.9 !important;
}
.security-feature small{
  color:rgba(226,232,240,.78) !important;
  line-height:2.05 !important;
}
.security-card__visual{
  min-height:310px !important;
}
.security-shield{
  width:min(280px,100%) !important;
  background:rgba(255,255,255,.88) !important;
  border-color:rgba(255,255,255,.42) !important;
  box-shadow:0 28px 70px rgba(2,8,23,.18) !important;
}
.security-orb--one{background:rgba(134,239,172,.18) !important;}
.security-orb--two{background:rgba(147,197,253,.16) !important;}
.security-chip{
  background:rgba(255,255,255,.93) !important;
  border-color:rgba(255,255,255,.42) !important;
  color:#0f172a !important;
  box-shadow:0 18px 40px rgba(2,8,23,.16) !important;
}
.security-chip--top{right:12px !important; top:44px !important;}
.security-chip--bottom{left:8px !important; bottom:44px !important; color:#166534 !important;}
.trust__tracker{
  display:block !important;
}
.tracking-panel{
  max-width:none !important;
  display:grid !important;
  grid-template-columns:minmax(260px,.52fr) minmax(420px,1fr) !important;
  gap:22px !important;
  align-items:start !important;
  padding:24px 28px !important;
  border-radius:30px !important;
  border:1px solid rgba(37,99,235,.10) !important;
  background:
    linear-gradient(135deg,rgba(239,246,255,.92),rgba(236,253,245,.88)),
    #fff !important;
}
.tracking-panel .panel__head{
  align-self:start !important;
  margin:0 !important;
  padding:4px 0 0 !important;
  display:grid !important;
  gap:8px !important;
}
.tracking-panel .pilltag{
  width:max-content !important;
}
.tracking-panel form{
  display:grid !important;
  gap:12px !important;
}
.tracking-panel .modal__grid{
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
}
.tracking-panel .form__note{
  margin:0 !important;
}

.faq-section{
  padding:62px 0 !important;
  background:
    radial-gradient(700px 240px at 84% 8%, rgba(22,163,74,.07), transparent 60%),
    linear-gradient(180deg,#fff 0%,#f8fafc 100%) !important;
}
.faq-layout{
  align-items:center !important;
}
.faq__item{
  border-radius:18px !important;
  box-shadow:0 9px 22px rgba(15,23,42,.04) !important;
}
.faq-illustration{
  border-radius:34px !important;
  background:linear-gradient(180deg,#fff,#f8fafc) !important;
}

@media (max-width:980px){
  .security-card{
    grid-template-columns:1fr !important;
    padding:28px !important;
  }
  .security-card__visual{
    order:-1 !important;
    min-height:260px !important;
  }
  .security-features{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  }
  .tracking-panel{
    grid-template-columns:1fr !important;
  }
}
@media (max-width:760px){
  .trust-section{padding:50px 0 !important;}
  .security-card{
    border-radius:30px !important;
    padding:22px !important;
  }
  .security-card__visual{display:none !important;}
  .security-features{
    grid-template-columns:1fr !important;
  }
  .security-feature{
    min-height:auto !important;
  }
  .tracking-panel{
    padding:20px !important;
    border-radius:24px !important;
  }
  .tracking-panel .modal__grid{
    grid-template-columns:1fr !important;
  }
}

/* ---------- V3 redesign: cohesive security, compact tracking, distinct FAQ ---------- */
.trust-section--studio{
  position:relative !important;
  overflow:hidden !important;
  padding:76px 0 64px !important;
  background:
    radial-gradient(820px 320px at 85% 4%, rgba(22,163,74,.12), transparent 62%),
    radial-gradient(760px 360px at 10% 92%, rgba(37,99,235,.10), transparent 62%),
    linear-gradient(180deg,#ffffff 0%,#f6f9fd 100%) !important;
}
.trust-section--studio::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(90deg, rgba(15,23,42,.032) 1px, transparent 1px),
    linear-gradient(180deg, rgba(15,23,42,.026) 1px, transparent 1px);
  background-size:58px 58px;
  mask-image:linear-gradient(180deg, transparent 0%, #000 18%, #000 72%, transparent 100%);
  opacity:.55;
}
.trust-studio{
  position:relative;
  z-index:1;
  display:grid;
  gap:22px;
}
.trust-studio__header{
  max-width:780px;
  display:grid;
  gap:8px;
}
.trust-studio__header .section__title{
  margin:0;
  line-height:1.55;
}
.trust-studio__header .section__desc{
  margin:0;
  max-width:720px;
  line-height:2.05;
}
.trust-studio__grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) 370px;
  gap:20px;
  align-items:stretch;
}
.privacy-console{
  position:relative;
  overflow:hidden;
  min-height:390px;
  padding:28px;
  border-radius:36px;
  border:1px solid rgba(15,23,42,.075);
  background:
    radial-gradient(640px 260px at 10% 0%, rgba(37,99,235,.13), transparent 64%),
    radial-gradient(620px 260px at 94% 8%, rgba(22,163,74,.14), transparent 66%),
    linear-gradient(135deg,rgba(255,255,255,.96),rgba(248,250,252,.92));
  box-shadow:0 24px 70px rgba(15,23,42,.08);
}
.privacy-console::before{
  content:"";
  position:absolute;
  inset:18px;
  border-radius:28px;
  border:1px dashed rgba(15,23,42,.08);
  pointer-events:none;
}
.privacy-console::after{
  content:"";
  position:absolute;
  width:220px;
  height:220px;
  left:-70px;
  bottom:-90px;
  border-radius:999px;
  background:rgba(22,163,74,.11);
  pointer-events:none;
}
.privacy-console__main,
.privacy-lanes,
.privacy-console__note{
  position:relative;
  z-index:1;
}
.privacy-console__main{
  display:grid;
  grid-template-columns:104px minmax(0,1fr);
  gap:20px;
  align-items:start;
}
.privacy-console__icon{
  width:104px;
  height:104px;
  display:grid;
  place-items:center;
  border-radius:30px;
  color:#16a34a;
  background:
    radial-gradient(circle at 28% 20%, rgba(255,255,255,.98), rgba(240,253,244,.80)),
    rgba(255,255,255,.75);
  border:1px solid rgba(22,163,74,.18);
  box-shadow:0 18px 42px rgba(22,163,74,.12);
}
.privacy-console__icon svg{width:60px;height:60px}
.privacy-console__label{
  display:inline-flex;
  width:max-content;
  padding:7px 12px;
  margin-bottom:8px;
  border-radius:999px;
  color:#166534;
  background:rgba(22,163,74,.10);
  border:1px solid rgba(22,163,74,.16);
  font-size:13px;
  font-weight:950;
}
.privacy-console__copy h3{
  margin:0 0 8px;
  color:#0f172a;
  font-size:24px;
  line-height:1.75;
  font-weight:1000;
  letter-spacing:-.2px;
}
.privacy-console__copy p{
  margin:0;
  color:#475569;
  font-size:14px;
  line-height:2.2;
  max-width:720px;
}
.privacy-lanes{
  margin-top:24px;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}
.privacy-lane{
  position:relative;
  min-height:142px;
  padding:18px 18px 16px;
  border-radius:26px;
  border:1px solid rgba(15,23,42,.07);
  background:rgba(255,255,255,.76);
  box-shadow:0 10px 26px rgba(15,23,42,.045);
}
.privacy-lane span{
  display:inline-grid;
  place-items:center;
  min-width:42px;
  height:32px;
  margin-bottom:8px;
  border-radius:999px;
  color:#2563eb;
  background:rgba(37,99,235,.09);
  font-weight:1000;
  font-size:12px;
}
.privacy-lane strong{
  display:block;
  color:#0f172a;
  font-size:15px;
  font-weight:1000;
  line-height:1.8;
}
.privacy-lane small{
  display:block;
  color:#64748b;
  line-height:1.95;
  font-weight:760;
}
.privacy-console__note{
  margin-top:14px;
  display:flex;
  align-items:flex-start;
  gap:10px;
  padding:14px 16px;
  border-radius:22px;
  color:#166534;
  background:rgba(22,163,74,.075);
  border:1px solid rgba(22,163,74,.13);
}
.privacy-console__note span{
  width:26px;
  height:26px;
  flex:0 0 26px;
  display:grid;
  place-items:center;
  border-radius:999px;
  color:#fff;
  background:#16a34a;
  font-weight:1000;
}
.privacy-console__note p{
  margin:0;
  color:#166534;
  font-size:13px;
  line-height:2;
  font-weight:830;
}
.track-widget{
  position:relative;
  overflow:hidden;
  align-self:start;
  padding:22px;
  border-radius:32px;
  border:1px solid rgba(15,23,42,.075);
  background:
    radial-gradient(280px 160px at 16% 0%, rgba(37,99,235,.12), transparent 64%),
    radial-gradient(280px 170px at 100% 100%, rgba(22,163,74,.14), transparent 64%),
    #fff;
  box-shadow:0 24px 66px rgba(15,23,42,.095);
}
.track-widget::before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:7px;
  background:linear-gradient(90deg,#16a34a,#22c55e,#2563eb);
}
.track-widget__top{
  display:flex;
  align-items:center;
  gap:12px;
  margin:10px 0 18px;
}
.track-widget__pulse{
  width:48px;
  height:48px;
  flex:0 0 48px;
  border-radius:18px;
  background:rgba(22,163,74,.10);
  border:1px solid rgba(22,163,74,.18);
  position:relative;
}
.track-widget__pulse::before{
  content:"";
  position:absolute;
  inset:15px;
  border-radius:999px;
  background:#16a34a;
  box-shadow:0 0 0 8px rgba(22,163,74,.13);
}
.track-widget__top strong{
  display:block;
  color:#0f172a;
  font-size:17px;
  font-weight:1000;
  line-height:1.7;
}
.track-widget__top small{
  display:block;
  color:#64748b;
  font-weight:800;
  line-height:1.7;
}
.track-widget__form{
  gap:12px;
}
.track-widget .field__input{
  padding:13px 14px;
  border-radius:17px;
  background:rgba(248,250,252,.88);
}
.track-widget .btn{
  min-height:48px;
  border-radius:17px;
}
.track-widget__footer{
  display:flex;
  flex-direction:column;
  gap:6px;
  margin-top:14px;
  padding-top:13px;
  border-top:1px solid rgba(15,23,42,.075);
  color:#64748b;
  font-size:12px;
  font-weight:750;
  line-height:1.9;
}
.track-widget__footer .link{
  width:max-content;
  color:#2563eb;
  font-weight:950;
}
.faq-section--helpdesk{
  position:relative !important;
  overflow:hidden !important;
  padding:68px 0 78px !important;
  background:
    radial-gradient(720px 300px at 12% 12%, rgba(37,99,235,.085), transparent 62%),
    radial-gradient(680px 300px at 90% 80%, rgba(22,163,74,.075), transparent 60%),
    linear-gradient(180deg,#f8fafc 0%,#ffffff 100%) !important;
}
.faq-board{
  display:grid;
  grid-template-columns:390px minmax(0,1fr);
  gap:20px;
  align-items:start;
}
.faq-board__aside{
  position:relative;
  overflow:hidden;
  min-height:440px;
  padding:30px;
  border-radius:34px;
  border:1px solid rgba(15,23,42,.075);
  background:
    radial-gradient(290px 220px at 18% 12%, rgba(255,255,255,.64), transparent 62%),
    linear-gradient(145deg,rgba(236,253,245,.92),rgba(239,246,255,.88));
  box-shadow:0 22px 58px rgba(15,23,42,.07);
}
.faq-board__aside::before{
  content:"";
  position:absolute;
  width:220px;
  height:220px;
  left:-72px;
  top:-72px;
  border-radius:999px;
  border:28px solid rgba(37,99,235,.08);
}
.faq-board__aside .mini-kicker,
.faq-board__aside .section__title,
.faq-board__aside .section__desc,
.faq-cards{
  position:relative;
  z-index:1;
}
.faq-board__aside .section__title{
  margin:10px 0 6px;
}
.faq-board__aside .section__desc{
  margin:0;
  line-height:2.1;
}
.faq-cards{
  display:grid;
  grid-template-columns:1fr;
  gap:10px;
  margin-top:24px;
}
.faq-card-mini{
  display:grid;
  grid-template-columns:48px 1fr;
  grid-template-areas:"icon title" "icon text";
  gap:0 12px;
  align-items:center;
  padding:14px;
  border-radius:22px;
  border:1px solid rgba(15,23,42,.065);
  background:rgba(255,255,255,.72);
  box-shadow:0 8px 20px rgba(15,23,42,.04);
}
.faq-card-mini span{
  grid-area:icon;
  width:48px;
  height:48px;
  display:grid;
  place-items:center;
  border-radius:17px;
  background:#fff;
  border:1px solid rgba(15,23,42,.06);
  font-size:22px;
}
.faq-card-mini strong{
  grid-area:title;
  font-size:14px;
  font-weight:1000;
  color:#0f172a;
}
.faq-card-mini small{
  grid-area:text;
  color:#64748b;
  font-weight:780;
}
.faq-board__list{
  position:relative;
  padding:20px;
  border-radius:34px;
  border:1px solid rgba(15,23,42,.075);
  background:#fff;
  box-shadow:0 22px 58px rgba(15,23,42,.065);
}
.faq-board__list::before{
  content:"";
  position:absolute;
  right:0;
  top:28px;
  bottom:28px;
  width:5px;
  border-radius:999px 0 0 999px;
  background:linear-gradient(180deg,#16a34a,#2563eb);
}
.faq-searchbar{
  display:flex;
  align-items:center;
  gap:12px;
  padding:15px 18px 15px 15px;
  margin-bottom:12px;
  border-radius:24px;
  background:linear-gradient(135deg,rgba(248,250,252,.96),rgba(239,246,255,.88));
  border:1px solid rgba(15,23,42,.055);
}
.faq-searchbar span{
  width:46px;
  height:46px;
  display:grid;
  place-items:center;
  border-radius:16px;
  color:#2563eb;
  background:rgba(37,99,235,.10);
  border:1px solid rgba(37,99,235,.16);
  font-weight:1000;
  font-size:20px;
}
.faq-searchbar strong{
  display:block;
  color:#0f172a;
  font-size:15px;
  font-weight:1000;
  line-height:1.8;
}
.faq-searchbar small{
  display:block;
  color:#64748b;
  font-weight:780;
}
.faq-section--helpdesk .faq{
  gap:10px;
  margin-top:0;
}
.faq-section--helpdesk .faq__item{
  position:relative;
  padding:16px 18px;
  border-radius:20px !important;
  border:1px solid rgba(15,23,42,.065) !important;
  background:linear-gradient(180deg,#fff,#fbfdff) !important;
  box-shadow:none !important;
  text-align:right;
}
.faq-section--helpdesk .faq__item::before{
  content:"";
  width:9px;
  height:9px;
  border-radius:999px;
  background:#16a34a;
  box-shadow:0 0 0 6px rgba(22,163,74,.09);
}
.faq-section--helpdesk .faq__item span:first-child{
  flex:1;
}
.faq-section--helpdesk .faq__icon{
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  border-radius:999px;
  color:#0f172a;
  background:rgba(15,23,42,.04);
  opacity:1;
}
.faq-section--helpdesk .faq__panel{
  margin:-3px 0 5px;
  padding:0 42px 14px 16px;
  color:#475569;
  font-weight:750;
  line-height:2;
}
.faq-section--helpdesk .faq__panel p{
  margin:0;
}

@media (max-width:980px){
  .trust-studio__grid,
  .faq-board{
    grid-template-columns:1fr;
  }
  .track-widget{
    max-width:520px;
    width:100%;
  }
  .faq-board__aside{
    min-height:auto;
  }
  .faq-cards{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}
@media (max-width:760px){
  .trust-section--studio,
  .faq-section--helpdesk{
    padding:48px 0 !important;
  }
  .trust-studio__header .section__title,
  .faq-board__aside .section__title{
    font-size:24px;
  }
  .privacy-console,
  .track-widget,
  .faq-board__aside,
  .faq-board__list{
    border-radius:26px;
    padding:20px;
  }
  .privacy-console::before{inset:12px;border-radius:22px}
  .privacy-console__main{
    grid-template-columns:1fr;
  }
  .privacy-console__icon{
    width:82px;
    height:82px;
    border-radius:24px;
  }
  .privacy-console__icon svg{width:50px;height:50px}
  .privacy-console__copy h3{
    font-size:20px;
  }
  .privacy-lanes,
  .faq-cards{
    grid-template-columns:1fr;
  }
  .privacy-lane{
    min-height:auto;
  }
  .faq-searchbar{
    align-items:flex-start;
  }
}

/* ---------- V4 redesign: one connected trust path + timeline FAQ ---------- */
.trust-section--experience{
  position:relative !important;
  overflow:hidden !important;
  padding:78px 0 74px !important;
  background:
    radial-gradient(680px 260px at 86% 6%, rgba(22,163,74,.11), transparent 62%),
    radial-gradient(760px 320px at 12% 88%, rgba(37,99,235,.10), transparent 62%),
    linear-gradient(180deg,#ffffff 0%,#f7fbff 100%) !important;
}
.trust-section--experience::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(15,23,42,.025) 1px,transparent 1px),
    linear-gradient(180deg,rgba(15,23,42,.020) 1px,transparent 1px);
  background-size:64px 64px;
  mask-image:linear-gradient(180deg, transparent 0%, #000 16%, #000 82%, transparent 100%);
}
.trust-experience{
  position:relative;
  z-index:1;
}
.trust-experience__intro{
  max-width:760px;
  display:grid;
  gap:8px;
  margin-bottom:24px;
}
.trust-experience__intro .section__title{
  margin:0;
  line-height:1.55;
}
.trust-experience__intro .section__desc{
  margin:0;
  max-width:710px;
  line-height:2.05;
}
.trust-flow{
  position:relative;
  overflow:hidden;
  display:grid;
  grid-template-columns:330px minmax(0,1fr);
  grid-template-areas:
    "visual content"
    "track track";
  gap:26px 32px;
  padding:34px;
  border-radius:42px;
  border:1px solid rgba(15,23,42,.075);
  background:
    radial-gradient(460px 300px at 12% 16%, rgba(37,99,235,.12), transparent 68%),
    radial-gradient(440px 270px at 88% 0%, rgba(22,163,74,.13), transparent 66%),
    linear-gradient(135deg,rgba(255,255,255,.94),rgba(240,249,255,.76) 48%,rgba(236,253,245,.70));
  box-shadow:0 28px 78px rgba(15,23,42,.085);
}
.trust-flow::before{
  content:"";
  position:absolute;
  width:420px;
  height:420px;
  left:-185px;
  top:-195px;
  border-radius:999px;
  border:54px solid rgba(37,99,235,.045);
  pointer-events:none;
}
.trust-flow::after{
  content:"";
  position:absolute;
  right:34px;
  left:34px;
  bottom:128px;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(15,23,42,.10),transparent);
  pointer-events:none;
}
.trust-flow__visual,
.trust-flow__content,
.track-ribbon{
  position:relative;
  z-index:1;
}
.trust-flow__visual{
  grid-area:visual;
  min-height:310px;
  display:grid;
  place-items:center;
}
.security-orbit{
  position:relative;
  width:280px;
  height:280px;
  display:grid;
  place-items:center;
}
.security-orbit__ring{
  position:absolute;
  inset:12px;
  border-radius:999px;
  border:1px solid rgba(37,99,235,.18);
  background:rgba(255,255,255,.36);
}
.security-orbit__ring--one{
  transform:rotate(-12deg) scaleX(1.08);
}
.security-orbit__ring--two{
  inset:42px;
  border-color:rgba(22,163,74,.20);
  transform:rotate(18deg) scaleX(.94);
}
.security-orbit__core{
  position:relative;
  width:150px;
  height:150px;
  display:grid;
  place-items:center;
  gap:2px;
  border-radius:42px;
  color:#16a34a;
  background:rgba(255,255,255,.88);
  border:1px solid rgba(22,163,74,.18);
  box-shadow:0 28px 70px rgba(22,163,74,.15), inset 0 1px 0 rgba(255,255,255,.90);
}
.security-orbit__core svg{
  width:76px;
  height:76px;
}
.security-orbit__core strong{
  color:#14532d;
  font-size:15px;
  font-weight:1000;
  line-height:1;
}
.security-orbit__node{
  position:absolute;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:86px;
  height:38px;
  padding:0 12px;
  border-radius:999px;
  background:rgba(255,255,255,.84);
  color:#334155;
  border:1px solid rgba(15,23,42,.08);
  box-shadow:0 12px 28px rgba(15,23,42,.07);
  font-size:12px;
  font-weight:950;
}
.security-orbit__node::before{
  content:"";
  width:9px;
  height:9px;
  margin-left:7px;
  border-radius:999px;
  background:#16a34a;
  box-shadow:0 0 0 6px rgba(22,163,74,.11);
}
.security-orbit__node--a{top:18px;right:8px;}
.security-orbit__node--b{left:0;top:120px;}
.security-orbit__node--c{right:36px;bottom:18px;}
.trust-flow__content{
  grid-area:content;
  align-self:center;
  display:grid;
  gap:18px;
}
.trust-flow__label{
  width:max-content;
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:7px 13px;
  border-radius:999px;
  color:#166534;
  background:rgba(22,163,74,.10);
  border:1px solid rgba(22,163,74,.16);
  font-size:13px;
  font-weight:950;
}
.trust-flow__label::before{
  content:"";
  width:8px;
  height:8px;
  border-radius:999px;
  background:#16a34a;
  box-shadow:0 0 0 5px rgba(22,163,74,.11);
}
.trust-flow__content h3{
  margin:0;
  color:#0f172a;
  font-size:26px;
  line-height:1.72;
  letter-spacing:-.25px;
  font-weight:1000;
}
.trust-flow__content p{
  margin:0;
  max-width:690px;
  color:#475569;
  font-size:14px;
  line-height:2.15;
  font-weight:740;
}
.security-rail{
  counter-reset:securitySteps;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:0;
  margin-top:6px;
  border-radius:28px;
  border:1px solid rgba(15,23,42,.07);
  background:rgba(255,255,255,.56);
  overflow:hidden;
}
.security-rail__item{
  position:relative;
  padding:18px 18px 17px;
  min-height:132px;
}
.security-rail__item:not(:last-child){
  border-left:1px solid rgba(15,23,42,.065);
}
.security-rail__item span{
  display:inline-grid;
  place-items:center;
  min-width:40px;
  height:30px;
  border-radius:999px;
  color:#2563eb;
  background:rgba(37,99,235,.09);
  font-size:12px;
  font-weight:1000;
  margin-bottom:8px;
}
.security-rail__item strong{
  display:block;
  color:#0f172a;
  font-size:15px;
  font-weight:1000;
  line-height:1.8;
}
.security-rail__item small{
  display:block;
  color:#64748b;
  line-height:1.95;
  font-weight:760;
}
.track-ribbon{
  grid-area:track;
  display:grid;
  grid-template-columns:220px 1fr 1fr auto;
  gap:12px;
  align-items:end;
  padding:18px;
  border-radius:28px;
  background:rgba(15,23,42,.88);
  border:1px solid rgba(255,255,255,.14);
  box-shadow:0 20px 48px rgba(15,23,42,.16);
}
.track-ribbon__title{
  display:flex;
  align-items:center;
  gap:11px;
  align-self:center;
  color:#fff;
}
.track-ribbon__title > span{
  width:44px;
  height:44px;
  display:grid;
  place-items:center;
  flex:0 0 44px;
  border-radius:17px;
  color:#bbf7d0;
  background:rgba(22,163,74,.16);
  border:1px solid rgba(34,197,94,.22);
  font-size:22px;
  font-weight:1000;
}
.track-ribbon__title strong{
  display:block;
  font-size:15px;
  font-weight:1000;
  line-height:1.75;
}
.track-ribbon__title small{
  display:block;
  color:#cbd5e1;
  font-weight:760;
  line-height:1.5;
}
.track-ribbon__field{
  display:grid;
  gap:7px;
}
.track-ribbon__field span{
  color:#dbeafe;
  font-size:12px;
  font-weight:900;
}
.track-ribbon__field input{
  width:100%;
  min-height:46px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:16px;
  background:rgba(255,255,255,.96);
  color:#0f172a;
  padding:0 14px;
  outline:none;
  direction:rtl;
  font-weight:750;
}
.track-ribbon__field input:focus{
  border-color:rgba(96,165,250,.60);
  box-shadow:0 0 0 4px rgba(37,99,235,.18);
}
.track-ribbon__button{
  color: aliceblue;
  min-height:46px;
  border-radius:16px !important;
  padding-inline:22px !important;
  white-space:nowrap;
}

.faq-section--atlas{
  position:relative !important;
  overflow:hidden !important;
  padding:74px 0 84px !important;
  background:
    radial-gradient(720px 280px at 92% 14%, rgba(22,163,74,.085), transparent 64%),
    radial-gradient(640px 300px at 8% 78%, rgba(37,99,235,.085), transparent 62%),
    linear-gradient(180deg,#f7fbff 0%,#ffffff 100%) !important;
}
.faq-section--atlas::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(255,255,255,.55),transparent 34%,rgba(255,255,255,.62));
}
.faq-atlas{
  position:relative;
  z-index:1;
}
.faq-atlas__head{
  max-width:780px;
  margin-inline:auto;
  text-align:center;
  display:grid;
  justify-items:center;
  gap:8px;
}
.faq-atlas__head .section__title{
  margin:0;
}
.faq-atlas__head .section__desc{
  margin:0;
  max-width:720px;
  line-height:2.05;
}
.faq-topics{
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:10px;
  margin:24px auto 28px;
}
.faq-topics span{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:42px;
  padding:8px 14px;
  border-radius:999px;
  background:rgba(255,255,255,.78);
  border:1px solid rgba(15,23,42,.07);
  color:#334155;
  box-shadow:0 10px 24px rgba(15,23,42,.045);
  font-size:13px;
  font-weight:920;
}
.faq-topics i{
  width:24px;
  height:24px;
  display:grid;
  place-items:center;
  border-radius:999px;
  background:rgba(37,99,235,.10);
  color:#2563eb;
  font-style:normal;
  font-size:11px;
  font-weight:1000;
}
.faq-river{
  position:relative;
  max-width:900px;
  margin-inline:auto;
  display:grid;
  gap:14px;
  counter-reset:faqSteps;
  padding:8px 0 4px;
}
.faq-river__line{
  position:absolute;
  right:28px;
  top:18px;
  bottom:18px;
  width:3px;
  border-radius:999px;
  background:linear-gradient(180deg,#16a34a,#60a5fa,#2563eb);
  opacity:.34;
}
.faq-river__row{
  position:relative;
  padding-right:58px;
  counter-increment:faqSteps;
}
.faq-river__row::before{
  content:counter(faqSteps, decimal-leading-zero);
  position:absolute;
  right:6px;
  top:13px;
  width:44px;
  height:44px;
  display:grid;
  place-items:center;
  border-radius:17px;
  color:#166534;
  background:#fff;
  border:1px solid rgba(22,163,74,.18);
  box-shadow:0 12px 28px rgba(15,23,42,.07), 0 0 0 7px rgba(22,163,74,.07);
  font-size:12px;
  font-weight:1000;
  z-index:2;
}
.faq-river__question{
  position:relative;
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:18px 20px !important;
  min-height:70px;
  border:1px solid rgba(15,23,42,.075) !important;
  border-radius:24px !important;
  background:rgba(255,255,255,.88) !important;
  box-shadow:0 18px 46px rgba(15,23,42,.065) !important;
  text-align:right;
  color:#0f172a;
  font-size:15px;
  font-weight:1000;
  cursor:pointer;
}
.faq-river__question::before{
  content:"" !important;
  position:absolute;
  inset:auto auto 0 22px;
  width:68px;
  height:3px;
  border-radius:999px;
  background:linear-gradient(90deg,#16a34a,#2563eb);
  opacity:.75;
}
.faq-river__question:hover{
  transform:translateY(-1px);
  border-color:rgba(37,99,235,.15) !important;
}
.faq-river__question .faq__icon{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  flex:0 0 34px;
  border-radius:999px;
  color:#2563eb;
  background:rgba(37,99,235,.09);
  border:1px solid rgba(37,99,235,.13);
  font-size:18px;
  font-weight:1000;
  opacity:1;
}
.faq-river__question[aria-expanded="true"]{
  border-color:rgba(22,163,74,.18) !important;
  background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(240,253,244,.82)) !important;
}
.faq-river__answer{
  margin:9px 12px 2px 0 !important;
  padding:16px 20px 16px 16px !important;
  border-right:3px solid rgba(22,163,74,.34);
  border-radius:20px 0 20px 20px;
  color:#475569;
  background:rgba(236,253,245,.45);
  font-size:14px;
  font-weight:760;
  line-height:2.05;
}
.faq-river__answer p{
  margin:0;
}

@media (max-width:980px){
  .trust-flow{
    grid-template-columns:1fr;
    grid-template-areas:
      "content"
      "visual"
      "track";
  }
  .trust-flow::after{display:none;}
  .trust-flow__visual{
    min-height:240px;
  }
  .track-ribbon{
    grid-template-columns:1fr 1fr;
  }
  .track-ribbon__title,
  .track-ribbon__button{
    grid-column:1 / -1;
  }
  .track-ribbon__button{
    width:100%;
  }
}
@media (max-width:760px){
  .trust-section--experience,
  .faq-section--atlas{
    padding:48px 0 !important;
  }
  .trust-experience__intro .section__title,
  .faq-atlas__head .section__title{
    font-size:24px;
  }
  .trust-flow{
    padding:20px;
    border-radius:30px;
  }
  .trust-flow__content h3{
    font-size:21px;
  }
  .security-rail{
    grid-template-columns:1fr;
  }
  .security-rail__item:not(:last-child){
    border-left:0;
    border-bottom:1px solid rgba(15,23,42,.065);
  }
  .security-orbit{
    width:230px;
    height:230px;
  }
  .security-orbit__core{
    width:126px;
    height:126px;
    border-radius:34px;
  }
  .security-orbit__core svg{
    width:60px;
    height:60px;
  }
  .security-orbit__node{
    min-width:76px;
    height:34px;
    font-size:11px;
  }
  .track-ribbon{
    grid-template-columns:1fr;
    padding:16px;
  }
  .faq-topics{
    justify-content:flex-start;
  }
  .faq-river__line{
    right:22px;
  }
  .faq-river__row{
    padding-right:48px;
  }
  .faq-river__row::before{
    right:0;
    width:38px;
    height:38px;
    border-radius:14px;
  }
  .faq-river__question{
    min-height:64px;
    padding:15px !important;
    font-size:14px;
    border-radius:20px !important;
  }
}

/* Track ribbon layout fix - 2026-05-16 */
.track-ribbon{
  grid-template-columns:minmax(220px,.9fr) minmax(150px,1fr) minmax(150px,1fr) minmax(210px,1.05fr) !important;
  grid-template-areas:
    "captcha mobile code title"
    "action action action title" !important;
  align-items:stretch !important;
  gap:12px !important;
  padding:18px !important;
  direction:rtl !important;
}
.track-ribbon__title{grid-area:title !important;align-self:stretch !important;min-width:0 !important;min-height:118px !important;padding:14px 15px !important;border-radius:22px !important;background:rgba(255,255,255,.055) !important;border:1px solid rgba(255,255,255,.10) !important;}
.track-ribbon__title > span{flex:0 0 44px !important;}
.track-ribbon__title strong{font-size:15px !important;line-height:1.7 !important;}
.track-ribbon__title small{font-size:12px !important;line-height:1.75 !important;}
.track-ribbon__field,.track-ribbon .captcha-field{min-width:0 !important;margin:0 !important;display:grid !important;grid-template-rows:auto minmax(48px,1fr) !important;gap:7px !important;align-self:stretch !important;}
.track-ribbon__field:nth-of-type(1){grid-area:code !important;}
.track-ribbon__field:nth-of-type(2){grid-area:mobile !important;}
.track-ribbon .captcha-field{grid-area:captcha !important;}
.track-ribbon__field span,.track-ribbon .captcha-field .field__label{display:block !important;color:#e5eefb !important;font-size:12px !important;font-weight:900 !important;line-height:1.35 !important;margin:0 !important;text-align:right !important;}
.track-ribbon__field input,.track-ribbon .captcha-field__input{min-height:48px !important;height:100% !important;border-radius:16px !important;border:1px solid rgba(255,255,255,.12) !important;background:rgba(255,255,255,.96) !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.55) !important;}
.track-ribbon__field input::placeholder,.track-ribbon .captcha-field__input::placeholder{color:#7c8797 !important;opacity:1 !important;}
.track-ribbon .captcha-field__row{display:grid !important;grid-template-columns:minmax(88px,.52fr) minmax(90px,1fr) !important;gap:8px !important;align-items:stretch !important;height:100% !important;}
.track-ribbon .captcha-field__question{min-width:0 !important;min-height:48px !important;height:100% !important;display:grid !important;place-items:center !important;padding:0 10px !important;border-radius:16px !important;color:#dbeafe !important;background:rgba(37,99,235,.20) !important;border:1px solid rgba(96,165,250,.24) !important;font-size:13px !important;font-weight:1000 !important;direction:ltr !important;white-space:nowrap !important;}
.track-ribbon .captcha-field__input{width:100% !important;padding:0 12px !important;text-align:center !important;direction:ltr !important;}
.track-ribbon__button{grid-area:action !important;width:100% !important;min-height:50px !important;align-self:stretch !important;justify-self:stretch !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;border-radius:18px !important;white-space:normal !important;line-height:1.7 !important;text-align:center !important;}
@media (max-width:980px){.track-ribbon{grid-template-columns:1fr 1fr !important;grid-template-areas:"title title" "code mobile" "captcha captcha" "action action" !important;}.track-ribbon__title{min-height:auto !important;}}
@media (max-width:560px){.track-ribbon{grid-template-columns:1fr !important;grid-template-areas:"title" "code" "mobile" "captcha" "action" !important;padding:15px !important;border-radius:24px !important;}.track-ribbon__title{padding:13px !important;border-radius:20px !important;}.track-ribbon .captcha-field__row{grid-template-columns:1fr !important;}}

/* RTL order correction for home tracking ribbon - 2026-05-16 */
.track-ribbon{direction:rtl !important;grid-template-columns:minmax(210px,1.05fr) minmax(150px,1fr) minmax(150px,1fr) minmax(220px,.9fr) !important;grid-template-areas:"title code mobile captcha" "title action action action" !important;}
.track-ribbon__title{direction:rtl !important;text-align:right !important;}
.track-ribbon__field,.track-ribbon .captcha-field{direction:rtl !important;text-align:right !important;}
.track-ribbon .captcha-field__row{direction:rtl !important;}
.track-ribbon .captcha-field__question{direction:ltr !important;unicode-bidi:isolate !important;}
@media (max-width:980px){.track-ribbon{grid-template-columns:1fr 1fr !important;grid-template-areas:"title title" "code mobile" "captcha captcha" "action action" !important;}}
@media (max-width:560px){.track-ribbon{grid-template-columns:1fr !important;grid-template-areas:"title" "code" "mobile" "captcha" "action" !important;}}

/* Land case full agricultural form */
.land-case-form .form-separator{margin:26px 0;}
.land-case-form .panel__head,.land-case-form .user-panel__head,.land-case-form .admin-panel__head{align-items:flex-start;}
.land-case-form .panel__desc,.land-case-form .field__hint{color:#64748b;font-size:13px;}
.check-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:8px;}
.check-card{display:flex;align-items:center;gap:8px;min-height:44px;padding:10px 12px;border:1px solid rgba(15,118,110,.18);border-radius:14px;background:rgba(248,250,252,.92);color:#0f172a;font-size:13px;font-weight:800;cursor:pointer;transition:.18s ease;}
.check-card:hover{border-color:rgba(15,118,110,.38);background:#fff;transform:translateY(-1px);}
.check-card input{inline-size:16px;block-size:16px;accent-color:#0f766e;flex:0 0 auto;}
.land-detail-section{margin-top:20px;padding-top:18px;border-top:1px solid rgba(15,23,42,.08);}
.land-detail-section:first-child{margin-top:0;padding-top:0;border-top:0;}
.land-detail-section h3{margin:0 0 14px;font-size:16px;color:#0f172a;}
.land-detail-grid .user-detail-item strong{line-height:1.9;}
.admin-edit-form .land-form-section,.land-case-form .land-form-section{width:100%;}
@media (max-width:1100px){.check-grid{grid-template-columns:repeat(3,minmax(0,1fr));}}
@media (max-width:760px){.check-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (max-width:520px){.check-grid{grid-template-columns:1fr;}}

/* Land form required fields + UX polish - 2026-05-16 */
.land-required-note{margin:0 0 18px;padding:13px 15px;border-radius:18px;border:1px solid rgba(15,118,110,.18);background:linear-gradient(135deg,rgba(240,253,250,.95),rgba(248,250,252,.95));color:#0f172a;font-size:13px;font-weight:800;line-height:1.9;}
.land-required-note strong{color:#0f766e;font-weight:1000;}
.land-case-form .panel__head,.land-case-form .user-panel__head,.land-case-form .admin-panel__head{position:relative;padding:14px 16px;margin:22px 0 16px;border:1px solid rgba(15,118,110,.12);border-radius:20px;background:linear-gradient(135deg,rgba(240,253,250,.75),rgba(255,255,255,.96));}
.land-case-form > .panel__head:first-child,.land-case-form > .user-panel__head:first-child,.land-case-form > .admin-panel__head:first-child{margin-top:0;}
.land-case-form .panel__head h2,.land-case-form .user-panel__head h2,.land-case-form .admin-panel__head h2{font-size:18px;font-weight:1000;color:#0f172a;}
.land-case-form .form-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;}
.land-case-form .field{padding:11px;border:1px solid rgba(15,23,42,.07);border-radius:18px;background:rgba(255,255,255,.78);box-shadow:0 8px 22px rgba(15,23,42,.035);}
.land-case-form .field__label{display:flex;align-items:center;gap:6px;min-height:20px;color:#334155;line-height:1.6;}
.land-case-form .field__input,.land-case-form .field__textarea,.land-case-form .field__select{border-radius:14px;background:#fff;border-color:rgba(15,23,42,.11);}
.land-case-form .field__input:focus,.land-case-form .field__textarea:focus,.land-case-form .field__select:focus{border-color:rgba(15,118,110,.52);box-shadow:0 0 0 4px rgba(15,118,110,.10);}
.land-case-form .field--invalid,.land-case-form .check-group.field--invalid{border-color:rgba(239,68,68,.45)!important;background:linear-gradient(135deg,#fff7f7,#fff)!important;}
.land-case-form .check-grid{grid-template-columns:repeat(4,minmax(0,1fr));}
.land-case-form .check-card{border-radius:16px;background:linear-gradient(135deg,#fff,rgba(248,250,252,.92));border-color:rgba(15,23,42,.10);}
.land-case-form .check-card:has(input:checked){border-color:rgba(15,118,110,.55);background:linear-gradient(135deg,rgba(240,253,250,.96),#fff);box-shadow:0 8px 18px rgba(15,118,110,.08);}
.check-card--wide{justify-content:flex-start;min-height:52px;}.check-card__hint{display:block;margin-top:8px;}.beneficiary-same-box{background:linear-gradient(135deg,rgba(236,253,245,.72),rgba(255,255,255,.95))!important;}
.land-detail-section{border:1px solid rgba(15,23,42,.08);border-radius:20px;padding:18px;background:linear-gradient(135deg,#fff,rgba(248,250,252,.86));box-shadow:0 12px 30px rgba(15,23,42,.045);}
.land-detail-section:first-child{padding-top:18px;border-top:1px solid rgba(15,23,42,.08);}
.land-detail-section h3{display:flex;align-items:center;gap:8px;margin-bottom:16px;font-weight:1000;}
.land-detail-section h3::before{content:"";width:10px;height:10px;border-radius:999px;background:#0f766e;box-shadow:0 0 0 5px rgba(15,118,110,.10);}
.land-detail-grid .user-detail-item{border-radius:16px;background:rgba(255,255,255,.88);}
@media (max-width:1180px){.land-case-form .form-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.land-case-form .check-grid{grid-template-columns:repeat(3,minmax(0,1fr));}}
@media (max-width:760px){.land-case-form .form-grid,.land-case-form .check-grid{grid-template-columns:1fr;}.land-case-form .form-grid .full{grid-column:auto;}}


/* Password visibility toggle */
.password-field{
  position:relative;
  display:block;
  width:100%;
}
.password-field .field__input{
  direction:ltr;
  text-align:right;
  unicode-bidi:plaintext;
  padding-left:52px !important;
  padding-right:16px !important;
}
.password-field__toggle{
  position:absolute;
  inset-block-start:50%;
  left:10px;
  right:auto;
  transform:translateY(-50%);
  width:36px;
  height:36px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:0;
  border-radius:12px;
  background:rgba(15,23,42,.06);
  color:#475569;
  cursor:pointer;
  transition:background .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease;
  z-index:2;
}
.password-field__toggle:hover{
  background:rgba(15,118,110,.12);
  color:#0f766e;
}
.password-field__toggle:focus-visible{
  outline:0;
  box-shadow:0 0 0 4px rgba(15,118,110,.14);
}
.password-field__toggle:active{
  transform:translateY(-50%) scale(.96);
}
.password-field__toggle svg{
  width:20px;
  height:20px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.9;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.auth-card .password-field__toggle{
  width:38px;
  height:38px;
  border-radius:14px;
}

/* Neshan map + optional land boundary drawing */
.map-help-text{margin-top:10px;line-height:1.8}
.map-box.neshan-map{position:relative;isolation:isolate;background:#e6eef6;overflow:hidden;min-height:340px}
.neshan-map__canvas{position:absolute;inset:0;z-index:1;direction:ltr}
.map-box.neshan-map .leaflet-container{height:100%;width:100%;font-family:inherit;direction:ltr}
.map-box.neshan-map .leaflet-control-container{font-family:inherit}
.mahestan-map-tools{position:absolute;z-index:510;top:12px;right:12px;left:auto;display:flex;flex-wrap:wrap;gap:8px;align-items:center;direction:rtl;max-width:calc(100% - 24px)}
.mahestan-map-tools button,.mahestan-map-tools span{border:1px solid rgba(15,23,42,.10);border-radius:13px;background:rgba(255,255,255,.94);box-shadow:0 12px 28px rgba(15,23,42,.14);padding:9px 12px;font-family:inherit;font-size:12px;font-weight:950;color:#0f172a;line-height:1.4}
.mahestan-map-tools button{cursor:pointer;transition:.18s ease}
.mahestan-map-tools button:hover{transform:translateY(-1px);border-color:rgba(16,185,129,.38);color:#047857}
.mahestan-map-tools [data-map-draw="finish"]{background:linear-gradient(135deg,#ecfdf5,#d1fae5);color:#065f46;border-color:rgba(16,185,129,.34)}
.mahestan-map-tools [data-map-draw="clear"]{background:rgba(255,255,255,.94);color:#9f1239}
.mahestan-map-tools--readonly span{color:#065f46;background:rgba(236,253,245,.94);border-color:rgba(16,185,129,.25)}
.mahestan-map-hint{position:absolute;z-index:510;right:12px;bottom:12px;left:12px;max-width:560px;margin-inline-start:auto;padding:9px 12px;border-radius:14px;background:rgba(255,255,255,.92);border:1px solid rgba(15,23,42,.08);box-shadow:0 12px 28px rgba(15,23,42,.10);font-size:12px;font-weight:900;color:#475569;line-height:1.8;direction:rtl}
.map-box.is-drawing-boundary{cursor:crosshair}
.map-box.is-drawing-boundary .mahestan-map-hint{background:rgba(236,253,245,.96);border-color:rgba(16,185,129,.25);color:#065f46}
.simple-map__boundary{position:absolute;inset:0;z-index:3;width:100%;height:100%;pointer-events:none;overflow:visible}
.simple-map__boundary-shape{fill:rgba(16,185,129,.16);stroke:#08916f;stroke-width:3;stroke-linejoin:round}
.simple-map__boundary-line{fill:none;stroke:#08916f;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:8 6}
.simple-map__boundary-point{fill:#fff;stroke:#064e3b;stroke-width:2}
.simple-map .mahestan-map-tools{right:12px;top:12px;left:66px;z-index:6}
.simple-map .mahestan-map-tools button,.simple-map .mahestan-map-tools span{box-shadow:var(--shadow3)}
@media (max-width:700px){.mahestan-map-tools{top:10px;right:10px}.mahestan-map-tools button,.mahestan-map-tools span{font-size:11px;padding:8px 10px}.mahestan-map-hint{font-size:11px;right:10px;left:10px;bottom:10px}.map-box.neshan-map{min-height:300px}}

/* Neshan SDK final diagnostics */
.mahestan-map-status{position:absolute;z-index:520;left:12px;right:12px;top:auto;bottom:58px;max-width:620px;margin-inline-start:auto;padding:10px 13px;border-radius:14px;border:1px solid rgba(245,158,11,.24);background:rgba(255,251,235,.96);box-shadow:0 14px 34px rgba(15,23,42,.14);font-size:12px;font-weight:900;line-height:1.9;color:#92400e;direction:rtl;text-align:right}
.mahestan-map-status[data-mode="error"]{background:rgba(254,242,242,.97);border-color:rgba(239,68,68,.24);color:#991b1b}
.mahestan-map-status[data-mode="info"]{background:rgba(239,246,255,.97);border-color:rgba(59,130,246,.22);color:#1e3a8a}
@media (max-width:700px){.mahestan-map-status{font-size:11px;bottom:64px;left:10px;right:10px}}