/* ═══════════════════════════════════════
   BLOCK 3 — FEATURES
   ═══════════════════════════════════════ */
.b3-outer{margin-top:var(--section-gap);padding:0 13px;display:flex;flex-direction:column;gap:30px;}
/* main dark block */
.b3{
  max-width:1331px;width:100%;margin:0 auto;
  border-radius:52px 52px 0 0;
  background:url(../images/hero_bg_3.webp) center/cover no-repeat,url(../images/hero_bg_2.webp) center/cover no-repeat,#080808;
  padding:100px clamp(16px,4vw,44px) 0;
  display:flex;flex-direction:column;align-items:center;gap:0;
}
.b3-text{display:flex;flex-direction:column;align-items:center;gap:24px;margin-bottom:32px;}
.b3 .btn-try{background:#fff;color:#0B0B0D;margin-bottom:60px;}
.b3-h2{font-size:clamp(32px,6vw,72px);font-weight:700;line-height:85%;letter-spacing:-0.065em;color:#fff;transform:rotate(-0.29deg);text-align:center;}
.b3-sub{font-size:15px;font-weight:500;line-height:22px;letter-spacing:-0.155px;color:#fff;width:100%;max-width:461px;text-align:center;}
/* Tab pill */
.b3-tabs{
  box-sizing:border-box;
  display:flex;flex-direction:row;align-items:center;
  background:rgba(0,0,0,0.1);border:1px solid rgba(237,238,243,0.05);
  backdrop-filter:blur(10px);border-radius:57.2px;
  padding:3px;
  width:100%;max-width:559.7px;height:44px;
}
.b3-list{display:flex;flex-direction:row;align-items:center;gap:4.3px;width:100%;height:36px;}
.b3-tab{
  display:flex;align-items:center;justify-content:center;
  padding:0 20px;height:36px;
  border-radius:95.34px;
  font-size:12.0px;font-weight:500;letter-spacing:-0.153px;
  color:#fff;cursor:pointer;white-space:nowrap;
}
.b3-tab.on{background:#fff;color:#020202;}
.b3-div{width:0.86px;height:13.77px;background:rgba(255,255,255,0.25);flex:0 0 0.86px;}
/* Big dark screen */
.b3-screen{
  width:1192.62px;
  height:556px;
  background:#020202;
  border:0.96px solid rgba(255,255,255,0.1);
  border-bottom:none;
  box-shadow:0 48.075px 115.38px -48.075px #000;
  border-radius:32px 32px 0 0;
  flex:0 0 auto;
  overflow:hidden;
  padding:18px 18px 0;
}



/* ══ стили превью отчёта (1:1, ограничены .b3-screen) ══ */
.b3-screen .hero-ava{width:124px;height:124px;border-radius:24px;background:radial-gradient(circle at 42% 32%,#F59E0B,#7C2D12 70%);display:flex;align-items:center;justify-content:center;font-size:62px;box-shadow:inset 0 0 0 2.16px rgba(255,255,255,.1);flex:0 0 auto;}
.b3-screen .hero-id{display:flex;align-items:center;gap:24px;}
.b3-screen .hero-tags{display:flex;gap:8px;margin-bottom:6px;}
.b3-screen .tag{display:flex;align-items:center;padding:3px 9px;border-radius:100px;background:rgba(255,255,255,0.06);font-size:13px;font-weight:500;letter-spacing:0.1px;color:rgba(255,255,255,0.9);}
.b3-screen .tag.y{box-shadow:inset 0 -10px 10px -12px rgba(213,222,88,0.4);}
.b3-screen .tag.r{box-shadow:inset 0 -10px 10px -12px rgba(222,88,88,0.4);}
.b3-screen .tag.b{box-shadow:inset 0 -10px 10px -12px rgba(88,166,222,0.4);}
.b3-screen .hero-name{font-size:42px;font-weight:500;letter-spacing:-0.01em;line-height:49px;color:#EBEBEB;margin-top:2px;}
.b3-screen .hero-meta{font-size:13.5px;font-weight:400;letter-spacing:0.1px;color:#6B6B6B;margin-top:10px;}
.b3-screen .hero-dots{display:flex;gap:3.5px;padding:4px;}
.b3-screen .hero-dots i{width:3px;height:3px;border-radius:50%;background:rgba(255,255,255,0.8);}
.b3-screen .hero-desc .lbl{font-size:13px;color:#6B6B6B;}
.b3-screen .hero-desc p{font-size:16px;line-height:22px;color:#EBEBEB;margin-top:6px;}
.b3-screen .hero-div{height:1px;width:100%;background:rgba(255,255,255,0.04);}
.b3-screen .tiles{display:flex;gap:12px;width:100%;}
.b3-screen .tile{box-sizing:border-box;display:flex;align-items:center;gap:16px;flex:1;height:60.81px;padding:14px 18px 16px;border-radius:20px;
 background:linear-gradient(360deg,rgba(255,255,255,0) 50%,rgba(255,255,255,0.01) 100%),rgba(255,255,255,0.05);}
.b3-screen .tile .tl{flex:1;display:flex;flex-direction:column;gap:8px;}
.b3-screen .tile .tl .lab{font-size:13.5px;color:#A8A8A8;line-height:17px;}
.b3-screen .tile .tl .track{position:relative;height:5px;background:rgba(0,0,0,0.5);border-radius:3px;}
.b3-screen .tile .tl .track i{position:absolute;left:0;top:0;height:5px;width:31px;border-radius:3px;}
.b3-screen .tile .val{font-size:20px;font-weight:400;letter-spacing:-0.52px;color:#EBEBEB;}
/* развёрнутые плитки hero (как в zelscan.html) */
.b3-screen .tile{position:relative;}
.b3-screen .tile-ghost{box-sizing:border-box;display:flex;align-items:center;gap:16px;width:100%;height:100%;padding:14px 18px 16px;border-radius:20px;background:linear-gradient(360deg,rgba(255,255,255,0) 50%,rgba(255,255,255,0.01) 100%),rgba(255,255,255,0.05);visibility:hidden;}
.b3-screen .tile-card{position:absolute;top:0;left:0;right:0;border-radius:20px;background:linear-gradient(360deg,rgba(255,255,255,0) 50%,rgba(255,255,255,0.01) 100%),rgba(255,255,255,0.05);overflow:hidden;max-height:62px;z-index:2;}
.b3-screen .tile-head{display:flex;align-items:center;gap:16px;padding:14px 18px 22px;}
.b3-screen .tile-tl{flex:1;display:flex;flex-direction:column;gap:8px;}
.b3-screen .tile-lab{font-size:13.5px;color:#A8A8A8;line-height:17px;}
.b3-screen .tile-track{position:relative;height:5px;background:rgba(0,0,0,0.5);border-radius:3px;}
.b3-screen .tile-track i{position:absolute;left:0;top:0;height:5px;width:31px;border-radius:3px;}
.b3-screen .tile-val{font-size:20px;font-weight:400;letter-spacing:-0.52px;color:#EBEBEB;white-space:nowrap;}
.b3-screen .tile-sep{height:1px;margin:0 18px;background:rgba(255,255,255,0.06);}
.b3-screen .tile-body{display:none;}
.b3-screen .tile-why{font-size:13px;font-weight:500;color:#424242;margin-bottom:12px;}
.b3-screen .tile-rows{display:flex;flex-direction:column;gap:10px;}
.b3-screen .tile-row{display:flex;align-items:flex-start;gap:8px;font-size:13px;color:#A8A8A8;line-height:17px;}
.b3-screen .tile-dot{width:4px;height:4px;border-radius:50%;margin-top:6px;flex:0 0 auto;}
/* TABS */
.b3-screen .tabs{display:flex;align-items:center;padding:2px;gap:2px;width:100%;height:41px;background:rgba(255,255,255,0.04);border-radius:666px;margin-top:40px;}
.b3-screen .tab{flex:1;display:flex;justify-content:center;align-items:center;padding:7px 14px;height:37px;border-radius:666px;font-size:15px;font-weight:400;letter-spacing:-0.01em;color:#6B6B6B;text-decoration:none;cursor:pointer;transition:background .15s,color .15s;}
.b3-screen .tab:hover:not(.active){background:rgba(255,255,255,0.04);color:#A8A8A8;}
.b3-screen .tab.active{background:rgba(255,255,255,0.08);box-shadow:0 1px 2px rgba(0,0,0,.05),inset 0 0 0 .5px rgba(255,255,255,.1);color:#EBEBEB;}
.b3-screen .tdiv{width:1px;height:16px;background:rgba(255,255,255,0.1);transition:opacity .15s;}
.b3-screen .tab.active + .tdiv,.b3-screen .tdiv:has(+ .tab.active),.b3-screen .tab:hover + .tdiv,.b3-screen .tdiv:has(+ .tab:hover){opacity:0;}
/* SCOPE BAR */
.b3-screen .scope-bar{display:flex;justify-content:space-between;align-items:center;width:100%;margin:28px 0 16px;}
.b3-screen .scope-note{font-size:13px;color:#424242;}
.b3-screen .scope-note b{color:#6B6B6B;font-weight:500;}
.b3-screen .scope-switch{display:flex;align-items:center;padding:2px;gap:2px;background:rgba(255,255,255,0.04);border-radius:100px;height:34px;}
.b3-screen .scope-btn{height:30px;padding:0 14px;border-radius:100px;font-size:13.5px;font-weight:500;color:#6B6B6B;border:none;background:none;cursor:pointer;transition:background .15s,color .15s;white-space:nowrap;font-family:'Inter',sans-serif;}
.b3-screen .scope-btn.active{background:rgba(255,255,255,0.08);color:#EBEBEB;box-shadow:0 1px 2px rgba(0,0,0,.1),inset 0 0 0 .5px rgba(255,255,255,.1);}
/* all-mode notice */
.b3-screen .all-notice{display:none;align-items:center;gap:10px;width:100%;padding:11px 18px;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.05);border-radius:14px;margin-bottom:10px;font-size:13px;color:#6B6B6B;}
.b3-screen .all-notice svg{flex:0 0 auto;color:#424242;}
.b3-screen .metrics.all-mode .all-notice{display:flex;}
/* dim analytical charts in all-mode */
.b3-screen .metrics.all-mode .afull svg,.b3-screen .metrics.all-mode .acard svg,.b3-screen .metrics.all-mode .donut,.b3-screen .metrics.all-mode .eng-hero,.b3-screen .metrics.all-mode .cmp{opacity:0.3;transition:opacity .25s;}
.b3-screen .metrics.all-mode [data-all]{display:block;}
.b3-screen .metrics.all-mode [data-proc]{display:none;}
.b3-screen [data-all]{display:none;}
/* METRICS */
.b3-screen .metrics{display:flex;flex-direction:column;gap:6px;width:100%;margin-top:0;}
.b3-screen .mrow{display:flex;gap:6px;width:100%;}
.b3-screen .mcard{position:relative;flex:1;background:rgba(15,15,15,0.5);border-radius:32px;}
.b3-screen .mcard.r1{height:650px;} .mcard.r2{height:547px;}
.b3-screen .mc-pad{padding:30px;display:flex;flex-direction:column;height:100%;}
.b3-screen .tri-info{margin-top:auto;}
.b3-screen .mc-h{display:flex;justify-content:space-between;align-items:flex-start;}
.b3-screen .mc-title{font-size:20px;font-weight:400;letter-spacing:-0.01px;color:#EBEBEB;}
.b3-screen .mc-sub{font-size:13.5px;letter-spacing:0.1px;color:#6B6B6B;margin-top:12px;}
.b3-screen .badge{display:flex;align-items:center;gap:6px;padding:3px 6px;border:1px solid rgba(76,217,99,0.3);border-radius:5px;font-size:10px;text-transform:uppercase;color:#4CD963;white-space:nowrap;}
.b3-screen .badge i{width:5px;height:5px;border-radius:50%;background:#4CD963;}
.b3-screen .b5-chart{flex:1;display:flex;align-items:center;justify-content:center;margin-top:12px;}
.b3-screen .b5-list{display:flex;flex-direction:column;gap:16px;}
.b3-screen .b5row{display:flex;justify-content:space-between;align-items:center;}
.b3-screen .b5row span{font-size:13.5px;color:#A8A8A8;}
.b3-screen .b5row b{font-size:13.5px;font-weight:500;letter-spacing:-0.05px;color:#EBEBEB;}
.b3-screen .fan-wrap{margin-top:22px;}
.b3-screen .warns{display:flex;gap:16px;margin-top:18px;}
.b3-screen .warns span{font-size:12.3px;color:#FCA5A5;}
.b3-screen .fan-div{height:1px;width:100%;background:rgba(255,255,255,0.04);margin:16px 0;}
.b3-screen .tri{display:flex;flex-direction:column;gap:8px;margin-top:16px;}
.b3-screen .tri:first-of-type{margin-top:0;}
.b3-screen .tri-h{display:flex;justify-content:space-between;align-items:center;}
.b3-screen .tri-h .l{display:flex;align-items:center;gap:5px;font-size:13.5px;letter-spacing:-0.01px;color:#A8A8A8;}
.b3-screen .tri-h .l i{width:12px;height:12px;border-radius:50%;background:rgba(255,255,255,0.4);display:inline-block;}
.b3-screen .tri-h .v{font-size:13.5px;color:#EBEBEB;}
.b3-screen .tri-tk{position:relative;height:10px;background:rgba(255,255,255,0.08);border-radius:50px;}
.b3-screen .tri-tk .f{position:absolute;left:0;top:0;height:10px;border-radius:5px;}
.b3-screen .tri-tk .mk{position:absolute;top:0;width:1px;height:10px;background:rgba(255,255,255,0.2);}
.b3-screen .orbit-wrap,.b3-screen .mos-wrap{display:flex;justify-content:center;margin-top:14px;}
.b3-screen .legendrow{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:18px;}
.b3-screen .lg{display:flex;align-items:center;gap:7px;font-size:12px;color:#A8A8A8;}
.b3-screen .lg i{width:10px;height:10px;border-radius:3px;}
/* STATUS */
.b3-screen .status{box-sizing:border-box;width:100%;padding:30px;background:rgba(15,15,15,0.5);border-radius:32px;margin-top:6px;}
.b3-screen .sp-ends{display:flex;justify-content:space-between;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#6B6B6B;margin:24px 6px 16px;}
.b3-screen .sp-ends .l{color:#34D399;} .sp-ends .r{color:#EF4444;}
.b3-screen .sp-track{position:relative;height:6px;border-radius:6px;margin:0 8px;background:linear-gradient(90deg,#34D399,#F59E0B 44%,#7C8694 64%,#EF4444);}
.b3-screen .sp-dot{position:absolute;top:50%;width:15px;height:15px;border-radius:50%;background:#EBEBEB;border:3px solid #020202;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #262626;}
.b3-screen .sp-labels{position:relative;height:108px;margin-top:4px;}
.b3-screen .sp-cap{position:absolute;transform:translateX(-50%);text-align:center;width:160px;}
.b3-screen .sp-cap .tick{width:1px;background:#262626;margin:0 auto 8px;}
.b3-screen .sp-cap .verb{font-size:16px;font-weight:700;color:var(--t);letter-spacing:-.01em;}
.b3-screen .sp-cap .situ{font-size:11.5px;color:#6B6B6B;margin-top:3px;}

.b3-screen .arow{display:flex;gap:6px;width:100%;align-items:stretch;}
.b3-screen .acard{flex:1;background:rgba(15,15,15,0.5);border-radius:32px;padding:30px;}
.b3-screen .afull{width:100%;background:rgba(15,15,15,0.5);border-radius:32px;padding:30px;}
.b3-screen .pills{display:flex;gap:8px;flex-wrap:wrap;}
.b3-screen .pill{padding:6px 12px;border-radius:10px;background:rgba(255,255,255,0.05);font-size:12.5px;color:#A8A8A8;white-space:nowrap;}
.b3-screen .pill b{color:#EBEBEB;font-weight:600;}
.b3-screen .hrx{display:flex;justify-content:space-between;font-size:11px;color:#5E5E5E;margin-top:10px;padding:0 2px;}
.b3-screen .fcol{display:flex;flex-direction:column;}
.b3-screen .fcol-bottom{margin-top:auto;}
.b3-screen .fbar{display:flex;align-items:center;gap:14px;margin-top:14px;}
.b3-screen .fbar:first-child{margin-top:0;}
.b3-screen .fbar .nm{width:180px;font-size:13.5px;color:#A8A8A8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.b3-screen .fbar .tk{flex:1;height:8px;background:rgba(255,255,255,0.06);border-radius:5px;overflow:hidden;}
.b3-screen .fbar .tk i{display:block;height:100%;border-radius:5px;background:linear-gradient(90deg,#34D399,#1F9D74);}
.b3-screen .fbar .ct{width:54px;text-align:right;font-size:13px;color:#EBEBEB;font-weight:400;}
.b3-screen .rx-num{font-size:46px;font-weight:700;letter-spacing:-0.03em;color:#EBEBEB;line-height:1;}
.b3-screen .rx-sub{font-size:13.5px;color:#6B6B6B;}
.b3-screen .rx-split{display:flex;height:10px;border-radius:6px;overflow:hidden;margin-top:22px;background:#1a1a1a;}
.b3-screen .rx-split .z{background:#EF4444;opacity:.65;} .rx-split .g{background:#34D399;opacity:.5;}
.b3-screen .rx-lab{display:flex;justify-content:space-between;font-size:12px;color:#6B6B6B;margin-top:8px;}
.b3-screen .rx-stats{display:flex;gap:28px;margin-top:24px;}
.b3-screen .rx-stats .s .n{font-size:21px;font-weight:700;color:#EBEBEB;letter-spacing:-0.02em;}
.b3-screen .rx-stats .s .l{font-size:12px;color:#6B6B6B;margin-top:3px;}
.b3-screen .kpi{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px;}
.b3-screen .kpi .k{background:rgba(255,255,255,0.03);border:1px solid #161616;border-radius:16px;padding:16px 18px;}
.b3-screen .kpi .k .n{font-size:24px;font-weight:700;color:#EBEBEB;letter-spacing:-0.02em;}
.b3-screen .kpi .k .l{font-size:12.5px;color:#6B6B6B;margin-top:4px;}
.b3-screen .thread{display:flex;align-items:center;gap:18px;padding:15px 0;border-top:1px solid #161616;}
.b3-screen .thread.first{border-top:none;}
.b3-screen .thread .rk{width:20px;font-size:14px;color:#5E5E5E;font-weight:400;text-align:center;}
.b3-screen .thread .ti{flex:1;min-width:0;}
.b3-screen .thread .ti .tt{font-size:14.5px;font-weight:600;color:#EBEBEB;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.b3-screen .thread .ti .tf{font-size:12px;color:#6B6B6B;margin-top:3px;}
.b3-screen .thread .mv{display:flex;gap:26px;flex:0 0 auto;}
.b3-screen .thread .mv .m{text-align:right;min-width:64px;}
.b3-screen .thread .mv .m .n{font-size:16px;font-weight:400;color:#EBEBEB;}
.b3-screen .thread .mv .m .l{font-size:11px;color:#6B6B6B;margin-top:2px;}
/* reactions donut */
.b3-screen .rx-card{display:flex;flex-direction:column;}
.b3-screen .rx2{flex:1;display:flex;align-items:center;gap:26px;margin-top:40px;}
.b3-screen .donut{position:relative;width:200px;height:200px;flex:0 0 auto;}
.b3-screen .donut .ctr{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;}
.b3-screen .donut .ctr .n{font-size:40px;font-weight:400;letter-spacing:-0.03em;color:#EBEBEB;line-height:1;}
.b3-screen .donut .ctr .l{font-size:12.5px;color:#6B6B6B;margin-top:5px;}
.b3-screen .rx-side{flex:1;display:flex;flex-direction:column;gap:10px;}
.b3-screen .rx-tile{background:rgba(255,255,255,0.03);border:1px solid #161616;border-radius:14px;padding:13px 16px;}
.b3-screen .rx-tile .n{font-size:21px;font-weight:400;letter-spacing:-0.02em;color:#EBEBEB;line-height:1.1;}
.b3-screen .rx-tile .n.red{color:#EF4444;}
.b3-screen .rx-tile .l{font-size:12.5px;color:#6B6B6B;margin-top:3px;}
.b3-screen .rx-leg{display:flex;gap:18px;margin-top:24px;}
.b3-screen .rx-leg .lg2{display:flex;align-items:center;gap:7px;font-size:12px;color:#A8A8A8;}
.b3-screen .rx-leg .lg2 i{width:9px;height:9px;border-radius:3px;}
/* engagement */
.b3-screen .eng-hero{display:flex;align-items:center;gap:12px;margin-top:40px;}
.b3-screen .eng-hero .big{font-size:46px;font-weight:400;letter-spacing:-0.03em;color:#34D399;line-height:.95;}
.b3-screen .eng-hero .lbl{font-size:13.5px;color:#6B6B6B;max-width:180px;line-height:1.35;}
.b3-screen .cmp{margin-top:24px;display:flex;flex-direction:column;gap:14px;}
.b3-screen .cmp .row{display:flex;align-items:center;gap:12px;}
.b3-screen .cmp .row .k{width:108px;font-size:13px;color:#A8A8A8;}
.b3-screen .cmp .row .tk{flex:1;height:10px;background:rgba(255,255,255,0.05);border-radius:6px;overflow:hidden;}
.b3-screen .cmp .row .tk i{display:block;height:100%;border-radius:6px;}
.b3-screen .cmp .row .v{width:42px;text-align:right;font-size:14px;font-weight:400;color:#EBEBEB;}
.b3-screen .eng-chips{display:flex;gap:10px;margin-top:24px;}
.b3-screen .eng-chip{flex:1;display:flex;align-items:center;gap:11px;background:rgba(255,255,255,0.03);border:1px solid #161616;border-radius:14px;padding:13px 15px;}
.b3-screen .eng-chip svg{flex:0 0 auto;color:#34D399;}
.b3-screen .eng-chip .n{font-size:16px;font-weight:400;color:#EBEBEB;line-height:1.1;}
/* обёртка превью + переключение панелей */
.b3-screen .rep-scroll{height:100%;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,0.15) transparent;}
.b3-screen .rep-scroll::-webkit-scrollbar{width:6px;}
.b3-screen .rep-scroll::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.15);border-radius:3px;}
.b3-screen .main{width:100%;display:flex;flex-direction:column;padding:4px 2px 28px;}
.b3-screen .metrics{margin-top:14px;}
.b3-screen .tab{cursor:pointer;}
.rep-pane{display:none;}
.rep-pane.on{display:flex;flex-direction:column;gap:6px;animation:repFade .35s ease;}
@keyframes repFade{from{opacity:0;transform:translateY(8px);}to{opacity:1;transform:none;}}
.b3-screen .hero{display:flex;flex-direction:column;gap:24px;box-sizing:border-box;padding:24px;border:1px solid #090909;border-radius:32px;background:radial-gradient(32% 87% at 6% -7%,rgba(255,255,255,0.056) 17%,rgba(255,255,255,0) 58%),linear-gradient(360deg,rgba(255,255,255,0) 50%,rgba(27,29,26,0.08) 100%),rgba(255,255,255,0.03);}
.b3-screen .report-h{display:flex;justify-content:space-between;align-items:center;width:100%;height:28px;margin-bottom:20px;}
.b3-screen .report-h .t{font-size:24px;font-weight:500;letter-spacing:-0.01em;color:#EBEBEB;}
.b3-screen .report-h .d{font-size:15px;font-weight:500;letter-spacing:-0.01em;color:#6B6B6B;}
.b3-screen .hero-top{display:flex;justify-content:space-between;align-items:flex-start;width:100%;}
.b3-screen .afull,.b3-screen .acard{background:rgba(15,15,15,0.5);}

/* ══ компоненты метрик из отчётов (scoped) ══ */
.b3-screen .pill b{color:#EBEBEB;font-weight:600;}
/* психология */
.b3-screen .psy-hero{display:flex;align-items:center;gap:12px;margin-top:40px;}
.b3-screen .psy-hero .big{font-size:52px;font-weight:400;letter-spacing:-0.03em;line-height:.9;}
.b3-screen .psy-hero .lbl{font-size:14px;color:#9a9a9a;max-width:300px;line-height:1.35;}
.b3-screen .cscale{margin-top:26px;}
.b3-screen .cs-track{position:relative;height:8px;border-radius:6px;background:linear-gradient(90deg,#F59E0B,#7C8694 55%,#34D399);}
.b3-screen .cs-mark{position:absolute;top:50%;width:18px;height:18px;border-radius:50%;background:#fff;transform:translate(-50%,-50%);}
.b3-screen .cs-ends{display:flex;justify-content:space-between;margin-top:14px;font-size:12.5px;}
.b3-screen .cs-ends .l{color:#F59E0B;} .b3-screen .cs-ends .r{color:#34D399;}
.b3-screen .cmp2{display:flex;gap:40px;margin-top:26px;}
.b3-screen .cmp2 .s .n{font-size:24px;font-weight:400;letter-spacing:-0.02em;}
.b3-screen .cmp2 .s .l{font-size:12.5px;color:#6B6B6B;margin-top:3px;}
.b3-screen .hedges{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px;}
.b3-screen .chips{display:flex;flex-wrap:wrap;gap:9px;margin-top:auto;padding-top:22px;}
.b3-screen .psy-v{margin-top:auto;font-size:13.5px;color:#6B6B6B;padding-top:20px;}
.b3-screen .flatwrap{margin-top:24px;}
.b3-screen .emp-row{display:flex;align-items:center;gap:24px;margin-top:40px;}
.b3-screen .emp-side .n{font-size:40px;font-weight:400;letter-spacing:-0.03em;color:#34D399;line-height:1;}
.b3-screen .emp-side .l{font-size:13px;color:#6B6B6B;margin-top:4px;}
.b3-screen .gauge{margin-top:24px;}
.b3-screen .gauge .tk{height:10px;border-radius:6px;background:rgba(255,255,255,0.06);overflow:hidden;}
.b3-screen .gauge .tk i{display:block;height:100%;border-radius:6px;background:linear-gradient(90deg,#22D3EE,#0e7490);}
.b3-screen .gauge .sc{display:flex;justify-content:space-between;margin-top:10px;font-size:12px;color:#6B6B6B;}
.b3-screen .pax{display:flex;align-items:center;gap:16px;margin-top:16px;}
.b3-screen .pax .pa-n{width:150px;font-size:14px;color:#A8A8A8;}
.b3-screen .pax .pa-tk{flex:1;height:8px;background:rgba(255,255,255,0.05);border-radius:5px;overflow:hidden;}
.b3-screen .pax .pa-tk i{display:block;height:100%;border-radius:5px;}
.b3-screen .pax .pa-v{width:46px;text-align:right;font-size:13px;font-weight:400;color:#EBEBEB;}
.b3-screen .verdict{margin-top:24px;font-size:15px;color:#D4D4D4;line-height:1.5;background:rgba(255,255,255,0.03);border-radius:16px;padding:18px 20px;}
/* поведение */
.b3-screen .comp{display:flex;gap:6px;height:90px;margin-top:40px;}
.b3-screen .comp .seg{border-radius:16px;display:flex;align-items:center;justify-content:center;min-width:8px;}
.b3-screen .comp .seg b{color:rgba(0,0,0,0.55);font-weight:500;font-size:20px;}
.b3-screen .legC{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:20px;}
.b3-screen .lc{display:flex;align-items:center;gap:8px;font-size:13px;color:#A8A8A8;}
.b3-screen .lc i{width:10px;height:10px;border-radius:50%;}
.b3-screen .lc b{color:#EBEBEB;font-weight:400;}
.b3-screen .bubble-row{display:flex;gap:11px;align-items:flex-start;margin-top:40px;}
.b3-screen .bubble-av{width:36px;height:36px;border-radius:11px;flex:0 0 auto;background:radial-gradient(circle at 42% 32%,#F59E0B,#7C2D12 70%);display:flex;align-items:center;justify-content:center;font-size:17px;box-shadow:inset 0 0 0 .5px rgba(255,255,255,.1);}
.b3-screen .bubble{background:rgba(255,255,255,0.05);border:1px solid #1c1c1c;border-radius:4px 16px 16px 16px;padding:11px 15px;}
.b3-screen .bubble .who{font-size:11px;color:#6B6B6B;margin-bottom:5px;}
.b3-screen .bubble .msg{font-size:16px;color:#EBEBEB;line-height:1.35;}
.b3-screen .emo-big{font-size:52px;font-weight:400;letter-spacing:-0.03em;color:#7C8694;line-height:1;margin-top:32px;}
.b3-screen .emo-leg{display:flex;flex-wrap:wrap;gap:10px 18px;margin-top:14px;}
.b3-screen .emo-leg span{display:flex;align-items:center;gap:7px;font-size:12.5px;color:#A8A8A8;}
.b3-screen .emo-leg i{width:10px;height:10px;border-radius:50%;}
.b3-screen .emo-q{font-size:13.5px;color:#6B6B6B;font-style:italic;padding-top:16px;}
.b3-screen .st-hero{display:flex;align-items:baseline;gap:12px;margin-top:18px;}
.b3-screen .st-hero .big{font-size:46px;font-weight:800;letter-spacing:-0.03em;color:#EBEBEB;line-height:.95;}
.b3-screen .st-hero .lbl{font-size:13.5px;color:#6B6B6B;}
.b3-screen .st-kpi{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:auto;padding-top:20px;}
.b3-screen .st-kpi .k{background:rgba(255,255,255,0.03);border:1px solid #161616;border-radius:14px;padding:13px 15px;}
.b3-screen .st-kpi .k .n{font-size:20px;font-weight:400;color:#EBEBEB;letter-spacing:-0.02em;}
.b3-screen .st-kpi .k .l{font-size:11.5px;color:#6B6B6B;margin-top:3px;}
.b3-screen .kpi{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin-top:22px;}
.b3-screen .kpi .k{background:rgba(255,255,255,0.03);border:1px solid #161616;border-radius:14px;padding:14px 16px;}
.b3-screen .kpi .k .n{font-size:20px;font-weight:400;color:#EBEBEB;letter-spacing:-0.02em;}
.b3-screen .kpi .k .l{font-size:11.5px;color:#6B6B6B;margin-top:4px;text-transform:none;}
.b3-screen .st-v{margin-top:auto;font-size:13.5px;color:#6B6B6B;padding-top:20px;}
.b3-screen .swr-aurora{position:relative;overflow:hidden;background:#0a0708 !important;}
.b3-screen .swr-aurora::before{content:"";position:absolute;inset:-40%;z-index:0;filter:blur(60px);background:radial-gradient(40% 40% at 30% 30%,rgba(239,68,68,.22),transparent 60%);}
.b3-screen .swr-aurora>*{position:relative;z-index:2;}
.b3-screen .swr-hero{display:flex;align-items:center;gap:12px;margin-top:40px;}
.b3-screen .swr-hero .big{font-size:44px;font-weight:400;letter-spacing:-0.03em;color:#fff;line-height:.92;}
.b3-screen .swr-hero .lbl{font-size:13.5px;color:#bdbdbd;max-width:150px;line-height:1.35;}
.b3-screen .sw-wrap{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px;}
.b3-screen .gp{display:inline-flex;align-items:center;gap:8px;padding:7px 13px;border-radius:999px;font-size:13px;font-weight:500;color:#fff;background:rgba(255,255,255,0.08);box-shadow:inset 0 1px 0 rgba(255,255,255,.12);}
.b3-screen .gp b{font-weight:700;color:#FECACA;}
.b3-screen .swr-v{margin-top:auto;font-size:13.5px;color:#9a9a9a;padding-top:20px;}
.b3-screen .trg{display:flex;padding:16px 0;border-top:1px solid #161616;}
.b3-screen .trg.first{border-top:none;}
.b3-screen .trg-t{font-size:14.5px;font-weight:600;color:#EBEBEB;}
.b3-screen .trg-q{font-size:13px;color:#EF4444;margin-top:5px;font-style:italic;}
/* анализ */
.b3-screen .an-ledrow{display:flex;align-items:center;gap:12px;margin-top:10px;}
.b3-screen .an-ln{width:96px;font-size:13px;color:#A8A8A8;}
.b3-screen .an-lv{width:18px;text-align:right;font-size:13px;color:#6B6B6B;}
.b3-screen .an-scorebadge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:10px;background:rgba(255,255,255,0.05);font-size:12.5px;color:#A8A8A8;}
.b3-screen .an-scorebadge b{color:#EBEBEB;font-weight:600;}
.b3-screen .ud{margin-top:0;}
.b3-screen .ud-h{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:500;color:#EBEBEB;margin-bottom:12px;}
.b3-screen .ud-h .dot{width:8px;height:8px;border-radius:50%;}
.b3-screen .ud ul{margin:0;padding-left:18px;color:#A8A8A8;font-size:13.5px;line-height:1.6;}
.b3-screen .ud li{margin-top:6px;}
.b3-screen .tz-root{position:relative;margin-top:8px;}
.b3-screen .tz-track{position:relative;height:8px;border-radius:6px;background:linear-gradient(90deg,#1F9D74,#F59E0B 50%,#EF4444);margin:0 0 10px;}
.b3-screen .tz-div{position:absolute;top:0;width:1px;height:8px;background:rgba(255,255,255,0.2);}
.b3-screen .tz-knob{position:absolute;top:50%;width:16px;height:16px;border-radius:50%;background:#F59E0B;transform:translate(-50%,-50%);box-shadow:0 0 0 3px rgba(245,158,11,.2);}
.b3-screen .tz-ends{display:flex;justify-content:space-between;font-size:12px;color:#6B6B6B;margin-top:4px;}
.b3-screen .tz-labels{display:flex;margin-top:6px;}
.b3-screen .an-phero{display:flex;gap:24px;align-items:center;margin-top:20px;}
.b3-screen .an-ringbox{display:flex;align-items:center;gap:14px;}
.b3-screen .an-rw{position:relative;width:92px;height:92px;}
.b3-screen .an-rn{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:500;color:#EBEBEB;}
.b3-screen .an-rc{font-size:13px;color:#6B6B6B;}
.b3-screen .an-lead{display:flex;flex-direction:column;gap:10px;}
.b3-screen .an-arch{font-size:24px;font-weight:500;color:#EBEBEB;letter-spacing:-0.02em;}
.b3-screen .an-adesc{font-size:14px;color:#A8A8A8;line-height:1.5;}
.b3-screen .an-chips{display:flex;flex-wrap:wrap;gap:8px;}
.b3-screen .an-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;background:rgba(255,255,255,0.04);font-size:12px;color:#A8A8A8;}
.b3-screen .an-chip i{width:7px;height:7px;border-radius:50%;}
.b3-screen .acard.fcol{display:flex;flex-direction:column;min-height:0;overflow:hidden;}


/* 3 cards below (лендинг) */
.b3-cards{
  max-width:1331px;width:100%;margin:0 auto;
  display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:flex-start;
  gap:20px;
}
.b3-card{
  width:100%;max-width:430.33px;flex:1;
  display:flex;flex-direction:column;gap:27px;
  opacity:0;
  transform:translate3d(0,28px,0) scale(.985);
  filter:blur(4px);
  transition:opacity .62s cubic-bezier(.2,.8,.2,1),transform .72s cubic-bezier(.2,.8,.2,1),filter .62s ease;
  will-change:opacity,transform,filter;
}
.b3-card.-visible{opacity:1;transform:none;filter:none;}
.b3-card .b3-img{transition:transform .8s cubic-bezier(.2,.8,.2,1);}
.b3-card.-visible .b3-img{transform:scale(1);}
.b3-card:not(.-visible) .b3-img{transform:scale(.965);}
@media (prefers-reduced-motion:reduce){.b3-card{opacity:1;transform:none;filter:none;transition:none}.b3-card .b3-img{transform:none!important;transition:none}}
.b3-img{
  width:100%;height:clamp(200px,40vw,440px);flex:0 0 auto;
  background:#080808;border-radius:24px;
  position:relative;overflow:hidden;isolation:isolate;
}
.b3-img::after{
  content:"";
  position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(8,8,8,0.08) 0%,rgba(8,8,8,0.38) 100%);
  z-index:1;pointer-events:none;
}
.b3-img-bg{
  position:absolute;inset:0;
  background-position:center;
  background-size:cover;
  background-repeat:no-repeat;
  opacity:0.34;
  transform:scale(1.02);
  z-index:0;
}
.b3-card-txt{display:flex;flex-direction:column;gap:12px;}
.b3-card-h{font-size:24px;font-weight:500;line-height:85%;letter-spacing:-0.035em;color:#fff;transform:rotate(-0.29deg);}
.b3-card-p{font-size:15px;font-weight:500;line-height:22px;letter-spacing:-0.155px;color:rgba(255,255,255,0.6);width:263px;}
.b3-svg1{position:absolute;left:57px;top:63px;z-index:2;}
.b3-svg2{position:absolute;left:51px;top:63px;z-index:2;}
.b3-svg3{position:absolute;left:7px;top:63px;z-index:2;}
.b3-card-svg{display:block;width:100%;height:100%;object-fit:contain;}

/* ══ macOS-окно браузера вокруг превью отчёта ══ */
.b3 .mac{
  width:100%;max-width:100%;
  border-radius:12px;overflow:hidden;
  background:#1c1c1e;
  box-shadow:
    0 0 0 1px rgba(255,255,255,0.07),
    0 2px 0 rgba(255,255,255,0.06) inset,
    0 50px 120px -30px rgba(0,0,0,0.85),
    0 10px 30px -10px rgba(0,0,0,0.6);
}
.b3 .mac-bar{
  height:46px;display:flex;align-items:center;gap:14px;
  padding:0 16px;
  background:linear-gradient(180deg,#3a3a3e 0%,#2c2c2f 100%);
  border-bottom:1px solid rgba(0,0,0,0.5);
  position:relative;
}
.b3 .mac-dots{display:flex;gap:8px;flex:0 0 auto}
.b3 .mac-dots i{width:12px;height:12px;border-radius:50%;display:block;box-shadow:inset 0 0 0 0.5px rgba(0,0,0,0.35)}
.b3 .mac-dots .r{background:#ff5f57}
.b3 .mac-dots .y{background:#febc2e}
.b3 .mac-dots .g{background:#28c840}
.b3 .mac-url{
  flex:1;height:28px;margin:0 8px;
  background:rgba(255,255,255,0.10);
  border:1px solid rgba(255,255,255,0.06);
  border-radius:7px;
  display:flex;align-items:center;justify-content:center;gap:8px;
  font-size:12.5px;color:#d7d7da;letter-spacing:.1px;
  box-shadow:inset 0 1px 1px rgba(0,0,0,0.25);
  font-family:'Inter',system-ui,-apple-system,sans-serif;
}
.b3 .mac-url svg{flex:0 0 auto;opacity:.7}
.b3 .mac-ctrl{display:flex;gap:16px;flex:0 0 auto;color:#9a9a9e;align-items:center}
.b3 .mac-ctrl svg{display:block;opacity:.8}
.b3 .mac-view{background:#020202;padding:0;}
.b3 .mac .b3-screen{
  width:100%;height:556px;
  border:none;border-radius:0;box-shadow:none;
  background:#020202;padding:18px 18px 0;overflow:hidden;
}
.b3 .mac .rep-scroll{height:100%;overflow:hidden;}