:root{
    --blue:#007AFF;--indigo:#5856D6;--orange:#FF9500;--teal:#30B0C7;--red:#FF3B30;--pink:#FF2D55;--green:#34C759;--purple:#AF52DE;--gray:#8E8E93;--yellow:#FFCC00;
    --label:#1C1C1E;--label-2:rgba(60,60,67,.62);--label-3:rgba(60,60,67,.32);--sep:rgba(60,60,67,.20);
    --card:rgba(255,255,255,.72);--card-solid:#FFFFFF;--group:rgba(255,255,255,.62);--fill:rgba(120,120,128,.16);--fill-2:rgba(120,120,128,.10);
    --accent:var(--blue);
    --wall:radial-gradient(120% 90% at 12% 4%,#e7edfb 0,transparent 46%),radial-gradient(120% 100% at 92% 8%,#f3e9fb 0,transparent 42%),radial-gradient(140% 120% at 50% 100%,#e4f0f2 0,transparent 50%),linear-gradient(180deg,#eef1f8 0,#e8ecf4 100%);
    --di-bg:#0b0b0d;
    --sf:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text",system-ui,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
    --shadow-w:0 1px 1px rgba(0,0,0,.04),0 10px 30px rgba(20,30,60,.10);
    --icon-r:22px;--w-r:26px;--g-r:14px;
  }
  @media (prefers-color-scheme:dark){
    :root{
      --blue:#0A84FF;--indigo:#5E5CE6;--orange:#FF9F0A;--teal:#40C8E0;--red:#FF453A;--pink:#FF375F;--green:#30D158;--purple:#BF5AF2;--gray:#8E8E93;--yellow:#FFD60A;
      --label:#FFFFFF;--label-2:rgba(235,235,245,.62);--label-3:rgba(235,235,245,.30);--sep:rgba(235,235,245,.16);
      --card:rgba(28,28,30,.66);--card-solid:#1C1C1E;--group:rgba(28,28,30,.60);--fill:rgba(120,120,128,.32);--fill-2:rgba(120,120,128,.20);
      --wall:radial-gradient(120% 90% at 10% 0%,#1b2740 0,transparent 48%),radial-gradient(120% 100% at 95% 6%,#2a1b3a 0,transparent 42%),radial-gradient(150% 130% at 50% 100%,#10242a 0,transparent 52%),linear-gradient(180deg,#0c0f16 0,#050609 100%);
      --di-bg:#000;--shadow-w:0 1px 1px rgba(0,0,0,.3),0 14px 40px rgba(0,0,0,.5);
    }
  }
  *{box-sizing:border-box;}
  body{margin:0;min-height:100vh;background:var(--wall) fixed;color:var(--label);font-family:var(--sf);-webkit-font-smoothing:antialiased;padding:0 0 130px;}
  a{color:inherit;text-decoration:none;}
  @supports not (backdrop-filter: blur(1px)){ :root{ --card:var(--card-solid); --group:var(--card-solid); } }
  @media (prefers-reduced-transparency: reduce){ :root{ --card:var(--card-solid); --group:var(--card-solid); } }
  .canvas{max-width:1180px;margin:0 auto;padding:0 20px;}

  .di{position:sticky;top:14px;z-index:40;width:max-content;max-width:calc(100% - 32px);margin:14px auto 0;background:var(--di-bg);color:#fff;border-radius:22px;padding:9px 16px 9px 13px;display:flex;align-items:center;gap:10px;box-shadow:0 8px 24px rgba(0,0,0,.28);font-size:13.5px;font-weight:500;letter-spacing:-.01em;}
  .di .live{width:8px;height:8px;border-radius:50%;background:#30D158;}
  @media (prefers-reduced-motion:no-preference){.di .live{animation:pulse 2.4s ease-out infinite;}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(48,209,88,.55);}70%{box-shadow:0 0 0 7px rgba(48,209,88,0);}100%{box-shadow:0 0 0 0 rgba(48,209,88,0);}}}
  .di .muted{color:rgba(235,235,245,.6);font-weight:400;}

  header.top{padding:26px 4px 10px;display:flex;align-items:center;gap:18px;flex-wrap:wrap;}
  .avatar{width:78px;height:78px;border-radius:50%;flex:none;box-shadow:var(--shadow-w);object-fit:cover;background:#ddd;}
  .head-txt{flex:1;min-width:220px;}
  h1.large{font-size:clamp(30px,5vw,40px);font-weight:700;letter-spacing:-.02em;margin:0 0 4px;line-height:1.04;}
  .subtitle{font-size:16px;color:var(--label-2);margin:0;max-width:58ch;line-height:1.35;}
  .seg{display:inline-flex;background:var(--fill);border-radius:9px;padding:2px;}
  .seg a{font-size:13px;font-weight:600;color:var(--label);padding:6px 14px;border-radius:7px;transition:all .2s cubic-bezier(.2,.8,.2,1);}
  .seg a[aria-current="true"]{background:var(--card-solid);box-shadow:0 1px 3px rgba(0,0,0,.14);}
  .seg-wrap{margin-left:auto;align-self:center;}

  .layout{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;}
  .layout>div{min-width:0;}
  @media (min-width:900px){ .layout{grid-template-columns:340px minmax(0,1fr);gap:20px;align-items:start;} }
  .section-cap{font-size:13px;font-weight:600;color:var(--label-2);letter-spacing:.01em;margin:20px 6px 10px;text-transform:uppercase;}
  .section-cap:first-child{margin-top:6px;}

  .widgets{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
  .widget{background:var(--card);backdrop-filter:blur(30px) saturate(180%);-webkit-backdrop-filter:blur(30px) saturate(180%);border:.5px solid var(--sep);border-radius:var(--w-r);padding:16px;box-shadow:var(--shadow-w);position:relative;overflow:hidden;transition:transform .2s cubic-bezier(.2,.8,.2,1);}
  .widget:hover{transform:translateY(-3px);}
  .widget.wide{grid-column:span 2;}
  .w-label{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--label-3);display:flex;align-items:center;gap:6px;margin:0 0 10px;}
  .w-dot{width:16px;height:16px;border-radius:5px;display:inline-flex;align-items:center;justify-content:center;}
  .w-dot svg{width:11px;height:11px;stroke:#fff;stroke-width:1.9;fill:none;stroke-linecap:round;stroke-linejoin:round;}
  .now-name{font-size:19px;font-weight:700;letter-spacing:-.01em;margin:2px 0 6px;}
  .now-desc{font-size:14px;color:var(--label-2);line-height:1.4;margin:0 0 14px;}
  .now-meta{display:flex;flex-wrap:wrap;gap:6px;}
  .tagpill{font-size:11.5px;font-weight:600;color:var(--label-2);background:var(--fill);border-radius:7px;padding:4px 9px;}
  .press-out{font-size:12px;font-weight:700;color:var(--red);letter-spacing:.02em;}
  .press-head{font-size:15px;font-weight:600;line-height:1.28;margin:6px 0 8px;letter-spacing:-.01em;}
  .press-date{font-size:12px;color:var(--label-3);}
  .book-mini{display:flex;gap:12px;align-items:center;}
  .book-cover{width:44px;height:60px;border-radius:4px;flex:none;background:linear-gradient(150deg,#2b2f36,#0c0f16);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:18px;font-family:Georgia,serif;box-shadow:2px 3px 8px rgba(0,0,0,.2);}
  .book-mini h4{margin:0 0 6px;font-size:14px;font-weight:600;line-height:1.25;}
  .prog-lab{font-size:11px;color:var(--label-3);margin-top:5px;}
  .stat-num{font-size:34px;font-weight:700;letter-spacing:-.02em;line-height:1;margin:4px 0 4px;font-variant-numeric:tabular-nums;}
  .stat-cap{font-size:12.5px;color:var(--label-2);}
  .widget.tint-blue{background:linear-gradient(160deg,var(--blue),var(--indigo));color:#fff;border-color:transparent;}
  .widget.tint-blue .w-label,.widget.tint-blue .stat-cap{color:rgba(255,255,255,.8);}

  .apps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px 10px;padding:6px 4px 4px;}
  @media (min-width:900px){ .apps{grid-template-columns:repeat(6,1fr);gap:24px 14px;} }
  .app{display:flex;flex-direction:column;align-items:center;gap:8px;}
  .app-icon{position:relative;width:100%;max-width:64px;aspect-ratio:1;border-radius:var(--icon-r);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 12px rgba(20,30,60,.16), inset 0 1px 0 rgba(255,255,255,.18);transition:transform .16s cubic-bezier(.2,.8,.2,1);}
  .app-icon svg{width:30px;height:30px;stroke:#fff;stroke-width:1.9;fill:none;stroke-linecap:round;stroke-linejoin:round;}
  .app:active .app-icon{transform:scale(.9);}
  .app:hover .app-icon{transform:translateY(-2px);}
  .app-label{font-size:12.5px;font-weight:500;color:var(--label);text-align:center;letter-spacing:-.01em;}
  .badge-count{position:absolute;top:-5px;right:-5px;min-width:20px;height:20px;padding:0 5px;border-radius:10px;background:var(--red);color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 2px rgba(238,241,248,.9);}
  @media (prefers-color-scheme:dark){.badge-count{box-shadow:0 0 0 2px rgba(8,10,16,.9);}}
  .bg-blue{background:linear-gradient(160deg,#3a9bff,var(--blue));}
  .bg-indigo{background:linear-gradient(160deg,#7b79f0,var(--indigo));}
  .bg-orange{background:linear-gradient(160deg,#ffb340,var(--orange));}
  .bg-teal{background:linear-gradient(160deg,#5fd6e8,var(--teal));}
  .bg-red{background:linear-gradient(160deg,#ff6a60,var(--red));}
  .bg-green{background:linear-gradient(160deg,#5fd97e,var(--green));}
  .bg-purple{background:linear-gradient(160deg,#c77ceb,var(--purple));}

  .group{background:var(--group);backdrop-filter:blur(30px) saturate(180%);-webkit-backdrop-filter:blur(30px) saturate(180%);border:.5px solid var(--sep);border-radius:var(--g-r);overflow:hidden;box-shadow:var(--shadow-w);}
  .row{display:flex;align-items:center;gap:12px;padding:13px 16px;position:relative;}
  .row+.row::before{content:"";position:absolute;top:0;left:52px;right:0;height:.5px;background:var(--sep);}
  .row .r-ic{width:28px;height:28px;border-radius:7px;flex:none;display:flex;align-items:center;justify-content:center;color:#fff;}
  .row .r-ic svg{width:16px;height:16px;stroke:#fff;stroke-width:1.9;fill:none;stroke-linecap:round;stroke-linejoin:round;}
  .row .r-main{flex:1;min-width:0;}
  .row .r-t{display:block;font-size:15px;font-weight:500;letter-spacing:-.01em;}
  .row .r-s{display:block;font-size:12.5px;color:var(--label-2);margin-top:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
  .row .r-val{font-size:13px;color:var(--label-3);white-space:nowrap;}
  .row .chev{color:var(--label-3);font-size:17px;flex:none;}
  .row.tap{cursor:pointer;transition:background .15s ease;}
  .row.tap:active{background:var(--fill-2);}
  .row .r-t.link{color:var(--accent);font-weight:600;}

  .stack{display:flex;flex-direction:column;gap:22px;}
  .block-title{font-size:20px;font-weight:700;letter-spacing:-.01em;margin:2px 6px 12px;}

  /* logo marquee on white band */
  .band{background:#fff;border:.5px solid var(--sep);border-radius:var(--g-r);box-shadow:var(--shadow-w);}
  .marquee{overflow:hidden;position:relative;padding:22px 0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);}
  .track{display:flex;gap:52px;width:max-content;align-items:center;animation:scroll 34s linear infinite;}
  .band:hover .track{animation-play-state:paused;}
  @keyframes scroll{from{transform:translateX(0);}to{transform:translateX(-50%);}}
  @media (prefers-reduced-motion:reduce){.track{animation:none;flex-wrap:wrap;justify-content:center;gap:22px 40px;}.marquee{-webkit-mask-image:none;mask-image:none;}}
  .slot{display:inline-flex;align-items:center;justify-content:center;width:96px;height:38px;flex:none;}
  .slot img{max-width:86px;max-height:32px;width:auto;height:auto;object-fit:contain;}

  /* book stores */
  .book-feature{display:grid;grid-template-columns:auto 1fr;gap:18px;padding:18px;}
  @media (max-width:520px){ .book-feature{grid-template-columns:1fr;} }
  .cover-lg{width:104px;height:150px;border-radius:6px;background:linear-gradient(155deg,#2b2f36,#0c0f16);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:3px 5px 16px rgba(0,0,0,.28);font-family:Georgia,serif;font-size:40px;font-weight:700;}
  .book-feature h3{margin:0 0 4px;font-size:18px;font-weight:700;letter-spacing:-.01em;}
  .book-feature .bsub{font-size:13px;color:var(--label-2);margin:0 0 8px;}
  .book-feature .bdesc{font-size:13.5px;color:var(--label-2);line-height:1.45;margin:0 0 12px;}
  .stores{display:flex;flex-wrap:wrap;gap:8px;}
  .store{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:600;color:var(--label);background:var(--fill);border-radius:9px;padding:8px 12px;transition:transform .15s ease,background .15s ease;}
  .store:hover{background:var(--fill-2);transform:translateY(-1px);}
  .store .fmt{color:var(--label-3);font-weight:400;font-size:11px;}
  .store.soon{opacity:.5;pointer-events:none;}

  .foot{max-width:1180px;margin:34px auto 0;padding:0 24px;color:var(--label-3);font-size:12px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;}
  .foot a{color:var(--label-3);}

  .dock{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);z-index:50;display:flex;gap:16px;padding:12px 16px;background:var(--card);backdrop-filter:blur(30px) saturate(200%);-webkit-backdrop-filter:blur(30px) saturate(200%);border:.5px solid var(--sep);border-radius:26px;box-shadow:0 10px 34px rgba(20,30,60,.22);}
  .dock .app-icon{width:52px;max-width:52px;border-radius:15px;}
  .dock .app-icon svg{width:26px;height:26px;}

/* ---------- RTL (Hebrew) ---------- */
[dir="rtl"] .seg-wrap{margin-left:0;margin-right:auto;}
[dir="rtl"] .row+.row::before{left:0;right:52px;}
[dir="rtl"] .chev{display:inline-block;transform:scaleX(-1);}
[dir="rtl"] .badge-count{right:auto;left:-5px;}
[dir="rtl"] .back{direction:rtl;}


/* real logos in list rows */
.r-ic.logo{background:#fff;padding:3px;overflow:hidden;}
.r-ic.logo img{width:100%;height:100%;object-fit:contain;display:block;}
/* real book cover images */
.book-cover img,.cover-lg img{width:100%;height:100%;object-fit:cover;display:block;border-radius:inherit;}

/* brand badge inside the "Now" widget */
.now-logo{position:absolute;top:15px;right:15px;width:40px;height:40px;border-radius:11px;background:#fff;display:flex;align-items:center;justify-content:center;padding:6px;box-shadow:0 2px 8px rgba(0,0,0,.18);}
.now-logo img{width:100%;height:100%;object-fit:contain;display:block;}
[dir="rtl"] .now-logo{right:auto;left:15px;}

/* full-bleed brand icon (e.g. LinkedIn) */
.app-icon .ic-full{width:100%;height:100%;object-fit:cover;display:block;}