/* VakilOne24 public landing — scoped to .lp (no Tailwind rebuild needed) */
.lp{--lp-navy:#0F2A4A;--lp-navy2:#16375e;--lp-gold:#C9A227;--lp-ink:#1d2b3a;--lp-mut:#6b7a8c;--lp-bg:#f5f7fa;color:var(--lp-ink);font-family:Vazirmatn,'Vazirmatn FD',Tahoma,sans-serif}
.lp *{box-sizing:border-box}
.lp-wrap{max-width:1240px;margin:0 auto;padding:0 32px}
/* header */
.lp-nav{background:var(--lp-navy);position:relative;z-index:20}
.lp-nav .lp-wrap{display:flex;align-items:center;justify-content:space-between;height:68px;gap:16px}
.lp-links{display:flex;gap:26px;font-size:14px}.lp-links a{color:#c8d3df;text-decoration:none}.lp-links a:hover{color:var(--lp-gold)}
.lp-acts{display:flex;gap:8px;align-items:center}
.lp-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:12px;padding:12px 22px;font-weight:700;font-size:15px;text-decoration:none;border:0;cursor:pointer;line-height:1.5;transition:filter .15s,background .15s}
.lp-btn:hover{filter:brightness(1.07)}
.lp-btn.gold{background:var(--lp-gold);color:var(--lp-navy)}
.lp-btn.ghost{border:1.5px solid rgba(255,255,255,.4);color:#fff;background:transparent}.lp-btn.ghost:hover{background:rgba(255,255,255,.08)}
.lp-btn.sm{padding:7px 14px;font-size:13px;border-radius:10px}
.lp-menu{display:none;position:relative}
.lp-menu summary{list-style:none;cursor:pointer;color:#fff;padding:6px;border-radius:8px;border:1px solid rgba(255,255,255,.25);display:flex}
.lp-menu summary::-webkit-details-marker{display:none}
.lp-menu .lp-drop{position:absolute;left:0;top:44px;background:#fff;border-radius:14px;box-shadow:0 18px 40px rgba(0,0,0,.25);padding:8px;min-width:200px;display:flex;flex-direction:column}
.lp-menu .lp-drop a{color:var(--lp-navy);text-decoration:none;padding:9px 12px;border-radius:8px;font-size:14px}.lp-menu .lp-drop a:hover{background:var(--lp-bg)}
.lp-menu .lp-drop hr{border:0;border-top:1px solid #e6ebf1;margin:6px 0}
/* hero */
.lp-hero{position:relative;overflow:hidden;color:#fff;background:radial-gradient(900px 520px at 12% 30%,rgba(201,162,39,.10) 0,transparent 60%),radial-gradient(1200px 600px at 20% 40%,#1d4675 0,transparent 60%),linear-gradient(160deg,#0F2A4A,#0b2039);padding:64px 0 72px}
.lp-hero .deco{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:.55}
.lp-hero-grid{position:relative;display:grid;grid-template-columns:1fr 1.1fr;gap:52px;align-items:center}
.lp-hero h1{font-size:46px;line-height:1.4;font-weight:900;margin:0 0 14px;color:#fff}.lp-hero h1 em{font-style:normal;color:var(--lp-gold)}
.lp-sub{font-size:19px;color:#e6c95a;font-weight:600;margin:0}
.lp-lead{color:#c3cfdc;font-size:16px;line-height:2;margin:14px 0 26px;max-width:540px}
.lp-ctas{display:flex;gap:12px;flex-wrap:wrap}
.lp-note{font-size:12.5px;color:#8fa3b8;margin-top:14px}
/* slider */
.lp-slider{position:relative;outline:none}
.lp-track{position:relative;min-height:420px}
.lp-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transform:translateX(-18px);transition:opacity .55s ease,transform .55s ease,visibility .55s}
.lp-slide.on{opacity:1;visibility:visible;transform:none;position:relative}
.lp-dots{display:flex;gap:8px;align-items:center;margin-top:22px;justify-content:center}
.lp-dots button{width:10px;height:10px;border-radius:99px;border:0;padding:0;background:rgba(255,255,255,.3);cursor:pointer;transition:width .3s,background .3s}
.lp-dots button.on{width:34px;background:var(--lp-gold)}
.lp-cap{font-size:12.5px;color:#8fa3b8;margin-right:10px;min-width:170px}
.mock{background:#fff;color:var(--lp-ink);border-radius:20px;box-shadow:0 30px 80px rgba(0,0,0,.35);overflow:hidden}
.mbar{display:flex;gap:6px;padding:10px 14px;background:#eef2f6}.mbar b{width:10px;height:10px;border-radius:50%;background:#cfd8e2}
.mbody{display:grid;grid-template-columns:150px 1fr}
.mside{background:var(--lp-navy);color:#b9c7d6;padding:16px 12px;font-size:12.5px;display:flex;flex-direction:column;gap:6px}
.mside div{padding:6px 8px}.mside .on{color:#fff;background:rgba(255,255,255,.1);border-radius:8px}
.mmain{padding:18px}
.kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.kpi{background:var(--lp-bg);border-radius:12px;padding:12px}
.kpi small{color:var(--lp-mut);font-size:11.5px}.kpi b{display:block;font-size:22px;color:var(--lp-navy)}.kpi b.g{color:var(--lp-gold)}.kpi b.r{color:#b03a2e}
.mh{font-size:13.5px;margin:16px 0 8px;display:flex;justify-content:space-between;font-weight:700}.mh span{color:var(--lp-mut);font-weight:400;font-size:11.5px}
.mrow{display:flex;align-items:center;gap:10px;padding:9px 10px;border:1px solid #e6ebf1;border-radius:10px;margin-bottom:7px;font-size:12.5px}
.mrow .d{min-width:44px;text-align:center;border-radius:8px;background:#fdf6e0;color:#8a6d0f;font-weight:700;padding:4px 4px;font-size:11px}
.mrow .d.r{background:#fde8e6;color:#a33}.mrow .d.ok{background:#e6f4ec;color:#1f7a4a}
.mrow .t{flex:1}.mrow .t small{display:block;color:var(--lp-mut);font-size:11px}
.pill{font-size:10.5px;border-radius:99px;padding:2px 8px;background:#e8eef6;color:var(--lp-navy);white-space:nowrap}
.pill.ok{background:#e6f4ec;color:#1f7a4a}.pill.w{background:#fdf6e0;color:#8a6d0f}.pill.r{background:#fde8e6;color:#a33}
.sample{display:block;padding:0 18px 12px;font-size:10.5px;color:var(--lp-mut)}
.mtable{width:100%;border-collapse:separate;border-spacing:0;font-size:12px;border:1px solid #e6ebf1;border-radius:10px;overflow:hidden}
.mtable th{background:var(--lp-bg);color:var(--lp-mut);font-weight:500;text-align:right;padding:8px 10px;font-size:11px}
.mtable td{padding:8px 10px;border-top:1px solid #eef2f6}
.cheque{margin-top:12px;display:flex;gap:12px;align-items:center;border:1.5px dashed rgba(201,162,39,.7);background:#fffbef;border-radius:12px;padding:10px 12px;font-size:12.5px}
.cheque .ic{width:36px;height:36px;border-radius:10px;background:var(--lp-navy);display:flex;align-items:center;justify-content:center;flex:none}
.cheque small{display:block;color:var(--lp-mut);font-size:11px}
/* phone slide */
.phone-stage{display:flex;align-items:center;justify-content:center;gap:28px;min-height:420px}
.phone{width:240px;background:#0b1a2e;border-radius:36px;padding:10px;box-shadow:0 30px 80px rgba(0,0,0,.4);border:1px solid rgba(255,255,255,.12)}
.phone .scr{background:var(--lp-bg);border-radius:28px;overflow:hidden;color:var(--lp-ink);font-size:11.5px}
.phone .notch{width:80px;height:18px;background:#0b1a2e;border-radius:0 0 12px 12px;margin:0 auto}
.phone .ph{background:var(--lp-navy);color:#fff;padding:8px 14px 14px}.phone .ph small{color:#c3cfdc;display:block;font-size:10.5px}.phone .ph b{font-size:13.5px}
.phone .pc{background:#fff;margin:10px;border-radius:12px;padding:10px;box-shadow:0 2px 8px rgba(15,42,74,.06)}
.phone .pc h6{margin:0 0 6px;font-size:12px;color:var(--lp-navy)}
.steps{display:flex;gap:4px;margin:6px 0}.steps i{flex:1;height:5px;border-radius:9px;background:#dfe6ee}.steps i.on{background:var(--lp-gold)}
.msg{background:var(--lp-bg);border-radius:10px;padding:7px 9px;margin-top:6px;line-height:1.7}.msg.me{background:#eaf0f7}
.msg small{display:block;color:var(--lp-mut);font-size:10px}
.phone .tabs{display:flex;justify-content:space-around;padding:8px 0 10px;background:#fff;color:var(--lp-mut);font-size:10px}.phone .tabs .on{color:var(--lp-navy);font-weight:700}
.phone-side{max-width:230px;color:#c3cfdc;font-size:13.5px;line-height:2}
.phone-side b{color:#fff;display:block;font-size:16px;margin-bottom:6px}
.phone-side li{list-style:none;display:flex;gap:8px;align-items:center}.phone-side ul{padding:0;margin:0}
.phone-side li:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--lp-gold);flex:none}
/* trust strip */
.lp-trust{background:#fff;border-bottom:1px solid #e6ebf1}
.lp-trust .lp-wrap{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding-top:22px;padding-bottom:22px}
.lp-trust .it{display:flex;gap:12px;align-items:center;justify-content:center;color:var(--lp-navy);font-weight:700;font-size:15px}
.lp-trust .it svg{width:34px;height:34px;flex:none}
.lp-trust .it small{display:block;font-weight:400;color:var(--lp-mut);font-size:12px}
/* features */
.lp-feat{padding:64px 0}
.lp-h2{font-size:26px;color:var(--lp-navy);font-weight:800;margin:0 0 8px}
.lp-h2sub{color:var(--lp-mut);font-size:14px;margin:0 0 26px}
.lp-fg{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.lp-f{background:#fff;border-radius:16px;padding:20px;border:1px solid #e6ebf1;display:flex;gap:14px;align-items:flex-start;transition:box-shadow .2s,transform .2s}
.lp-f:hover{box-shadow:0 12px 30px rgba(15,42,74,.10);transform:translateY(-2px)}
.lp-f .ico{width:48px;height:48px;border-radius:14px;background:#f1f5fa;display:flex;align-items:center;justify-content:center;flex:none}
.lp-f .ico svg{width:28px;height:28px}
.lp-f h3{font-size:15.5px;color:var(--lp-navy);margin:2px 0 6px;font-weight:700}
.lp-f p{font-size:13px;color:var(--lp-mut);line-height:1.9;margin:0}
/* footer */
.lp-foot{background:var(--lp-navy);color:rgba(255,255,255,.8);padding:40px 0}
.lp-foot .lp-wrap{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;flex-wrap:wrap}
.lp-foot small{display:block;font-size:12px;color:rgba(255,255,255,.6);margin-top:8px}
.lp-indep{margin-top:14px;font-size:12px;color:rgba(255,255,255,.7);border:1px solid rgba(201,162,39,.35);border-radius:10px;padding:8px 12px;display:inline-block}
@media (max-width:1024px){.lp-fg{grid-template-columns:repeat(2,1fr)}.lp-hero h1{font-size:38px}.lp-hero-grid{gap:32px}}
@media (max-width:860px){
 .lp-wrap{padding:0 16px}.lp-links,.lp-acts .hide-m{display:none}.lp-menu{display:block}
 .lp-hero{padding:32px 0 40px}.lp-hero-grid{grid-template-columns:1fr;gap:30px}
 .lp-hero h1{font-size:30px}.lp-sub{font-size:16px}.lp-lead{font-size:14.5px}
 .lp-ctas .lp-btn{flex:1 1 100%}
 .mbody{grid-template-columns:1fr}.mside{display:none}.kpi b{font-size:18px}.lp-track,.phone-stage{min-height:0}
 .phone-side{display:none}
 .lp-trust .lp-wrap{grid-template-columns:1fr;gap:12px}.lp-trust .it{justify-content:flex-start}
 .lp-fg{grid-template-columns:1fr}.lp-feat{padding:44px 0}
 .mtable .hm{display:none}
}
@media (prefers-reduced-motion:reduce){.lp-slide{transition:none}}
/* 2026-10-26 mobile theme fix: landing vars renamed to --lp-* (hex values were clobbering the app's RGB-triplet tokens, which made bg-navy/bg-gold/bg-page transparent) */
.lp #confidentiality{background:#0F2A4A;color:#fff}
.lp #confidentiality h2,.lp #confidentiality h3{color:#fff}
.lp #confidentiality .text-gold{color:#E8C26A}
.lp #confidentiality p{color:rgba(255,255,255,.84)}
.lp #confidentiality .lp-conf-card{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);border-radius:14px;padding:22px}
.lp #confidentiality .lp-conf-ic{width:42px;height:42px;border-radius:12px;background:#C9A227;color:#0F2A4A;display:flex;align-items:center;justify-content:center;margin-bottom:12px}
.lp #confidentiality .lp-conf-ic svg{width:22px;height:22px}
.lp #confidentiality .lp-conf-note{color:rgba(255,255,255,.7)}
@media (max-width:640px){.lp #confidentiality{padding:44px 0}.lp #confidentiality .lp-conf-card{padding:18px}}