/* ============ mobile nav dropdown ============ */
.mnav{display:none;flex-direction:column;padding:10px 24px 18px;background:var(--paper);border-bottom:1px solid var(--paper-line)}
.mnav.open{display:flex}
.mnav a{padding:11px 0;font-weight:500;color:var(--ink-70);border-bottom:1px solid var(--paper-line)}

/* ============ HERO ============ */
.hero{background:linear-gradient(180deg,var(--paper) 0%,var(--paper-2) 100%);overflow:hidden;position:relative}
.hero::after{content:"";position:absolute;inset:0;pointer-events:none;
  background-image:repeating-linear-gradient(90deg,transparent,transparent 39px,rgba(10,22,38,.025) 39px,rgba(10,22,38,.025) 40px)}
.hero__in{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center;padding:72px 0 88px;position:relative;z-index:1}
.hero__h1{font-size:clamp(2.5rem,6vw,4.4rem);font-weight:700;letter-spacing:-.03em}
.hero__accent{color:var(--amber-deep);position:relative;white-space:nowrap}
.hero__accent::after{content:"";position:absolute;left:0;right:0;bottom:.08em;height:.14em;background:var(--amber);opacity:.35;border-radius:2px}
.hero__sub{margin:26px 0 32px;font-size:1.14rem;color:var(--ink-70);max-width:520px}
.hero__cta{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:28px}
.hero__proof{display:flex;gap:18px;flex-wrap:wrap;font-size:.78rem;color:var(--ink-40);font-weight:700}

/* ============ SIMULATION (signature) ============ */
.sim{position:relative}
.sim__bar{display:flex;align-items:center;gap:7px;background:var(--ink-2);padding:12px 16px;border-radius:16px 16px 0 0}
.sim__dot{width:11px;height:11px;border-radius:50%;background:rgba(244,240,232,.25)}
.sim__net{margin-left:auto;display:flex;align-items:center;gap:7px;font-family:var(--font-mono);font-size:.74rem;font-weight:700;color:var(--emerald);
  padding:5px 11px;border-radius:999px;background:rgba(15,157,107,.14);transition:all .35s}
.sim__netdot{width:8px;height:8px;border-radius:50%;background:var(--emerald);box-shadow:0 0 0 0 rgba(15,157,107,.5);animation:pulse 2s infinite}
.sim__net.off{color:var(--red);background:rgba(229,72,77,.16)}
.sim__net.off .sim__netdot{background:var(--red);animation:none}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(15,157,107,.45)}70%{box-shadow:0 0 0 8px rgba(15,157,107,0)}100%{box-shadow:0 0 0 0 rgba(15,157,107,0)}}

.sim__screen{background:#fffdf8;border:1px solid var(--paper-line);border-top:0;padding:18px;box-shadow:var(--shadow-float)}
.sim__cart{min-height:172px;display:flex;flex-direction:column;gap:9px}
.sim__line{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:11px 13px;background:var(--paper);border-radius:10px;
  font-size:.9rem;opacity:0;transform:translateY(8px);animation:lineIn .3s forwards}
.sim__line b{font-family:var(--font-mono)}
.sim__line small{display:block;color:var(--ink-40);font-size:.74rem;font-family:var(--font-mono)}
@keyframes lineIn{to{opacity:1;transform:none}}
.sim__foot{margin-top:14px;border-top:1px dashed var(--paper-line);padding-top:14px}
.sim__total{display:flex;justify-content:space-between;align-items:baseline;font-family:var(--font-display);margin-bottom:12px}
.sim__total b{font-family:var(--font-mono);font-size:1.5rem}
.sim__pay{width:100%;border:0;border-radius:12px;background:var(--ink);color:var(--paper);font-family:var(--font-display);
  font-weight:600;font-size:1rem;padding:15px;cursor:pointer;transition:background .25s,transform .15s}
.sim__pay:hover{transform:translateY(-1px)}
.sim__pay.committing{background:var(--amber);color:var(--ink)}
.sim__pay.done{background:var(--emerald);color:#fff}

.vault{background:var(--ink);border-radius:0 0 16px 16px;padding:14px 16px 16px;color:var(--paper)}
.vault__head{display:flex;justify-content:space-between;font-size:.72rem;letter-spacing:.1em;color:var(--paper-40);margin-bottom:10px}
.vault__list{display:flex;flex-direction:column;gap:7px;min-height:24px}
.vrow{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:9px 11px;border-radius:9px;
  background:rgba(244,240,232,.06);font-family:var(--font-mono);font-size:.76rem;
  opacity:0;transform:translateX(-8px);animation:vin .3s forwards}
@keyframes vin{to{opacity:1;transform:none}}
.vrow__s{display:inline-flex;align-items:center;gap:6px;font-size:.68rem;font-weight:700}
.vrow__s.queued{color:var(--amber)}
.vrow__s.synced{color:var(--emerald)}
.vdot{width:7px;height:7px;border-radius:50%;background:currentColor}
.vrow__s.queued .vdot{animation:pulse2 1.4s infinite}
@keyframes pulse2{50%{opacity:.3}}
.sim__caption{text-align:center;color:var(--ink-40);font-size:.76rem;margin-top:14px}

/* ============ TRUST STRIP ============ */
.strip{background:var(--ink);color:var(--paper);padding:34px 0}
.strip__in{display:grid;grid-template-columns:repeat(4,1fr);gap:32px}
.strip__item b{display:block;font-family:var(--font-display);font-size:1.5rem;color:var(--amber);letter-spacing:-.02em}
.strip__item span{font-size:.86rem;color:var(--paper-40)}

/* ============ PLATFORM TILES ============ */
.platform{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.ptile{background:#fffdf8;border:1px solid var(--paper-line);border-radius:var(--r-lg);padding:22px;transition:transform .18s,box-shadow .2s,border-color .2s;display:block}
.ptile:hover{transform:translateY(-4px);box-shadow:var(--shadow-card);border-color:var(--amber)}
.ptile__ic{font-size:1.7rem;display:block;margin-bottom:12px}
.ptile b{font-family:var(--font-display);font-size:1.05rem;display:block;margin-bottom:6px}
.ptile small{color:var(--ink-55);font-size:.84rem;line-height:1.45}

/* ============ OFFLINE FLOW ============ */
.flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;gap:14px;align-items:stretch;margin-bottom:44px}
.flow__step{background:var(--ink-2);border:1px solid var(--ink-3);border-radius:var(--r-lg);padding:24px}
.flow__n{color:var(--amber);font-size:.9rem;font-weight:700;display:block;margin-bottom:10px}
.flow__step h3{font-size:1.12rem;margin-bottom:9px;color:var(--paper)}
.flow__step p{color:var(--paper-40);font-size:.88rem;line-height:1.55}
.flow__step em{color:var(--amber);font-style:normal}
.flow__arrow{display:grid;place-items:center;color:var(--ink-3);font-size:1.4rem}
.offline__cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.ocard{border:1px solid var(--ink-3);border-radius:var(--r-md);padding:18px}
.ocard b{color:var(--amber);font-size:.74rem;letter-spacing:.08em;display:block;margin-bottom:8px}
.ocard p{color:var(--paper-40);font-size:.84rem;line-height:1.5}

/* ============ INTELLIGENCE ============ */
.icard{background:#fffdf8;border:1px solid var(--paper-line);border-radius:var(--r-lg);padding:26px;transition:transform .18s}
.icard:hover{transform:translateY(-3px)}
.icard__ic{font-size:1.8rem;display:block;margin-bottom:14px}
.icard h3{font-size:1.15rem;margin-bottom:9px}
.icard p{color:var(--ink-55);font-size:.9rem}

/* ============ TELEGRAM ============ */
.tg{background:var(--paper-2);padding:88px 0;border-top:1px solid var(--paper-line);border-bottom:1px solid var(--paper-line)}
.tg__in{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.tg__copy h2{font-size:clamp(1.9rem,4vw,2.8rem);margin:16px 0 16px}
.tg__copy p{color:var(--ink-55);font-size:1.06rem;margin-bottom:26px;max-width:440px}
.tg__phone{background:var(--ink);border-radius:var(--r-xl);padding:22px;display:flex;flex-direction:column;gap:12px;box-shadow:var(--shadow-float);max-width:400px;margin-left:auto}
.tgmsg{background:var(--ink-2);border-left:3px solid var(--sky);border-radius:12px;padding:13px 15px;font-size:.9rem;color:var(--paper)}
.tgmsg b{font-family:var(--font-display)}
.tgmsg .mono{color:var(--paper-40);font-size:.78rem}
.tgmsg--warn{border-left-color:var(--amber)}
.tgmsg--red{border-left-color:var(--red)}

/* ============ INDUSTRY TILES ============ */
.indtile{background:var(--ink-2);border:1px solid var(--ink-3);border-radius:var(--r-lg);padding:26px;display:block;transition:transform .18s,border-color .2s}
.indtile:hover{transform:translateY(-4px);border-color:var(--amber)}
.indtile__ic{font-size:2rem;display:block;margin-bottom:14px}
.indtile b{font-family:var(--font-display);font-size:1.2rem;color:var(--paper);display:block;margin-bottom:9px}
.indtile p{color:var(--paper-40);font-size:.88rem;margin-bottom:16px;line-height:1.5}
.indtile__go{color:var(--amber);font-size:.8rem;font-weight:700}
.indtile--more{background:transparent;border-style:dashed;display:flex;flex-direction:column;justify-content:center}

/* ============ PRICING ============ */
.pricing{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.price{background:#fffdf8;border:1px solid var(--paper-line);border-radius:var(--r-lg);padding:26px;display:flex;flex-direction:column}
.price--feat{border:2px solid var(--amber);box-shadow:0 20px 44px -24px rgba(216,134,11,.5);position:relative}
.price__amt{font-size:2.1rem;font-weight:700;margin:14px 0 2px}
.price__note{color:var(--ink-40);font-size:.82rem;margin-bottom:18px;font-family:var(--font-mono)}
.price ul{list-style:none;padding:0;margin:0 0 22px;flex:1}
.price li{padding:8px 0;font-size:.9rem;color:var(--ink-70);border-bottom:1px solid var(--paper-line);display:flex;gap:8px}
.price li::before{content:"✓";color:var(--emerald);font-weight:700}
.price li b{color:var(--ink)}

/* ============ CTA ============ */
.cta{background:var(--ink);color:var(--paper);padding:96px 0;text-align:center;position:relative;overflow:hidden}
.cta::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 120%,rgba(246,168,33,.22),transparent 55%)}
.cta__in{position:relative;max-width:660px;margin:0 auto}
.cta__in h2{font-size:clamp(1.9rem,4.4vw,3rem);margin-bottom:18px}
.cta__in p{color:var(--paper-40);font-size:1.1rem;margin-bottom:32px;max-width:520px;margin-left:auto;margin-right:auto}

/* ============ RESPONSIVE ============ */
@media(max-width:980px){
  .hero__in{grid-template-columns:1fr;gap:44px}
  .flow{grid-template-columns:1fr;gap:12px}
  .flow__arrow{transform:rotate(90deg);padding:2px 0}
  .offline__cards{grid-template-columns:1fr 1fr}
  .platform{grid-template-columns:1fr 1fr}
  .strip__in{grid-template-columns:1fr 1fr;gap:24px}
  .tg__in{grid-template-columns:1fr;gap:40px}
  .tg__phone{margin:0 auto}
  .pricing{grid-template-columns:1fr 1fr}
}
@media(max-width:560px){
  .platform,.offline__cards,.strip__in,.pricing{grid-template-columns:1fr}
  .hero__proof{gap:12px}
}