/* Scoped for the WordPress embed — every rule lives under #furom so the
   surrounding theme is untouched. Generated by build-wp-embed.py. */
/* ============================================================
   פורום תעשיות וחדשנות – נגב | Landing Page
   מרכז החדשנות דרום · Light / Hi-Tech Blue
   ============================================================ */

#furom {
    /* Surfaces — light & airy */
    --bg:        #FFFFFF;
    --soft:      #F6F9FE;
    --tint:      #EDF3FF;
    --line:      #E4EBF6;
    --line-2:    #D3DFF0;

    /* Hi-tech blue */
    --blue:      #1A6BFF;
    --blue-700:  #0B4FD6;
    --blue-800:  #0A3B9E;
    --cyan:      #29C6E8;
    --grad:      linear-gradient(135deg, #1A6BFF 0%, #29C6E8 100%);
    --grad-deep: linear-gradient(140deg, #0B3F9E 0%, #1A6BFF 55%, #29C6E8 100%);

    /* Type */
    --ink:       #0A1A33;
    --body:      #4B5A73;
    --muted:     #8593AB;

    /* Depth */
    --sh-sm:     0 1px 2px rgba(10,26,51,.04), 0 4px 16px rgba(10,26,51,.05);
    --sh-md:     0 10px 34px rgba(10,26,51,.10);
    --sh-blue:   0 8px 26px rgba(26,107,255,.28);

    --maxw: 1160px;
    --radius: 16px;
    --band-h: 99px;   /* logo band height; the hero fills the rest */
}

#furom, #furom * { margin: 0; padding: 0; box-sizing: border-box; }

#furom { scroll-behavior: smooth; }

#furom {
    font-family: 'Assistant', system-ui, -apple-system, sans-serif;
    background: var(--bg);
    color: var(--body);
    direction: rtl;
    line-height: 1.8;
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

#furom a { color: inherit; text-decoration: none; }
#furom img { max-width: 100%; height: auto; display: block; border: 0; }
#furom ul, #furom ol { list-style: none; }
#furom strong { color: var(--ink); font-weight: 700; }

#furom h1, #furom h2, #furom h3, #furom h4 {
    font-family: 'Heebo', sans-serif;
    color: var(--ink);
    line-height: 1.22;
    font-weight: 700;
}

#furom ::selection { background: rgba(26,107,255,.16); color: var(--blue-800); }

#furom .wrap { width: 100%; max-width: var(--maxw); margin: 0 auto; padding: 0 32px; }
#furom .wrap--narrow { max-width: 760px; }

/* ── Scroll reveal ─────────────────────────────────────────── */
#furom .reveal {
    opacity: 0;
    transform: translateY(18px);
    transition: opacity .7s cubic-bezier(.22,1,.36,1), transform .7s cubic-bezier(.22,1,.36,1);
    will-change: opacity, transform;
}
#furom .reveal.is-in { opacity: 1; transform: none; }

@media (prefers-reduced-motion: reduce){
    #furom { scroll-behavior: auto; }
    #furom .reveal { opacity: 1; transform: none; transition: none; }
}

/* ════════════════ LOGO BAND ════════════════ */
#furom .logoband {
    position: relative;
    z-index: 30;
    background: #fff;
    border-bottom: 1px solid var(--line);
}
#furom .logoband-inner {
    max-width: var(--maxw);
    margin: 0 auto;
    padding: 15px 32px;
    display: flex;
    align-items: center;
    justify-content: center;
}
#furom .logoband-logos {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 30px;
    flex-wrap: wrap;
    /* client order is left-to-right: Darom, Prisma, Hi-Tech, Manufacturers */
    direction: ltr;
}
#furom .logoband-logo {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 68px;
}
#furom .logoband-logo img {
    max-height: 100%;
    width: auto;
    object-fit: contain;
    transition: transform .3s ease;
}
/* Per-logo caps — the four assets have very different aspect ratios
   (5.3 / 3.3 / 1.7 / 1.4), so equal height would read as unequal weight. */
#furom .lb-prisma      img { max-height: 34px; }
#furom .lb-darom       img { max-height: 42px; }
#furom .lb-hitech      img { max-height: 60px; }
#furom .lb-hitaahadut  img { max-height: 64px; }
#furom a.logoband-logo:hover img { transform: translateY(-2px); }
#furom .logoband-sep { width: 1px; height: 24px; background: var(--line-2); }

/* ════════════════ BUTTONS ════════════════ */
#furom .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-family: 'Heebo', sans-serif;
    font-size: 1.02rem;
    font-weight: 700;
    padding: 15px 38px;
    border: 1px solid transparent;
    border-radius: 100px;
    cursor: pointer;
    white-space: nowrap;
    transition: transform .25s ease, box-shadow .25s ease, background .25s ease,
                border-color .25s ease, color .25s ease;
}
#furom .btn-primary {
    color: #fff;
    background: var(--grad);
    box-shadow: var(--sh-blue);
}
#furom .btn-primary:hover {
    transform: translateY(-2px) scale(1.02);
    box-shadow: 0 14px 38px rgba(26,107,255,.38);
}
/* On the deep-blue CTA band */
#furom .btn-invert {
    color: var(--blue-800);
    background: #fff;
    box-shadow: 0 10px 30px rgba(4,22,58,.22);
}
#furom .btn-invert:hover {
    transform: translateY(-2px) scale(1.02);
    box-shadow: 0 16px 42px rgba(4,22,58,.3);
    color: var(--blue-700);
}
#furom .btn-lg { font-size: 1.12rem; padding: 18px 48px; }
#furom .btn-sm { font-size: .92rem; padding: 11px 26px; }

/* ════════════════ HERO ════════════════
   Cinematic dark hero over a looping video, then the page turns light.
   Content is deliberately minimal — kicker, headline, one line, one CTA.
   The numbers live in the "about" section, not here. */
#furom .hero {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    min-height: 620px;
    /* fills the viewport under the logo band; svh keeps mobile browser
       chrome from cropping the bottom of the block */
    height: calc(100vh - var(--band-h));
    height: calc(100svh - var(--band-h));
    max-height: 940px;
    overflow: hidden;
    isolation: isolate;
    /* stands in until the video loads (and behind a transparent poster) */
    background:
        radial-gradient(ellipse 70% 60% at 78% 8%,  #123A7A 0%, transparent 62%),
        radial-gradient(ellipse 60% 55% at 12% 96%, #0B2C4F 0%, transparent 60%),
        linear-gradient(165deg, #071426 0%, #0A1E3A 48%, #06101F 100%);
}

/* — media stack — */
#furom .hero-media { position: absolute; inset: 0; z-index: 0; overflow: hidden; }
#furom .hero-video {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border: 0;
}
/* Scrim: a centred pool of lighter footage with a darker vignette, so
   centred white type holds contrast over any clip. */
#furom .hero-scrim {
    position: absolute;
    inset: 0;
    background:
        radial-gradient(ellipse 72% 62% at 50% 48%, rgba(4,11,22,.42) 0%, rgba(4,11,22,.72) 62%, rgba(4,11,22,.88) 100%),
        linear-gradient(to bottom, rgba(4,11,22,.62) 0%, rgba(4,11,22,.20) 38%, rgba(4,11,22,.72) 100%);
}
#furom .hero-grid {
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(to right,  rgba(255,255,255,.05) 1px, transparent 1px),
        linear-gradient(to bottom, rgba(255,255,255,.05) 1px, transparent 1px);
    background-size: 84px 84px;
    -webkit-mask-image: radial-gradient(ellipse 82% 78% at 50% 46%, #000 0%, transparent 72%);
            mask-image: radial-gradient(ellipse 82% 78% at 50% 46%, #000 0%, transparent 72%);
}

/* — layout — */
#furom .hero-shell {
    position: relative;
    z-index: 5;
    width: 100%;
    max-width: var(--maxw);
    margin: 0 auto;
    padding: 40px 32px 72px;
}
#furom .hero-content { max-width: 52rem; margin: 0 auto; }

/* — kicker — */
#furom .hero-kicker {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-family: 'Heebo', sans-serif;
    font-size: .8rem;
    font-weight: 600;
    letter-spacing: .16em;
    color: #A9CBFF;
    margin-bottom: 26px;
}
#furom .hero-kicker-dot {
    position: relative;
    width: 7px; height: 7px;
    border-radius: 50%;
    background: var(--cyan);
    flex-shrink: 0;
}
#furom .hero-kicker-dot::after {
    content: '';
    position: absolute;
    inset: -5px;
    border-radius: 50%;
    border: 1px solid var(--cyan);
    opacity: 0;
    animation: furom-kickerPulse 2.6s ease-out infinite;
}
@keyframes furom-kickerPulse{
    0%   { transform: scale(.55); opacity: .8; }
    70%  { transform: scale(1.4);  opacity: 0; }
    100% { transform: scale(1.4);  opacity: 0; }
}

/* — headline —
   Solid colours on purpose: a bg-clip-text gradient cannot coexist with the
   per-letter opacity/blur entrance (the colour would come from the container,
   not the letter spans). */
#furom .hero-h1 {
    font-family: 'Heebo', sans-serif;
    font-size: clamp(2.6rem, 6.6vw, 5.4rem);
    font-weight: 300;
    line-height: 1.08;
    letter-spacing: -.03em;
    color: #fff;
    margin-bottom: 24px;
    text-wrap: balance;
}
#furom .hero-h1-line { display: block; }
#furom .hero-h1-line--accent { font-weight: 700; color: #6FDCF4; }

/* per-letter entrance */
#furom .hero-word { display: inline-block; }
#furom .hero-letter {
    display: inline-block;
    opacity: 0;
    filter: blur(12px);
    transform: translateY(.1em);
    transition:
        opacity   .8s cubic-bezier(.22,1,.36,1),
        filter    .8s cubic-bezier(.22,1,.36,1),
        transform .8s cubic-bezier(.22,1,.36,1);
}
#furom .hero-letter.is-in { opacity: 1; filter: blur(0); transform: none; }

/* — supporting copy — */
#furom .hero-sub {
    font-size: clamp(1rem, 1.6vw, 1.14rem);
    line-height: 1.8;
    color: rgba(255,255,255,.80);
    max-width: 36rem;
    margin: 0 auto 34px;
}

#furom .hero-actions {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 28px;
    flex-wrap: wrap;
    margin-bottom: 24px;
}
#furom .hero-textlink {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-family: 'Heebo', sans-serif;
    font-size: .98rem;
    font-weight: 600;
    color: #fff;
    padding-bottom: 3px;
    border-bottom: 1px solid rgba(255,255,255,.35);
    transition: color .25s ease, border-color .25s ease, gap .25s ease;
}
#furom .hero-textlink:hover { color: #6FDCF4; border-color: #6FDCF4; gap: 13px; }
#furom .hero-textlink-arrow { font-size: 1.05rem; line-height: 1; }

#furom .hero-deadline {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-size: 1.06rem;
    color: rgba(255,255,255,.85);
    padding: 10px 22px;
    border: 1px solid rgba(255,255,255,.22);
    border-radius: 100px;
    background: rgba(255,255,255,.07);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
}
#furom .hero-deadline strong { color: #fff; font-weight: 700; }
#furom .hero-deadline-dot {
    width: 7px; height: 7px;
    border-radius: 50%;
    background: var(--cyan);
    flex-shrink: 0;
    box-shadow: 0 0 0 3px rgba(41,198,232,.22);
}

/* — scroll cue — */
#furom .hero-scrollcue {
    position: absolute;
    z-index: 6;
    inset-block-end: 26px;
    inset-inline-start: 50%;
    transform: translateX(-50%);
    width: 26px; height: 42px;
    border: 1px solid rgba(255,255,255,.3);
    border-radius: 14px;
    display: grid;
    place-items: start center;
    padding-top: 7px;
    transition: border-color .3s ease;
}
#furom .hero-scrollcue:hover { border-color: #6FDCF4; }
#furom .hero-scrollcue span {
    width: 3px; height: 8px;
    border-radius: 2px;
    background: #6FDCF4;
    animation: furom-scrollCue 1.9s ease-in-out infinite;
}
@keyframes furom-scrollCue{
    0%, 100% { transform: translateY(0);    opacity: 1; }
    50%      { transform: translateY(14px); opacity: .25; }
}

@media (prefers-reduced-motion: reduce){
    #furom .hero-kicker-dot::after, #furom .hero-scrollcue span { animation: none; }
    #furom .hero-letter { opacity: 1; filter: none; transform: none; transition: none; }
    #furom .hero-video { display: none; }
}

/* ════════════════ STICKY CTA BAR ════════════════ */
#furom .stickybar {
    position: fixed;
    inset-inline: 0;
    bottom: 0;
    z-index: 60;
    background: rgba(255,255,255,.92);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    border-top: 1px solid var(--line);
    box-shadow: 0 -6px 24px rgba(10,26,51,.07);
    transform: translateY(105%);
    transition: transform .4s cubic-bezier(.22,1,.36,1);
}
#furom .stickybar.is-on { transform: none; }
#furom .stickybar-inner {
    max-width: var(--maxw);
    margin: 0 auto;
    padding: 12px 32px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
}
#furom .stickybar-text { display: flex; flex-direction: column; line-height: 1.45; min-width: 0; }
#furom .stickybar-text strong {
    font-family: 'Heebo', sans-serif;
    font-size: .98rem;
    color: var(--ink);
}
#furom .stickybar-text span { font-size: .84rem; color: var(--blue); font-weight: 600; }

/* ════════════════ SECTION SHELL ════════════════ */
#furom .section { position: relative; padding: 108px 0; }
#furom .section--about { background: var(--bg); }
#furom .section--phases {
    background:
        radial-gradient(ellipse 55% 60% at 88% 6%,  rgba(41,198,232,.13) 0%, transparent 62%),
        radial-gradient(ellipse 50% 55% at 6% 94%,  rgba(26,107,255,.12) 0%, transparent 62%),
        var(--soft);
    border-block: 1px solid var(--line);
}
#furom .section--benefits {
    background:
        radial-gradient(ellipse 45% 50% at 4% 8%, rgba(26,107,255,.08) 0%, transparent 60%),
        var(--bg);
}
#furom .section--timeline { background: var(--soft); border-block: 1px solid var(--line); }

#furom .sec-head { margin-bottom: 54px; }
#furom .sec-head--center { text-align: center; }
#furom .sec-label {
    display: block;
    font-family: 'Heebo', sans-serif;
    font-size: clamp(1.1rem, 2.1vw, 1.5rem);
    font-weight: 800;
    letter-spacing: .01em;
    color: var(--blue);
    margin-bottom: 10px;
}
#furom .sec-title {
    font-size: clamp(1.35rem, 2.5vw, 1.85rem);
    font-weight: 300;
    letter-spacing: -.01em;
    color: var(--ink);
}
#furom .sec-title span { font-weight: 800; }

#furom .lede { font-size: 1.06rem; line-height: 2.05; color: var(--body); }

/* ════════════════ ABOUT ════════════════ */
#furom .about-body {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
    margin-bottom: 64px;
}
#furom .about-body--framed {
    gap: 40px;
    padding: 40px 42px;
    background: #fff;
    border: 1px solid var(--line);
    border-radius: var(--radius);
    box-shadow: var(--sh-sm);
}
#furom .about-body--framed .lede { font-size: 1.14rem; line-height: 2.05; }

/* Numbers */
#furom .stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
#furom .stat {
    position: relative;
    text-align: center;
    padding: 34px 26px;
    background: #fff;
    border: 1px solid var(--line);
    border-radius: var(--radius);
    box-shadow: var(--sh-sm);
    overflow: hidden;
    transition: border-color .35s ease, transform .35s ease, box-shadow .35s ease;
}
#furom .stat::before {
    content: '';
    position: absolute;
    inset-block-start: 0;
    inset-inline: 0;
    height: 3px;
    background: var(--grad);
    opacity: .55;
    transition: opacity .35s ease;
}
#furom .stat:hover::before { opacity: 1; }
#furom .stat--accent::before { opacity: 1; }
#furom .stat:hover {
    border-color: rgba(26,107,255,.3);
    transform: translateY(-4px);
    box-shadow: var(--sh-md);
}
#furom .stat--accent { background: linear-gradient(160deg, var(--tint) 0%, #fff 62%); }
#furom .stat-value {
    display: block;
    font-family: 'Heebo', sans-serif;
    font-size: clamp(1.35rem, 2.5vw, 1.85rem);
    font-weight: 800;
    color: var(--ink);
    letter-spacing: -.02em;
    font-variant-numeric: tabular-nums;
    margin-bottom: 10px;
}
#furom .stat--accent .stat-value {
    background: var(--grad);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}
#furom .stat-label { font-size: 1.02rem; color: var(--body); line-height: 1.6; }

/* ════════════════ PHASES ════════════════ */
#furom .phases { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
#furom .phase {
    position: relative;
    padding: 34px 30px 28px;
    background: #fff;
    border: 1px solid var(--line);
    border-radius: var(--radius);
    box-shadow: var(--sh-sm);
    display: flex;
    flex-direction: column;
    transition: border-color .35s ease, transform .35s ease, box-shadow .35s ease;
}
#furom .phase:hover {
    border-color: rgba(26,107,255,.3);
    transform: translateY(-5px);
    box-shadow: var(--sh-md);
}
#furom .phase-num {
    font-family: 'Heebo', sans-serif;
    font-size: 2.6rem;
    font-weight: 800;
    line-height: 1;
    background: var(--grad);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
    margin-bottom: 14px;
    font-variant-numeric: tabular-nums;
    transition: color .35s ease;
}
#furom .phase:hover .phase-num { filter: saturate(1.3); }
#furom .phase-title { font-size: 1.32rem; font-weight: 700; color: var(--ink); margin-bottom: 12px; }
#furom .phase-text { font-size: 1rem; line-height: 1.9; color: var(--body); flex: 1; margin-bottom: 22px; }
#furom .phase-when {
    font-family: 'Heebo', sans-serif;
    font-size: .82rem;
    font-weight: 700;
    letter-spacing: .04em;
    color: var(--blue);
    padding-top: 16px;
    border-top: 1px solid var(--line);
}

/* ════════════════ BENEFITS ════════════════ */
#furom .benefits {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 22px;
    margin-bottom: 34px;
}
#furom .benefit {
    padding: 32px 30px;
    background: #fff;
    border: 1px solid var(--line);
    border-radius: var(--radius);
    box-shadow: var(--sh-sm);
    transition: border-color .35s ease, transform .35s ease, box-shadow .35s ease;
}
#furom .benefit:hover {
    border-color: rgba(26,107,255,.3);
    transform: translateY(-4px);
    box-shadow: var(--sh-md);
}
#furom .benefit-icon {
    width: 52px; height: 52px;
    display: grid;
    place-items: center;
    border-radius: 14px;
    background: var(--grad);
    border: none;
    color: #fff;
    margin-bottom: 20px;
    box-shadow: 0 6px 18px rgba(26,107,255,.28);
    transition: transform .35s ease, box-shadow .35s ease;
}
#furom .benefit:hover .benefit-icon { transform: translateY(-2px) scale(1.04); box-shadow: 0 10px 26px rgba(26,107,255,.36); }
#furom .benefit-icon svg { width: 25px; height: 25px; }
#furom .benefit-title { font-size: 1.2rem; font-weight: 700; color: var(--ink); margin-bottom: 10px; }
#furom .benefit-text { font-size: 1rem; line-height: 1.9; color: var(--body); }

/* The ask */
#furom .ask {
    display: grid;
    grid-template-columns: minmax(200px, .8fr) 1.6fr;
    gap: 32px;
    align-items: center;
    padding: 38px 36px;
    border: 1px solid rgba(26,107,255,.2);
    border-radius: var(--radius);
    background:
        radial-gradient(ellipse 70% 150% at 100% 50%, rgba(41,198,232,.12), transparent 68%),
        var(--tint);
}
#furom .ask-label {
    display: block;
    font-family: 'Heebo', sans-serif;
    font-size: clamp(1.1rem, 2.1vw, 1.45rem);
    font-weight: 800;
    letter-spacing: .01em;
    color: var(--blue-700);
    margin-bottom: 6px;
}
#furom .ask-title { font-size: clamp(1.15rem, 2vw, 1.5rem); font-weight: 700; color: var(--ink); }
#furom .ask-text { font-size: 1.06rem; line-height: 1.95; color: var(--body); }

/* ════════════════ PARTNERS ════════════════ */
#furom .section--who { background: var(--soft); border-block: 1px solid var(--line); }
#furom .orgs { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
#furom .org {
    padding: 30px 28px;
    background: #fff;
    border: 1px solid var(--line);
    border-radius: var(--radius);
    box-shadow: var(--sh-sm);
    transition: border-color .35s ease, transform .35s ease, box-shadow .35s ease;
}
#furom .org:hover {
    border-color: rgba(26,107,255,.28);
    transform: translateY(-4px);
    box-shadow: var(--sh-md);
}
#furom .org-logo {
    height: 72px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 18px;
}
#furom .org-logo img { max-height: 100%; width: auto; object-fit: contain; }
#furom .ol-prisma      img { max-height: 40px; }
#furom .ol-darom       img { max-height: 50px; }
#furom .ol-hitaahadut  img { max-height: 66px; }
#furom .ol-hitaahadut  img + img { max-height: 58px; }
#furom .org-name {
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--ink);
    margin-bottom: 10px;
    line-height: 1.5;
}
#furom .org-text { font-size: .98rem; line-height: 1.85; color: var(--body); }

/* ════════════════ TIMELINE ════════════════ */
#furom .section--timeline .wrap { max-width: 940px; }
#furom .tl { position: relative; padding-inline-start: 34px; }
#furom .tl::before {
    content: '';
    position: absolute;
    inset-block: 10px;
    inset-inline-start: 5px;
    width: 2px;
    background: linear-gradient(to bottom, var(--blue) 0%, var(--cyan) 60%, rgba(41,198,232,.12) 100%);
}
#furom .tl-item {
    position: relative;
    display: grid;
    grid-template-columns: 170px 1fr;
    gap: 26px;
    align-items: start;
    padding: 26px 0;
    border-bottom: 1px solid var(--line);
}
#furom .tl-item:last-child { border-bottom: none; }
#furom .tl-dot {
    position: absolute;
    inset-inline-start: -34px;
    top: 33px;
    width: 14px; height: 14px;
    border-radius: 50%;
    background: #fff;
    border: 2px solid var(--blue);
    box-shadow: 0 0 0 4px rgba(26,107,255,.12);
    transform: translateX(50%);
}
#furom .tl-dot--peak {
    width: 18px; height: 18px;
    background: var(--grad);
    border-color: #fff;
    box-shadow: 0 0 0 5px rgba(26,107,255,.16);
    top: 31px;
}
#furom .tl-when {
    font-family: 'Heebo', sans-serif;
    font-size: 1rem;
    font-weight: 700;
    color: var(--blue);
    padding-top: 2px;
}
#furom .tl-title { font-size: 1.15rem; font-weight: 700; color: var(--ink); margin-bottom: 4px; }
#furom .tl-text { font-size: 1rem; color: var(--muted); line-height: 1.75; }
#furom .tl-item--peak .tl-title { color: var(--blue-700); }

/* ════════════════ FINAL CTA — blue band ════════════════ */
#furom .section--cta {
    position: relative;
    text-align: center;
    overflow: hidden;
    padding: 108px 0 100px;
    background: var(--grad-deep);
    color: rgba(255,255,255,.86);
}
#furom .cta-glow {
    position: absolute;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    width: 1000px; height: 1000px;
    max-width: 150vw;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(255,255,255,.14) 0%, transparent 62%);
    pointer-events: none;
}
#furom .section--cta .wrap { position: relative; z-index: 2; }
#furom .section--cta .sec-label { color: #A8D8FF; }
#furom .section--cta .sec-title { color: #fff; }
#furom .cta-lede {
    font-size: 1.1rem;
    line-height: 1.95;
    color: rgba(255,255,255,.88);
    max-width: 620px;
    margin: 0 auto 34px;
}
#furom .cta-lede strong { color: #fff; }
#furom .cta-note { font-size: .9rem; color: rgba(255,255,255,.66); margin-top: 18px; }

/* Contacts (inside the blue band) */
#furom .contacts {
    margin-top: 60px;
    padding-top: 38px;
    border-top: 1px solid rgba(255,255,255,.18);
}
#furom .contacts-label {
    display: block;
    font-family: 'Heebo', sans-serif;
    font-size: .76rem;
    font-weight: 700;
    letter-spacing: .16em;
    color: rgba(255,255,255,.6);
    margin-bottom: 24px;
}
#furom .contacts-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 18px;
    max-width: 620px;
    margin: 0 auto;
}
#furom .contact {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    padding: 20px 22px;
    background: rgba(255,255,255,.10);
    border: 1px solid rgba(255,255,255,.18);
    border-radius: var(--radius);
    text-align: start;
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
}
#furom .contact-photo {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    object-fit: cover;
    flex-shrink: 0;
    border: 2px solid rgba(255,255,255,.32);
    box-shadow: 0 5px 16px rgba(4,22,58,.3);
}
#furom .contact-body {
    display: flex;
    flex-direction: column;
    gap: 3px;
    min-width: 0;
}
#furom .contact-name { font-family: 'Heebo', sans-serif; font-size: 1.06rem; font-weight: 700; color: #fff; }
#furom .contact-role { font-size: .88rem; color: rgba(255,255,255,.62); margin-bottom: 8px; }
#furom .contact-link {
    font-size: .95rem;
    color: #B6E2FF;
    transition: color .25s ease;
    width: fit-content;
}
#furom .contact-link:hover { color: #fff; text-decoration: underline; }

/* ════════════════ FOOTER ════════════════ */
#furom .foot { background: var(--soft); border-top: 1px solid var(--line); padding: 54px 0 0; }
#furom .foot-partners { text-align: center; padding-bottom: 44px; border-bottom: 1px solid var(--line); }
#furom .foot-partners-label {
    display: block;
    font-family: 'Heebo', sans-serif;
    font-size: .74rem;
    font-weight: 700;
    letter-spacing: .16em;
    color: var(--muted);
    margin-bottom: 22px;
}
#furom .foot-partners-list {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px 12px;
}
#furom .foot-partners-list li {
    font-family: 'Heebo', sans-serif;
    font-size: .86rem;
    font-weight: 500;
    color: var(--body);
    padding: 8px 16px;
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 9px;
}

#furom .foot-main {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
    flex-wrap: wrap;
    padding: 36px 0;
}
#furom .foot-brand { display: flex; align-items: center; gap: 18px; flex-wrap: wrap; }
#furom .foot-logo { height: 40px; width: auto; }
#furom .foot-tag { font-family: 'Heebo', sans-serif; font-size: 1rem; font-weight: 600; color: var(--ink); }
#furom .foot-links { display: flex; align-items: center; gap: 22px; flex-wrap: wrap; }
#furom .foot-links a { font-size: .92rem; color: var(--muted); transition: color .25s ease; }
#furom .foot-links a:hover { color: var(--blue); }

#furom .foot-bottom {
    border-top: 1px solid var(--line);
    padding: 20px 0 24px;
    text-align: center;
    font-size: .82rem;
    color: #9AA7BB;
}

/* ════════════════ RESPONSIVE ════════════════ */
@media (max-width: 1024px){
    #furom .section { padding: 88px 0; }
    #furom .about-body { grid-template-columns: 1fr; gap: 24px; }
    #furom .phases { grid-template-columns: 1fr; }
    #furom .stats { grid-template-columns: 1fr; }
    #furom .ask { grid-template-columns: 1fr; gap: 18px; }
}

@media (max-width: 860px){
    #furom .benefits, #furom .contacts-grid { grid-template-columns: 1fr; }
    #furom .orgs { grid-template-columns: 1fr; }
}

@media (max-width: 768px){
    #furom .wrap { padding: 0 20px; }

    /* Logo band */
    #furom .logoband-inner { padding: 10px; }
    /* All four stay on one row. Heights are set per logo rather than
       shared, because the aspect ratios run 5.3:1 down to 1.4:1 — one
       common height would make Prisma eat the row. These add up to
       ~335px of logo + 18px of gaps, inside a 370px content box. */
    #furom .logoband-logos {
        display: flex;
        flex-wrap: nowrap;
        justify-content: center;
        align-items: center;
        gap: 6px;
        width: 100%;
    }
    #furom .logoband-logo { height: auto; flex: 0 0 auto; }
    /* Fluid caps: fixed px overflowed the row at 320px, so each logo also
       tracks the viewport and the four always fit without a breakpoint. */
    #furom .lb-prisma      img { max-height: min(22px, 5.6vw); }
    #furom .lb-darom       img { max-height: min(27px, 6.9vw); }
    #furom .lb-hitech      img { max-height: min(39px, 10vw); }
    #furom .lb-hitaahadut  img { max-height: min(42px, 10.8vw); }
    #furom .logoband-logo { height: 38px; }
    #furom .logoband-sep { display: none; }

    /* Hero — fills the viewport under the (shorter) logo band */
    #furom { --band-h: 63px; }
    #furom .hero {
        height: auto;
        min-height: calc(100vh - var(--band-h));
        min-height: calc(100svh - var(--band-h));
        max-height: none;
    }
    #furom .hero-shell { padding: 32px 20px 60px; }
    #furom .hero-content { max-width: none; }
    #furom .hero-grid { background-size: 54px 54px; }
    #furom .hero-kicker { font-size: .72rem; letter-spacing: .1em; margin-bottom: 20px; }
    #furom .hero-h1 { font-size: min(3.7rem, 15.5vw); line-height: 1.1; margin-bottom: 22px; }
    #furom .hero-sub { margin-bottom: 28px; }
    #furom .hero-actions { flex-direction: column; align-items: stretch; gap: 18px; }
    #furom .hero-actions .btn { width: 100%; }
    #furom .hero-textlink { align-self: center; }
    #furom .hero-scrollcue { display: none; }
    /* The loop is 1.7MB, so mobile plays it too. A portrait viewport crops a
       16:9 clip hard, so bias the crop toward the centre of frame. */
    #furom .hero-video { object-position: 50% 45%; }

    /* Sections */
    #furom .section { padding: 70px 0; }
    #furom .sec-head { margin-bottom: 36px; }
    #furom .phase, #furom .benefit, #furom .stat, #furom .org { padding: 26px 22px; }
    #furom .about-body--framed { padding: 26px 22px; }
    #furom .about-body--framed .lede { font-size: 1.04rem; line-height: 1.95; }
    #furom .org-logo { height: 58px; }
    #furom .ol-prisma img { max-height: 32px; }
    #furom .ol-darom  img { max-height: 40px; }
    #furom .ol-hitaahadut img { max-height: 54px; }
    #furom .ol-hitaahadut img + img { max-height: 46px; }
    #furom .ask { padding: 28px 22px; }

    /* Timeline */
    #furom .tl { padding-inline-start: 26px; }
    #furom .tl-item { grid-template-columns: 1fr; gap: 6px; padding: 22px 0; }
    #furom .tl-dot { inset-inline-start: -26px; top: 28px; }
    #furom .tl-when { font-size: .92rem; }

    /* CTA */
    #furom .section--cta { padding: 76px 0 72px; }
    #furom .btn-lg { width: 100%; padding: 17px 28px; font-size: 1.04rem; }
    #furom .contacts { margin-top: 44px; }

    /* Sticky bar */
    #furom .stickybar-inner { padding: 10px 16px; gap: 12px; }
    #furom .stickybar-text strong { font-size: .86rem; }
    #furom .stickybar-text span { font-size: .76rem; }
    #furom .btn-sm { padding: 10px 18px; font-size: .86rem; }

    /* Footer */
    #furom .foot-main { flex-direction: column; align-items: flex-start; }
    #furom .foot-partners-list li { font-size: .8rem; padding: 7px 12px; }
}

@media (max-width: 420px){
    #furom .stickybar-text span { display: none; }
}