/* CADNEX · Медиацентр (2026-10-10). Опирается на переменные cadnex-studio.css */
.cxn-page{--cxn-cyan:#27d5ce;--cxn-blue:#3d8bff;--cxn-violet:#8a5cff;--cxn-pink:#e35bff;--cxn-ease:cubic-bezier(.2,.8,.2,1);--cxn-card:#151925;--cxn-card2:#1a1f2d;--cxn-line:#262c3c}

/* ---------- шапка раздела ---------- */
.cxn-hero{position:relative;overflow:hidden;padding:150px 0 56px;text-align:center}
.cxn-hero-glow{position:absolute;inset:-20% -10% auto;height:520px;pointer-events:none;
  background:radial-gradient(40% 60% at 30% 40%,rgba(61,139,255,.22),transparent 70%),radial-gradient(35% 55% at 72% 30%,rgba(138,92,255,.2),transparent 70%),radial-gradient(30% 40% at 50% 80%,rgba(39,213,206,.10),transparent 70%)}
.cxn-hero .wrap{position:relative}
.cxn-hero h1{margin:22px auto 16px;font-size:clamp(40px,6vw,76px);line-height:1.02;letter-spacing:-.035em;max-width:900px}
.cxn-hero-lead{margin:0 auto;max-width:640px;color:var(--soft,#c8ccd5);font-size:18px;line-height:1.6}
.cxn-stats{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:30px}
.cxn-stats span{display:inline-flex;align-items:center;gap:6px;padding:9px 16px;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid var(--cxn-line);font-size:13.5px;color:var(--muted,#9399aa)}
.cxn-stats b{color:#fff;font-weight:800}

/* ---------- вкладки ---------- */
.cxn-tabs-bar{position:sticky;top:78px;z-index:40;background:rgba(14,16,23,.86);backdrop-filter:blur(16px);border-top:1px solid rgba(255,255,255,.04);border-bottom:1px solid var(--cxn-line)}
.cxn-tabs{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none}
.cxn-tabs::-webkit-scrollbar{display:none}
.cxn-tabs button{position:relative;display:inline-flex;align-items:center;gap:8px;height:58px;padding:0 18px;border:0;background:none;color:#aeb3c2;font:inherit;font-size:16px;font-weight:700;cursor:pointer;white-space:nowrap;transition:color .2s}
.cxn-tabs button i{font-style:normal;font-size:11.5px;font-weight:800;min-width:22px;height:22px;padding:0 7px;border-radius:999px;display:grid;place-items:center;background:#1d2232;color:#8d93a5;transition:background .2s,color .2s}
.cxn-tabs button::after{content:"";position:absolute;left:14px;right:14px;bottom:-1px;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--cxn-cyan),var(--cxn-blue),var(--cxn-violet));transform:scaleX(0);transition:transform .3s var(--cxn-ease)}
.cxn-tabs button:hover{color:#fff}
.cxn-tabs button.on{color:#fff}
.cxn-tabs button.on::after{transform:scaleX(1)}
.cxn-tabs button.on i{background:linear-gradient(135deg,var(--cxn-blue),var(--cxn-violet));color:#fff}

/* ---------- лента ---------- */
.cxn-feed{padding:44px 0 30px;transition:opacity .18s,transform .18s}
.cxn-feed.cxn-swap{opacity:0;transform:translateY(6px)}
.cxn-card-link{display:flex;flex-direction:column;height:100%;color:inherit;text-decoration:none}
.cxn-media{position:relative;aspect-ratio:16/10;overflow:hidden;background:#0b0e16}
.cxn-media img{width:100%;height:100%;object-fit:cover;object-position:top left;display:block;transition:transform .7s var(--cxn-ease),filter .4s}
.cxn-media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(10,12,20,.45));pointer-events:none}
.cxn-play{position:absolute;z-index:2;left:50%;top:50%;width:68px;height:68px;margin:-34px 0 0 -34px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.14);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.35);box-shadow:0 10px 40px rgba(0,0,0,.4);transition:transform .3s var(--cxn-ease),background .3s}
.cxn-play svg{width:26px;height:26px;fill:#fff;margin-left:4px}
.cxn-card-link:hover .cxn-play{transform:scale(1.1);background:rgba(61,139,255,.55)}
.cxn-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.cxn-meta time{font-size:13px;color:var(--muted,#9399aa);font-weight:600}
.cxn-tag{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;font-size:11.5px;font-weight:800;letter-spacing:.02em;line-height:1}
.cxn-tag::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 8px currentColor}
.cxn-tag.t-news{color:var(--cxn-cyan);background:rgba(39,213,206,.1)}
.cxn-tag.t-updates{color:#a996ff;background:rgba(138,92,255,.14)}
.cxn-tag.t-video{color:#f08bff;background:rgba(227,91,255,.13)}

/* главная публикация */
.cxn-feature{border-radius:28px;overflow:hidden;background:linear-gradient(135deg,#171b28,#121521);border:1px solid var(--cxn-line);box-shadow:0 30px 80px rgba(0,0,0,.35);margin-bottom:28px;transition:border-color .3s,transform .4s var(--cxn-ease)}
.cxn-feature .cxn-card-link{display:grid;grid-template-columns:1.25fr 1fr}
.cxn-feature .cxn-media{aspect-ratio:auto;min-height:420px}
.cxn-feature .cxn-media::after{background:linear-gradient(90deg,transparent 60%,rgba(18,21,33,.9))}
.cxn-feature .cxn-body{display:flex;flex-direction:column;justify-content:center;gap:18px;padding:44px 46px}
.cxn-feature h2{margin:0;font-size:clamp(28px,3.2vw,42px);line-height:1.08;letter-spacing:-.025em}
.cxn-feature p{margin:0;color:var(--soft,#c8ccd5);font-size:17px;line-height:1.6}
.cxn-btn{align-self:flex-start;display:inline-flex;align-items:center;gap:10px;height:48px;padding:0 22px;border-radius:999px;background:#fff;color:#11131a;font-weight:800;font-size:14.5px;margin-top:6px;transition:gap .25s var(--cxn-ease),box-shadow .25s}
.cxn-btn svg,.cxn-more svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.cxn-feature:hover{border-color:#34405c;transform:translateY(-3px)}
.cxn-feature:hover .cxn-media img{transform:scale(1.03)}
.cxn-feature:hover .cxn-btn{gap:14px;box-shadow:0 10px 30px rgba(61,139,255,.35)}

/* сетка карточек */
.cxn-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.cxn-card{border-radius:22px;overflow:hidden;background:var(--cxn-card);border:1px solid var(--cxn-line);transition:transform .35s var(--cxn-ease),border-color .3s,box-shadow .35s}
.cxn-card .cxn-body{display:flex;flex-direction:column;gap:12px;padding:22px 22px 24px;flex:1}
.cxn-card h3{margin:2px 0 0;font-size:20px;line-height:1.25;letter-spacing:-.01em}
.cxn-card p{margin:0;color:var(--muted,#9399aa);font-size:14.5px;line-height:1.55;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.cxn-more{margin-top:auto;padding-top:6px;display:inline-flex;align-items:center;gap:8px;font-size:13.5px;font-weight:800;color:#dfe3ec;transition:gap .25s var(--cxn-ease),color .2s}
.cxn-card:hover{transform:translateY(-5px);border-color:#34405c;box-shadow:0 24px 60px rgba(0,0,0,.4)}
.cxn-card:hover .cxn-media img{transform:scale(1.045)}
.cxn-card:hover .cxn-more{gap:12px;color:#8fb6ff}
.cxn-card-link:focus-visible{outline:2px solid #6ea2ff;outline-offset:-2px;border-radius:22px}
.cxn-empty{padding:60px 0;text-align:center;color:var(--muted,#9399aa)}

/* появление */
.cxn-reveal{opacity:0;transform:translateY(18px)}
.cxn-reveal.in{opacity:1;transform:none;transition:opacity .6s ease calc(var(--i,0) % 3 * 70ms),transform .7s var(--cxn-ease) calc(var(--i,0) % 3 * 70ms)}
.cxn-card.cxn-reveal.in:hover{transform:translateY(-5px);transition:transform .35s var(--cxn-ease),border-color .3s,box-shadow .35s}

/* ---------- хронология ---------- */
.cxn-chrono{padding:70px 0 30px}
.cxn-section-head{max-width:640px;margin-bottom:34px}
.cxn-section-head h2{margin:10px 0 10px;font-size:clamp(30px,4vw,48px);letter-spacing:-.03em;line-height:1.05}
.cxn-section-head p{margin:0;color:var(--muted,#9399aa);font-size:16px}
.cxn-timeline{position:relative;display:flex;flex-direction:column;gap:36px}
.cxn-month h3{margin:0 0 16px;font-size:22px;letter-spacing:-.01em}
.cxn-month h3 span{color:var(--muted,#9399aa);font-weight:600}
.cxn-day{position:relative;display:grid;grid-template-columns:76px 1fr;gap:22px;padding:6px 0 18px}
.cxn-day::before{content:"";position:absolute;left:37px;top:66px;bottom:-6px;width:1px;background:linear-gradient(180deg,#2f3850,transparent)}
.cxn-day:last-child::before{display:none}
.cxn-day time{width:76px;height:64px;border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--cxn-card2);border:1px solid var(--cxn-line)}
.cxn-day time b{font-size:24px;line-height:1;font-weight:800}
.cxn-day time span{font-size:12px;color:var(--muted,#9399aa);font-weight:700;margin-top:3px}
.cxn-day ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.cxn-day li a{display:flex;align-items:center;gap:14px;padding:13px 18px;border-radius:14px;background:var(--cxn-card);border:1px solid var(--cxn-line);color:#e9ecf3;text-decoration:none;transition:border-color .2s,transform .25s var(--cxn-ease),background .2s}
.cxn-day li a strong{font-size:15.5px;font-weight:700}
.cxn-day li a:hover{border-color:#3a4664;background:#181d2b;transform:translateX(4px)}

/* ---------- призыв ---------- */
.cxn-cta{padding:50px 0 110px}
.cxn-cta-card{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:46px 50px;border-radius:30px;
  background:radial-gradient(60% 120% at 100% 0%,rgba(138,92,255,.35),transparent 60%),radial-gradient(50% 120% at 0% 100%,rgba(61,139,255,.28),transparent 60%),#141826;border:1px solid #2b3349}
.cxn-cta-card h2{margin:0 0 10px;font-size:clamp(26px,3vw,38px);letter-spacing:-.025em}
.cxn-cta-card p{margin:0;color:var(--soft,#c8ccd5);font-size:16.5px;max-width:560px}
.cxn-cta-actions{display:flex;gap:12px;flex-wrap:wrap}

/* ---------- читалка ---------- */
html.cxn-lock{overflow:hidden}
html.cxn-lock .pt-support{display:none!important}
.cxn-reader{position:fixed;inset:0;z-index:120;overflow-y:auto;background:rgba(5,7,12,.72);backdrop-filter:blur(10px);opacity:0;transition:opacity .25s ease;padding:40px 16px}
.cxn-reader.open{opacity:1}
.cxn-sheet{position:relative;max-width:880px;margin:0 auto;border-radius:28px;overflow:hidden;background:#12151e;border:1px solid #2a3044;box-shadow:0 40px 120px rgba(0,0,0,.6);transform:translateY(24px) scale(.985);transition:transform .35s var(--cxn-ease)}
.cxn-reader.open .cxn-sheet{transform:none}
.cxn-r-bar{position:sticky;top:0;z-index:3;display:flex;align-items:center;justify-content:space-between;padding:14px 18px 14px 26px;background:rgba(18,21,30,.88);backdrop-filter:blur(12px);border-bottom:1px solid #222839}
.cxn-r-bar>div{display:flex;gap:8px}
.cxn-r-crumb{font-size:13px;font-weight:700;color:var(--muted,#9399aa)}
.cxn-r-icon{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;border:1px solid #2a3044;background:#181c28;color:#dfe3ec;cursor:pointer;transition:background .2s,border-color .2s,transform .2s}
.cxn-r-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.cxn-r-icon:hover{background:#21273a;border-color:#3a4664;transform:translateY(-1px)}
.cxn-r-media img{width:100%;display:block;aspect-ratio:16/10;object-fit:cover;object-position:top left}
.cxn-r-media.video{background:#000}
.cxn-r-media video{width:100%;display:block;aspect-ratio:16/9;background:#000}
.cxn-r-text{padding:34px 48px 10px}
.cxn-r-text h1{margin:16px 0 14px;font-size:clamp(30px,4vw,44px);line-height:1.08;letter-spacing:-.03em}
.cxn-lead{margin:0 0 22px;font-size:19px;line-height:1.6;color:#e2e5ee}
.cxn-r-text p{font-size:17px;line-height:1.75;color:var(--soft,#c8ccd5);margin:0 0 18px}
.cxn-r-text h3{margin:30px 0 12px;font-size:22px;letter-spacing:-.01em}
.cxn-r-text ul{list-style:none;margin:0 0 20px;padding:0;display:flex;flex-direction:column;gap:10px}
.cxn-r-text li{position:relative;padding:12px 16px 12px 44px;border-radius:14px;background:#171b27;border:1px solid #232a3b;font-size:16px;line-height:1.55;color:#d6dae4}
.cxn-r-text li::before{content:"";position:absolute;left:17px;top:19px;width:10px;height:10px;border-radius:3px;background:linear-gradient(135deg,var(--cxn-cyan),var(--cxn-violet));transform:rotate(45deg)}
.cxn-r-text li b{color:#fff}
.cxn-where{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:26px 0 8px;padding:16px 20px;border-radius:16px;background:linear-gradient(135deg,rgba(61,139,255,.14),rgba(138,92,255,.12));border:1px solid rgba(110,140,255,.3)}
.cxn-where span{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#9fb6ff}
.cxn-where b{font-size:16px}
.cxn-r-nav{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:26px 48px 40px}
.cxn-r-nav a{display:flex;flex-direction:column;gap:6px;padding:16px 18px;border-radius:16px;background:#171b27;border:1px solid #232a3b;color:#e9ecf3;text-decoration:none;transition:border-color .2s,transform .25s var(--cxn-ease)}
.cxn-r-nav a.next{text-align:right}
.cxn-r-nav a span{font-size:12.5px;font-weight:800;color:var(--muted,#9399aa)}
.cxn-r-nav a b{font-size:15px;line-height:1.3}
.cxn-r-nav a:hover{border-color:#3a4664;transform:translateY(-2px)}
.cxn-toast{position:fixed;left:50%;bottom:28px;z-index:130;transform:translate(-50%,20px);opacity:0;padding:12px 20px;border-radius:999px;background:rgba(13,20,36,.95);border:1px solid rgba(110,150,255,.3);color:#eef3ff;font-weight:700;font-size:14px;transition:opacity .25s,transform .3s var(--cxn-ease);pointer-events:none}
.cxn-toast.show{opacity:1;transform:translate(-50%,0)}

/* ---------- адаптив ---------- */
@media (max-width:1100px){.cxn-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cxn-feature .cxn-card-link{grid-template-columns:1fr}.cxn-feature .cxn-media{min-height:0;aspect-ratio:16/9}.cxn-feature .cxn-media::after{background:linear-gradient(180deg,transparent 60%,rgba(18,21,33,.7))}}
@media (max-width:760px){
  .cxn-hero{padding:118px 0 36px}.cxn-hero-lead{font-size:16px}
  .cxn-tabs-bar{top:68px}.cxn-tabs button{height:52px;padding:0 12px;font-size:15px}
  .cxn-grid{grid-template-columns:1fr;gap:16px}
  .cxn-feature .cxn-body{padding:24px 22px 28px}
  .cxn-day{grid-template-columns:58px 1fr;gap:12px}.cxn-day time{width:58px;height:56px}.cxn-day::before{left:28px;top:60px}
  .cxn-day li a{flex-direction:column;align-items:flex-start;gap:8px;padding:12px 14px}
  .cxn-cta-card{flex-direction:column;align-items:flex-start;padding:30px 24px}
  .cxn-reader{padding:0}.cxn-sheet{border-radius:0;min-height:100%;border:0}
  .cxn-r-text{padding:24px 20px 6px}.cxn-r-nav{grid-template-columns:1fr;padding:20px 20px 34px}.cxn-r-nav a.next{text-align:left}
}
@media (prefers-reduced-motion:reduce){.cxn-reveal{opacity:1;transform:none}.cxn-media img,.cxn-card,.cxn-feature,.cxn-sheet{transition:none!important}}