/* Velonix Briefings */
.bf-sec{padding:84px 0}.bf-sec.w{background:#fff}.bf-sec.b{background:var(--stone-2)}
.bf-nar{max-width:980px;margin:0 auto}
.bf-sec h2{font-size:clamp(32px,3.6vw,46px)}
.bf-sec .lead{margin-top:16px}
.bf-date{margin-top:18px;font-size:14.5px;color:var(--muted)}
.bf-sec .label{margin-bottom:10px}
.bf-card{background:#fff;border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow)}
/* landing */
.bf-ser{display:flex;flex-wrap:wrap;overflow:hidden;transition:box-shadow .35s var(--ease),transform .35s var(--ease)}
.bf-ser:hover{transform:translateY(-4px);box-shadow:0 0 0 12px var(--tint-2),0 22px 48px rgba(27,42,36,.12)}
.bf-ser .bf-l{flex:1 1 420px;padding:48px}.bf-ser .bf-l h2{margin-top:14px;font-size:clamp(32px,3.4vw,44px)}
.bf-ser .bf-l p{margin-top:18px}.bf-ser .bf-r{flex:1 1 380px;padding:48px;background:var(--tint)}
.bf-ser .bf-k{font:600 12px var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.bf-ser .bf-bigno{font:500 84px/1 var(--serif);color:var(--forest);margin-top:10px}
.bf-track{display:flex;height:44px;margin-top:26px;border-radius:10px;overflow:hidden}
.bf-track .seg{display:flex;align-items:center;padding:0 12px;font:600 13px var(--sans)}
.bf-track .a{flex:3;background:#fff;color:var(--muted)}.bf-track .b{flex:2;background:var(--forest);color:#fff;transform-origin:left}
.in-view .bf-track .b{animation:bfgrow .9s ease-out both}
.bf-axis{display:flex;justify-content:space-between;font-size:12.5px;color:var(--muted);margin-top:8px}
@keyframes bfgrow{from{transform:scaleX(.55)}to{transform:none}}
@keyframes bfrise{from{transform:scaleY(.5)}to{transform:none}}
/* timeline */
.bf-tl{display:flex;align-items:stretch;margin-top:36px;flex-wrap:wrap}
.bf-tp{flex:1 1 300px;background:var(--stone);border-radius:14px;padding:26px 28px}.bf-tp.on{background:var(--tint)}
.bf-tp .d{font:600 12.5px var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--forest)}
.bf-tp b{display:block;font:500 28px var(--serif);margin-top:8px}.bf-tp p{margin-top:8px;color:var(--muted);line-height:1.55;font-size:15.5px}
.bf-gap{flex:0 0 90px;display:flex;align-items:center;justify-content:center;position:relative}
.bf-gap:before{content:"";position:absolute;left:0;right:0;top:50%;height:2px;background:var(--forest);transform-origin:left}
.in-view .bf-gap:before{animation:bfgrow .9s ease-out both}
.bf-gap span{position:relative;background:#fff;padding:4px 10px;border-radius:999px;font:600 12.5px var(--sans);color:var(--forest);border:1.5px solid var(--forest)}
@media(max-width:700px){.bf-gap{flex:0 0 56px}.bf-gap:before{left:50%;right:auto;top:0;bottom:0;width:2px;height:auto}}
.bf-note{margin-top:24px;padding:20px 24px;background:var(--tint);border-radius:12px;line-height:1.6;color:var(--ink)}
/* $3M card */
.bf-line{padding:36px;margin-top:32px}
.bf-bar{display:flex;height:56px;border-radius:12px;overflow:hidden}
.bf-bar .a{flex:3;background:var(--stone-2);display:flex;align-items:center;padding:0 16px;font-weight:600;color:var(--muted)}
.bf-bar .b{flex:2;background:var(--forest);color:#fff;display:flex;align-items:center;padding:0 16px;font-weight:600;transform-origin:left}
.in-view .bf-bar .b{animation:bfgrow .9s ease-out both}
.bf-two{display:flex;gap:40px;flex-wrap:wrap;margin-top:30px}.bf-two>div{flex:1 1 240px}
.bf-two p{margin-top:8px;line-height:1.75;color:var(--ink)}
.bf-small{margin-top:20px;font-size:14px;color:var(--muted);line-height:1.55}
/* four changes */
.bf-g4{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:20px;margin-top:32px}
.bf-big{padding:26px}.bf-big .bn{font:500 38px/1.1 var(--serif);color:var(--forest);margin:10px 0}.bf-big p{font-size:14.5px;line-height:1.55;color:var(--muted)}
/* roles */
.bf-roles{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;margin-top:32px}
.bf-role{border:1.5px solid var(--line);border-radius:14px;padding:24px;background:var(--stone)}.bf-role.l{background:var(--tint);border-color:var(--tint-2)}
.bf-role b{font:500 24px var(--serif)}.bf-role p{margin-top:8px;color:var(--muted);line-height:1.5}
/* flow */
.bf-flow{display:flex;gap:12px;align-items:stretch;flex-wrap:wrap;margin-top:32px}.bf-flow i{align-self:center;font-style:normal;color:var(--forest);font-size:22px}
.bf-st{flex:1 1 190px;background:#fff;border-radius:14px;padding:22px;box-shadow:var(--shadow)}.bf-st.on{background:var(--forest);color:#fff}.bf-st.on p{color:#d7e6dd}
.bf-st span,.bf-q span,.bf-chk span{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--tint);color:var(--forest);font-weight:700;font-size:14px}.bf-st.on span{background:#fff}
.bf-st b{display:block;font:500 22px var(--serif);margin-top:12px}.bf-st p{margin-top:8px;font-size:14.5px;line-height:1.5;color:var(--muted)}
.bf-sub3{font:500 clamp(24px,2.6vw,30px)/1.2 var(--serif);margin-top:56px}
.bf-qs{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(380px,100%),1fr));gap:16px;margin-top:24px}
.bf-q{background:#fff;border-radius:14px;padding:22px 24px;display:flex;gap:14px;align-items:flex-start;line-height:1.5;box-shadow:var(--shadow)}
.bf-q span,.bf-chk span{flex:0 0 auto;background:var(--forest);color:#fff;width:28px;height:28px;font-size:13px}
/* waterfall */
.bf-wfc{padding:32px;margin-top:32px}
.bf-wfs{overflow-x:auto}
.bf-wf{position:relative;display:flex;gap:10px;align-items:flex-end;height:360px;margin-top:20px;padding-top:30px;min-width:560px}
.bf-wf .col{position:relative;flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end}
.bf-wf .bar{position:absolute;left:12%;right:12%;background:#8fb3a2;border-radius:4px 4px 0 0;margin-bottom:34px;transform-origin:bottom}
.in-view .bf-wf .bar{animation:bfrise .8s ease-out both;animation-delay:calc(var(--i,0)*.08s)}
.bf-wf .bar.t{background:var(--forest)}.bf-wf .bar.r{background:var(--red)}.bf-wf .bar.d{background:var(--forest-d)}
.bf-wf em{position:absolute;top:0;left:0;right:0;text-align:center;font:600 14px var(--sans);font-style:normal}
.bf-wf em.r{color:var(--red)}
.bf-wf .lb{position:relative;text-align:center;font-size:12.5px;color:var(--muted);line-height:1.25;min-height:30px}
.bf-stats{display:flex;gap:32px;flex-wrap:wrap;margin-top:12px}
.bf-stats b{display:block;font:500 40px var(--serif)}.bf-stats .r{color:var(--red)}.bf-stats .g{color:var(--forest)}
.bf-stats div div{font-size:14px;color:var(--muted)}
.bf-lists{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-top:32px}
.bf-lists .bf-card{padding:28px;border-top:4px solid var(--forest)}.bf-lists .bf-card.r{border-top-color:var(--red)}
.bf-lists ul{margin:14px 0 0;padding-left:20px;line-height:1.8;list-style:disc}
.bf-quote{font:500 24px/1.3 var(--serif);margin-top:28px;color:var(--forest)}
.bf-chks{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;margin-top:28px}
.bf-chk{background:#fff;border-radius:14px;padding:20px;display:flex;flex-direction:column;gap:8px;font-size:14.5px;line-height:1.45;color:var(--muted);box-shadow:var(--shadow)}.bf-chk b{color:var(--ink);font:500 20px var(--serif)}
.bf-g3{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;margin-top:24px}
.bf-g3 .bf-card{padding:28px}.bf-g3 p{margin-top:10px;line-height:1.6}
.bf-sec p a,.bf-note a,.bf-small a{color:var(--forest);text-decoration:underline;text-decoration-color:rgba(30,91,69,.35);text-underline-offset:3px}
.bf-end{padding:0 0 72px}
.bf-nl{background:var(--stone-2);padding:72px 0;text-align:center}.bf-nl h2{margin-top:12px}.bf-nl .lead{margin:14px auto 0;max-width:640px}.bf-nl .btns{margin-top:28px;display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
