/* GR8 SMM — дизайн-код, зафиксирован 09.08.2026 (черновик 7).
   Палитра снята с postbot/static/crm.html, тот берёт её у Telegram. */

@font-face{font-family:'Martian Mono';font-style:normal;font-weight:700;font-display:swap;
  src:url(fonts/MartianMono-700-latin.woff2) format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Martian Mono';font-style:normal;font-weight:700;font-display:swap;
  src:url(fonts/MartianMono-700-cyrillic.woff2) format('woff2');
  unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Onest';font-style:normal;font-weight:400;font-display:swap;
  src:url(fonts/Onest-400-latin.woff2) format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Onest';font-style:normal;font-weight:400;font-display:swap;
  src:url(fonts/Onest-400-cyrillic.woff2) format('woff2');
  unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Onest';font-style:normal;font-weight:600;font-display:swap;
  src:url(fonts/Onest-600-latin.woff2) format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Onest';font-style:normal;font-weight:600;font-display:swap;
  src:url(fonts/Onest-600-cyrillic.woff2) format('woff2');
  unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Handjet';font-style:normal;font-weight:400 700;font-display:swap;
  src:url(fonts/Handjet-latin.woff2) format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Handjet';font-style:normal;font-weight:400 700;font-display:swap;
  src:url(fonts/Handjet-cyrillic.woff2) format('woff2');
  unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}

:root{
  --ink:#17212b;         /* фон Telegram → наш текст и инверсные блоки */
  --surface:#232e3c;
  --accent:#3390ec;      /* синий кнопок Telegram: заливка и графика, НЕ текст */
  --deep:#1f68b5;        /* тот же синий темнее: текст, ссылки, кнопки (контраст 5.67) */
  --muted:#8b9aa8;
  --pop:#c8ff4e;         /* яркий акцент: маркер, статусы, ядро сети */
  --bg:#ffffff;
  --fg:var(--ink);
  --dim:#5a6a7a;
  --panel:#f4f6f9;
  --line:rgba(23,33,43,.12);
  --rule:rgba(23,33,43,.22);
  --mono:'Martian Mono',ui-monospace,SFMono-Regular,Menlo,monospace;
  --sans:'Onest',system-ui,-apple-system,'Segoe UI',sans-serif;
  --logo:'Handjet',ui-monospace,monospace;
  --s--1:clamp(.76rem,.73rem + .14vw,.83rem);
  --s-0:clamp(.97rem,.93rem + .2vw,1.06rem);
  --s-2:clamp(1.5rem,1.28rem + .95vw,2.15rem);
  --s-3:clamp(1.9rem,1.4rem + 2.4vw,3.2rem);
  --gut:clamp(1.15rem,4.5vw,4rem);
  --ease-out:cubic-bezier(.23,1,.32,1);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--sans);
  font-size:var(--s-0);line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden}
::selection{background:var(--accent);color:#fff}
a{color:var(--deep);text-underline-offset:.22em;text-decoration-thickness:1px}
:focus-visible{outline:2px solid var(--deep);outline-offset:3px}
code{font-family:var(--mono);font-size:.88em}
img,canvas{max-width:100%}
button{font:inherit;transition:transform 140ms var(--ease-out)}
button:active{transform:scale(.97)}

.wrap{max-width:1140px;margin-inline:auto;padding-inline:var(--gut)}
.mono{font-family:var(--mono)}
.lbl{font-family:var(--mono);font-size:var(--s--1);letter-spacing:.13em;text-transform:uppercase;color:var(--dim)}

/* шапка */
.site-top{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding-block:1rem;
  border-bottom:1px solid var(--line)}
.site-top .wm{font-family:var(--logo);font-weight:700;font-size:1.7rem;line-height:1;color:var(--ink);text-decoration:none}
.site-top .wm em{font-style:normal;color:var(--deep)}
.site-top nav{display:flex;gap:1.1rem;font-family:var(--mono);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}
.site-top nav a{text-decoration:none;color:var(--dim)}
.site-top nav a:hover{color:var(--deep)}

/* документы (политика, соглашение и т.п.) — без анимации, по решению 13 */
.doc{max-width:72ch;padding-block:clamp(2.2rem,6vh,4rem)}
.doc h1{font-family:var(--mono);font-weight:700;font-size:var(--s-3);letter-spacing:-.02em;line-height:1.08;margin:0 0 .4rem;text-wrap:balance}
.doc .updated{font-family:var(--mono);font-size:var(--s--1);color:var(--dim);letter-spacing:.06em;margin:0 0 2rem}
.doc h2{font-family:var(--mono);font-weight:700;font-size:var(--s-2);letter-spacing:-.02em;margin:2.4rem 0 .8rem;text-wrap:balance}
.doc p{margin:0 0 1rem}
.doc ul,.doc ol{margin:0 0 1rem;padding-left:1.3rem}
.doc li{margin-bottom:.4rem}
.doc blockquote{margin:1.4rem 0;padding:.8rem 1.1rem;background:var(--panel);border-radius:10px;
  font-size:var(--s--1);color:var(--dim)}
.doc blockquote p{margin:0}
.doc hr{border:0;border-top:1px solid var(--rule);margin:2.2rem 0}
.doc strong{font-weight:600}

/* подвал */
.site-foot{border-top:1px solid var(--line);margin-top:3rem;padding-block:2rem 3rem;
  display:flex;flex-wrap:wrap;gap:1.4rem;justify-content:space-between;align-items:baseline;
  font-size:var(--s--1);color:var(--dim)}
.site-foot nav{display:flex;gap:1rem;flex-wrap:wrap}
.site-foot a{color:var(--dim)}
.site-foot a:hover{color:var(--deep)}

/* ── лендинг ─────────────────────────────────────── */
.hero{position:relative;overflow:hidden;color:#fff;
  background:linear-gradient(180deg,#2b83d8 0%,#1f68b5 55%,#174e83 100%)}
.hero::before{content:"";position:absolute;left:-25%;right:-25%;bottom:-14%;height:72%;
  background:
    linear-gradient(rgba(255,255,255,.16) 1px,transparent 1px) 0 0/56px 56px,
    linear-gradient(90deg,rgba(255,255,255,.16) 1px,transparent 1px) 0 0/56px 56px;
  transform:perspective(560px) rotateX(63deg);transform-origin:50% 100%;
  -webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 46%);
  mask-image:linear-gradient(180deg,transparent 0%,#000 46%);pointer-events:none}
/* полоса-горизонт убрана 09.08: делила герой надвое */
.hero{display:flex;flex-direction:column;min-height:min(94vh,840px)}
.hero>.wrap{position:relative;z-index:2;margin-left:0}
.hero .inner{justify-items:start;text-align:left}
.hero .inner{display:grid;gap:1rem;
  padding-block:clamp(1.2rem,3vh,2rem) clamp(2rem,5vh,3rem);pointer-events:none}
.hero .inner a{pointer-events:auto}
.hero h1{font-family:var(--mono);font-weight:700;font-size:clamp(1.9rem,1.2rem+3.6vw,3.6rem);
  line-height:1.06;letter-spacing:-.02em;margin:0;max-width:19ch;text-wrap:balance}
.hero h1 mark{background:var(--pop);color:var(--ink);padding:0 .14em}
.hero .sub{max-width:44ch;font-size:var(--s-0);opacity:.9;margin:0}
.hero .cta{display:flex;gap:.7rem;flex-wrap:wrap;margin-top:.4rem}
.bt{display:inline-block;border:0;border-radius:10px;cursor:pointer;text-decoration:none;text-align:center;
  font-family:var(--mono);font-size:.78rem;letter-spacing:.06em;padding:.8rem 1.3rem}
.bt.p{background:var(--pop);color:var(--ink);font-weight:700}
.bt.g{background:rgba(255,255,255,.14);color:#fff}
.bt.b{background:var(--deep);color:#fff}
#net{position:absolute;inset:0;z-index:1;width:100%;height:100%;cursor:grab;touch-action:none}
#net:active{cursor:grabbing}
.hero .hint{margin-top:auto;font-family:var(--mono);font-size:.66rem;letter-spacing:.1em;
  text-transform:uppercase;opacity:.6;padding-bottom:1rem}

section.land{padding-block:clamp(3rem,7vh,5rem);border-bottom:1px solid var(--line)}
.land h2{font-family:var(--mono);font-weight:700;font-size:var(--s-2);letter-spacing:-.02em;margin:0 0 1.2rem;text-wrap:balance}
.land .prose{max-width:66ch}
.land .prose p{margin:0 0 .9rem}
.note{border-top:1px solid var(--rule);margin-top:1.6rem;padding-top:.9rem;
  font-size:var(--s--1);color:var(--dim);max-width:66ch;line-height:1.55}
.note b{color:var(--fg)}

.steps{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));margin-top:1.8rem;counter-reset:st}
.step{background:#fff;border:1px solid var(--rule);border-radius:14px;padding:1.2rem;counter-increment:st;
  transition:transform .18s var(--ease-out),box-shadow .18s ease}
.step:hover{transform:translateY(-4px);box-shadow:0 14px 34px rgba(23,33,43,.12)}
.step::before{content:counter(st,decimal-leading-zero);font-family:var(--mono);font-weight:700;
  background:var(--pop);color:var(--ink);width:2.3rem;height:2.3rem;display:grid;place-items:center;
  border-radius:9px;font-size:.95rem;margin-bottom:.7rem}
.step::after{content:"";display:block;height:6px;width:46%;margin:-1.85rem 0 1.1rem 3rem;
  background:repeating-linear-gradient(90deg,var(--pop) 0 6px,transparent 6px 14px);border-radius:3px;opacity:.85}
.step b{display:block;margin-bottom:.3rem;font-family:var(--mono);letter-spacing:-.01em}
.step span{font-size:.85rem;color:var(--dim)}

.ui{display:grid;gap:1.2rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr));margin-top:2rem}
.ui .wide{grid-column:1/-1}
.phone{border:1px solid var(--rule);border-radius:14px;overflow:hidden;background:#fff;display:flex;flex-direction:column;font-size:.8rem}
.phone .bar{display:flex;align-items:center;gap:.5rem;padding:.6rem .8rem;border-bottom:1px solid var(--line)}
.phone .bar i{width:22px;height:22px;background:var(--deep);display:inline-block;border-radius:50%}
.phone .bar b{font-family:var(--mono);font-size:.66rem;letter-spacing:.08em}
.phone .bar span{font-size:.6rem;color:#3f9e5f;margin-left:auto;font-family:var(--mono)}
.phone .body{padding:.8rem;display:flex;flex-direction:column;gap:.6rem;flex:1}
.vid{border-radius:10px;aspect-ratio:16/8;background:
  repeating-conic-gradient(rgba(23,33,43,.08) 0 25%,transparent 0 50%) 0 0/12px 12px,#eef1f5;
  display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:.6rem;color:var(--dim);letter-spacing:.1em}
.cap2{font-size:.78rem;color:#39485a;line-height:1.45}
.wah{display:grid;gap:.22rem;background:var(--panel);border-radius:10px;padding:.55rem .7rem;font-size:.72rem}
.wah b{font-family:var(--mono);font-size:.56rem;letter-spacing:.1em;text-transform:uppercase;color:var(--dim)}
.wah b2{font-family:var(--mono);font-weight:700}
.btns{display:grid;gap:.4rem;margin-top:auto}
.brow{display:grid;grid-template-columns:1fr 1fr;gap:.4rem}
.brow3{display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem}
.btn{border:0;border-radius:9px;cursor:pointer;font-family:var(--mono);font-size:.62rem;letter-spacing:.08em;padding:.55rem .7rem;text-align:center}
.btn.p{background:var(--deep);color:#fff}
.btn.s{background:var(--panel);color:var(--ink)}
.tgl{display:flex;justify-content:space-between;align-items:center;border:1px solid var(--line);border-radius:10px;
  padding:.5rem .6rem;font-family:var(--mono);font-size:.6rem;letter-spacing:.06em}
.tgl em{font-style:normal;color:var(--dim);font-size:.54rem}
.tgl.on{border-color:var(--deep);box-shadow:inset 3px 0 0 var(--deep)}
.tgl.on em{color:var(--deep)}
.msg{max-width:88%;border-radius:10px;padding:.55rem .7rem;font-size:.74rem;line-height:1.4}
.msg.in{background:var(--panel);align-self:flex-start;border-bottom-left-radius:0}
.msg .who{font-family:var(--mono);font-size:.54rem;letter-spacing:.08em;color:var(--dim);display:block;margin-bottom:.2rem}
.draft{border:1px dashed var(--rule);border-radius:10px;padding:.55rem .7rem;font-size:.74rem;color:#39485a}
.draft b{font-family:var(--mono);font-size:.54rem;letter-spacing:.08em;color:var(--deep);display:block;margin-bottom:.2rem}
.inbox2{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.4fr)}
@media (max-width:640px){.inbox2{grid-template-columns:1fr}}
.tlist{border-right:1px solid var(--line);display:flex;flex-direction:column}
.trow{display:grid;grid-template-columns:auto auto minmax(0,auto) minmax(0,1fr);gap:.45rem;align-items:center;
  padding:.55rem .7rem;border-bottom:1px solid var(--line);font-size:.72rem}
.trow.on{background:var(--panel)}
.trow .tp{font-family:var(--mono);font-size:.52rem;letter-spacing:.08em;padding:.12rem .4rem;border-radius:20px;background:rgba(51,144,236,.14);color:var(--deep)}
.trow b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.trow em{font-style:normal;color:var(--dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.66rem}
.tthread{padding:.8rem .9rem;display:flex;flex-direction:column;gap:.6rem}
.ainote{font-size:.68rem;color:var(--dim);line-height:1.5;border-top:1px solid var(--line);padding-top:.6rem}

.plans{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));margin-top:2rem}
.plan{background:var(--panel);border-radius:14px;padding:1.4rem;display:flex;flex-direction:column;gap:.8rem}
.plan.hot{background:var(--ink);color:#fff}
.plan .tag2{font-family:var(--mono);font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;color:var(--dim)}
.plan.hot .tag2{color:#8fb8e6}
.plan .nm{font-family:var(--mono);font-weight:700;font-size:1.1rem}
.plan ul{margin:0;padding:0;list-style:none;display:grid;gap:.45rem;font-size:.85rem}
.plan li{padding-left:1.1rem;position:relative}
.plan li::before{content:"";position:absolute;left:0;top:.48em;width:7px;height:7px;border-radius:50%;background:var(--deep)}
.plan.hot li::before{background:var(--pop)}
.plan .foot2{margin-top:auto;font-family:var(--mono);font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;color:var(--dim)}
.plan.hot .foot2{color:var(--pop)}

/* ── мини-апп: точная вёрстка из postbot/static/crm.html ── */
.miniwrap{--m-bg:#17212b;--m-card:#232e3c;--m-fg:#ffffff;--m-muted:#8b9aa8;--m-acc:#3390ec;
  --m-line:rgba(255,255,255,.08);--m-vid:#0f1720;--m-soft:#d7dee6;--m-chipfg:#8fc0f5;
  --m-chipbg:rgba(51,144,236,.22)}
.miniwrap[data-mt="light"]{--m-bg:#ffffff;--m-card:#f0f2f5;--m-fg:#17212b;--m-muted:#707a87;
  --m-line:rgba(23,33,43,.12);--m-vid:#e8ecf1;--m-soft:#39485a;--m-chipfg:#1f68b5;
  --m-chipbg:rgba(51,144,236,.14)}
.miniwrap .phone{position:relative;background:var(--m-bg);border:1px solid var(--m-line);color:var(--m-fg);
  font:14px/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;border-radius:12px;
  transition:background .25s ease,color .25s ease}
.miniwrap .phone .bar{border-bottom:1px solid var(--m-line)}
.miniwrap .phone .bar b{font:600 15px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;letter-spacing:0}
.miniwrap .phone .bar span{color:var(--m-muted)}
.miniwrap .vid{background:repeating-conic-gradient(rgba(128,128,128,.12) 0 25%,transparent 0 50%) 0 0/12px 12px,var(--m-vid);color:var(--m-muted)}
.miniwrap .cap2{color:var(--m-soft)}
.miniwrap .mcard,.miniwrap .wah{background:var(--m-card);border-radius:10px;padding:8px 10px;font-size:13px}
.miniwrap .wah b{color:var(--m-muted);font:600 10px/1.4 -apple-system,sans-serif;letter-spacing:.08em}
.miniwrap .wah b2{font-weight:600;font-variant-numeric:tabular-nums}
.miniwrap .btn{border-radius:9px;font:600 13px/1 -apple-system,sans-serif;letter-spacing:0;padding:8px 6px}
.miniwrap .btn.p{background:var(--m-acc);color:#fff}
.miniwrap .btn.s{background:var(--m-card);color:var(--m-fg)}
.miniwrap .tgl{background:var(--m-card);border:0;border-radius:10px;color:var(--m-fg);
  font:13px/1.3 -apple-system,sans-serif;letter-spacing:0;padding:8px 10px;cursor:pointer;
  display:flex;justify-content:space-between;align-items:center}
.miniwrap .tgl em{color:var(--m-muted);font-size:11px;font-style:normal}
.miniwrap .tgl.on{box-shadow:inset 3px 0 0 var(--m-acc)}
.miniwrap .tgl.on em{color:var(--m-chipfg)}
.miniwrap .tabs{display:flex;gap:5px}
.miniwrap .tab{flex:1;padding:8px 4px;border:0;border-radius:9px;background:var(--m-card);color:var(--m-fg);font-size:13px;cursor:pointer}
.miniwrap .tab.on{background:var(--m-acc);color:#fff}
.miniwrap .stats3{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}
.miniwrap .stat{background:var(--m-card);border-radius:10px;padding:7px 5px;text-align:center;min-width:0}
.miniwrap .stat b{display:block;font-size:16px;line-height:1.2;white-space:nowrap;font-variant-numeric:tabular-nums}
.miniwrap .stat span{color:var(--m-muted);font-size:10px}
.miniwrap .fstep{margin-bottom:9px}
.miniwrap .fstep:last-child{margin-bottom:0}
.miniwrap .fhead{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:4px;font-size:13px}
.miniwrap .fhead b{font-size:16px;font-variant-numeric:tabular-nums}
.miniwrap .fbar{height:8px;border-radius:5px;background:var(--m-acc);min-width:3px;opacity:.85}
.miniwrap .fconv{color:var(--m-muted);font-size:11px;margin-top:3px}
.miniwrap .kv{display:flex;justify-content:space-between;gap:8px;font-size:13px;padding:3px 0}
.miniwrap .kv b{font-variant-numeric:tabular-nums}
.miniwrap .kv.h{color:var(--m-muted);font-size:11px;text-transform:uppercase;letter-spacing:.06em;padding-bottom:5px}
.miniwrap .trow{border-bottom:1px solid var(--m-line)}
.miniwrap .trow.on{background:var(--m-card)}
.miniwrap .trow .tp{background:var(--m-chipbg);color:var(--m-chipfg)}
.miniwrap .trow em{color:var(--m-muted)}
.miniwrap .tlist{border-right:1px solid var(--m-line)}
.miniwrap .msg.in{background:var(--m-card)}
.miniwrap .draft{border:1px dashed color-mix(in srgb,var(--m-fg) 35%,transparent);color:var(--m-soft)}
.miniwrap .draft b{color:var(--m-chipfg)}
.miniwrap .ainote{color:var(--m-muted);border-top:1px solid var(--m-line)}
/* шторка-подэкран: всплывает снизу панели */
.miniwrap .sheet{position:absolute;left:6px;right:6px;bottom:6px;max-height:88%;overflow:auto;z-index:5;
  background:var(--m-bg);border:1px solid var(--m-line);border-radius:12px;padding:10px;
  box-shadow:0 -10px 34px rgba(0,0,0,.45);transform:translateY(110%);
  transition:transform .28s var(--ease-out)}
.miniwrap .sheet.open{transform:none}
.miniwrap .sheet .sh{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
.miniwrap .sheet .sh b{font:600 14px/1 -apple-system,sans-serif}
.miniwrap .sheet .x{border:0;background:var(--m-card);color:var(--m-fg);border-radius:8px;
  width:26px;height:26px;cursor:pointer;font-size:13px;line-height:1}
.miniwrap .sheet .grp{color:var(--m-muted);font-size:11px;margin:8px 0 5px}
.miniwrap .chips{display:flex;gap:5px;flex-wrap:wrap}
.miniwrap .chipbtn{border:0;border-radius:20px;background:var(--m-chipbg);color:var(--m-chipfg);
  font:12px/1 -apple-system,sans-serif;padding:7px 11px;cursor:pointer;white-space:nowrap}
.miniwrap .chipbtn.on{background:var(--m-acc);color:#fff}
.miniwrap .sheet .btn.p{width:100%;margin-top:10px}
.miniwrap .sheet .tgl{margin-bottom:5px}
/* календарь контент-плана: вышедшее видно сразу */
.miniwrap .cal7{display:grid;grid-template-columns:repeat(7,1fr);gap:3px}
.miniwrap .cal7 .wd{color:var(--m-muted);font-size:9px;text-align:center;padding-bottom:2px;text-transform:uppercase}
.miniwrap .cal7 .d{aspect-ratio:1;border-radius:7px;background:color-mix(in srgb,var(--m-fg) 5%,transparent);
  position:relative;font-size:10px;color:var(--m-muted);padding:2px 0 0 4px;font-variant-numeric:tabular-nums}
.miniwrap .cal7 .d.mute{opacity:.3;background:transparent}
.miniwrap .cal7 .d.today{outline:2px solid var(--m-acc);outline-offset:-2px;color:var(--m-fg)}
.miniwrap .cal7 .d.done{background:color-mix(in srgb,var(--m-acc) 26%,transparent);color:var(--m-fg)}
.miniwrap .cal7 .d.done::after{content:"✓";position:absolute;right:3px;top:1px;font-size:9px;color:var(--m-chipfg)}
.miniwrap .cal7 .d.plan{background:color-mix(in srgb,#c8ff4e 20%,transparent);color:var(--m-fg)}
.miniwrap .cal7 .d .dd{position:absolute;left:4px;bottom:3px;display:flex;gap:2px}
.miniwrap .cal7 .d .dd i{width:5px;height:5px;border-radius:50%;background:var(--m-acc)}
.miniwrap .cal7 .d.plan .dd i{background:#a5d62e}
.miniwrap .leg2{display:flex;gap:12px;flex-wrap:wrap;color:var(--m-muted);font-size:11px;margin-top:8px}
.miniwrap .leg2 .lp{width:9px;height:9px;border-radius:3px;display:inline-block;vertical-align:-1px;margin-right:4px}
.miniwrap .leg2 .lp.done{background:color-mix(in srgb,var(--m-acc) 60%,transparent)}
.miniwrap .leg2 .lp.plan{background:#c8ff4e}
.miniwrap .leg2 .lp.today{border:2px solid var(--m-acc);background:transparent}

/* выбор тарифа */
.plan{cursor:pointer;border:2px solid transparent;transition:border-color .15s ease,transform .15s var(--ease-out)}
.plan:hover{transform:translateY(-2px)}
.plan.sel{border-color:var(--pop)}
.plan .selmark{display:none;font-family:var(--mono);font-size:.62rem;letter-spacing:.08em;
  background:var(--pop);color:var(--ink);border-radius:20px;padding:.22rem .6rem;margin-left:auto}
.plan.sel .selmark{display:inline-block}
.plan .tag2{display:flex;align-items:center}
/* окно «получить приглашение» */
.invx{position:fixed;inset:0;z-index:60;display:none;align-items:center;justify-content:center;
  background:rgba(23,33,43,.55);padding:1rem}
.invx.open{display:flex}
.invcard{background:#fff;border-radius:16px;max-width:430px;width:100%;padding:1.6rem;
  box-shadow:0 24px 70px rgba(0,0,0,.35);position:relative}
.invcard h3{font-family:var(--mono);font-size:1.15rem;margin:0 0 .6rem;letter-spacing:-.01em}
.invcard p{margin:0 0 1rem;font-size:.92rem;color:#39485a}
.invcard .mail{font-family:var(--mono);font-weight:700;background:var(--panel);border-radius:10px;
  padding:.7rem .9rem;display:block;margin-bottom:.5rem;word-break:break-all}
.invcard .pl{font-size:.8rem;color:var(--dim);margin-bottom:1rem}
.invcard .row2{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}
.invcard .x2{position:absolute;top:.8rem;right:.8rem;border:0;background:var(--panel);
  border-radius:8px;width:30px;height:30px;cursor:pointer;font-size:14px}