PageSourceSearch

https://www.webit.org/2027/index.php

html webit.org collected 2026-10-02 16:25:17 UTC 106,556 bytes, 2,320 lines download raw bytes

1<!doctype html>
2<html lang="en">
3<head>
4<!-- Required meta tags -->
5<meta charset="utf-8">
6<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0, viewport-fit=cover">
7<meta http-equiv="X-UA-Compatible" content="IE=edge">
8
9<!-- Primary Meta Tags -->
10<title>Webit — Where Business Meets the Future | Global Tech &amp;amp; AI Events</title>
11<meta name="description" content="Webit events in 19 years have attracted 250 000+ attendees from 150+ countries.">
12<meta name="author" content="Webit Foundation">
13<meta name="theme-color" content="#0f0f1a">
14<meta name="keywords" content="AI conference, business technology, digital transformation, Sofia, Webit 2027, AI adoption, enterprise AI">
15
16<!-- Open Graph / Facebook -->
17<meta property="og:type" content="website">
18<meta property="og:url" content="https://www.webit.org/2027/sofia/">
19<meta property="og:title" content="Webit — Where Business Meets the Future | Global Tech &amp;amp; AI Events">
20<meta property="og:description" content="Webit events in 19 years have attracted 250 000+ attendees from 150+ countries.">
21<meta property="og:image" content="https://www.webit.org/2027/sofia/img/fb.jpg?v1">
22<meta property="og:image:width" content="1200">
23<meta property="og:image:height" content="630">
24<meta property="og:site_name" content="Webit 2027">
25<meta property="og:locale" content="en_US">
26<meta property="fb:app_id" content="410108535670870">
27
28<!-- Twitter -->
29<meta name="twitter:card" content="summary_large_image">
30<meta name="twitter:site" content="@webit">
31<meta name="twitter:creator" content="@webit">
32<meta name="twitter:title" content="Webit — Where Business Meets the Future | Global Tech &amp;amp; AI Events">
33<meta name="twitter:description" content="Webit events in 19 years have attracted 250 000+ attendees from 150+ countries.">
34<meta name="twitter:image" content="https://www.webit.org/2027/sofia/img/fb.jpg?v1">
35
36<!-- Favicon -->
37<link rel="icon" type="image/x-icon" href="favicon.ico">
38<link rel="apple-touch-icon" sizes="180x180" href="img/apple-touch-icon.png">
39
40<!-- Canonical -->
41<link rel="canonical" href="https://www.webit.org/2027/sofia/">
42
43<!-- Preconnect for performance -->
44<link rel="preconnect" href="https://fonts.googleapis.com">
45<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
46<link rel="preconnect" href="https://cdn.jsdelivr.net">
47
48<!-- Google Fonts - Sora (нов шрифт) -->
49<link href="https://fonts.googleapis.com/css2?family=Sora:wght@400;500;600;700;800&display=swap" rel="stylesheet">
50
51<!-- CSS Libraries -->
52<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet">
53<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css">
54<link rel="stylesheet" href="https://cdn.plyr.io/3.7.8/plyr.css">
55
56<!-- Phosphor Icons -->
57<script src="https://unpkg.com/@phosphor-icons/web"></script>
57
58
59<!-- Custom Styles -->
60<link rel="stylesheet" href="https://www.webit.org/2027/sofia/css/styles.css?v=12.0.1">
61
62<!-- Google Tag Manager -->
63<script>
vendor: 327 bytes, lines 63-67
63(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
64new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
65j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
66'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
67})(window,document,'script','dataLayer','
67GTM-KB33MS
vendor: 3 bytes, line 67
67');
67</script>
67
68<!-- End Google Tag Manager -->
69
70<!-- Facebook Pixel Code -->
71<script>
vendor: 398 bytes, lines 71-80
71
72!function(f,b,e,v,n,t,s)
73{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
74n.callMethod.apply(n,arguments):n.queue.push(arguments)};
75if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
76n.queue=[];t=b.createElement(e);t.async=!0;
77t.src=v;s=b.getElementsByTagName(e)[0];
78s.parentNode.insertBefore(t,s)}(window,document,'script',
79'https://connect.facebook.net/en_US/fbevents.js');
80fbq('init', '
801295678953807428
vendor: 32 bytes, lines 80-81
80'); 
81fbq('track', 'PageView'); 
82</script>
82
83<noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=1295678953807428&ev=PageView&noscript=1"/></noscript>
84<!-- End Facebook Pixel Code -->
85
86<!-- LinkedIn Insight Tag -->
87<script type="text/javascript">
88_linkedin_partner_id = "8357033";
89window._linkedin_data_partner_ids = window._linkedin_data_partner_ids || [];
90window._linkedin_data_partner_ids.push(_linkedin_partner_id);
91</script>
vendor: 1 bytes, line 91
91
92<script type="text/javascript">
93(function(l) {
94if (!l){window.lintrk = function(a,b){window.lintrk.q.push([a,b])};
95window.lintrk.q=[]}
96var s = document.getElementsByTagName("script")[0];
97var b = document.createElement("script");
98b.type = "text/javascript";b.async = true;
99b.src = "https://snap.licdn.com/li.lms-analytics/insight.min.js";
100s.parentNode.insertBefore(b, s);})(window.lintrk);
101</script>
101
102<noscript><img height="1" width="1" style="display:none;" alt="" src="https://px.ads.linkedin.com/collect/?pid=8357033&fmt=gif" /></noscript>
103
104<style>
105/* ============================================
106   HERO — video background, min 70vh
107   ============================================ */
108.hero-brand {
109    min-height: 70vh;
110    display: -webkit-box;
111    display: -ms-flexbox;
112    display: flex;
113    -webkit-box-align: center;
114    -ms-flex-align: center;
115    align-items: center;
116    position: relative;
117    overflow: hidden;
118    padding: 6rem 1rem 4rem;
119}
120
121/* .hero-video-bg {
122    position: absolute;
123    top: 0; left: 0; right: 0; bottom: 0;
124    z-index: 0;
125    overflow: hidden;
126    background: #000;
127}
128.hero-video-bg iframe {
129    position: absolute;
130    top: 50%; left: 50%;
131    width: 177.78vh;
132    height: 100%;
133    min-width: 100%;
134    min-height: 56.25vw;
135    -webkit-transform: translate(-50%, -50%);
136    transform: translate(-50%, -50%);
137    pointer-events: none;
138    border: none;
139} */
140
141/* СНИМКА ФОН — заменя видеото */
142/* SLIDESHOW ФОН */
143.hero-slideshow-bg {
144    position: absolute;
145    top: 0; left: 0; right: 0; bottom: 0;
146    z-index: 0;
147    overflow: hidden;
148    background: #0f0f1a;
149}
150.hero-slide-bg {
151    position: absolute;
152    top: 0; left: 0; right: 0; bottom: 0;
153    background-size: cover;
154    background-position: center 30%;
155    background-repeat: no-repeat;
156    opacity: 0;
157    -webkit-transform: scale(1);
158    transform: scale(1);
159    -webkit-transition: opacity 1.5s ease-in-out;
160    transition: opacity 1.5s ease-in-out;
161    will-change: transform, opacity;
162}
163.hero-slide-bg.active {
164    opacity: 1;
165    z-index: 1;
166}
167.hero-slide-bg.exiting {
168    opacity: 0;
169    z-index: 2;
170}
171.hero-slide-bg.zooming {
172    -webkit-animation: heroBgZoom 8s ease-out forwards;
173    animation: heroBgZoom 8s ease-out forwards;
174}
175@-webkit-keyframes heroBgZoom {
176    0%   { -webkit-transform: scale(1);   transform: scale(1); }
177    100% { -webkit-transform: scale(1.08); transform: scale(1.08); }
178}
179@keyframes heroBgZoom {
180    0%   { transform: scale(1); }
181    100% { transform: scale(1.08); }
182}
183
184.hero-video-overlay {
185    position: absolute;
186    top: 0; left: 0; right: 0; bottom: 0;
187    z-index: 1;
188   /* background: linear-gradient(180deg,
189        rgba(15,15,26,0.58) 0%,
190        rgba(15,15,26,0.38) 40%,
191        rgba(15,15,26,0.52) 70%,
192        rgba(15,15,26,0.75) 100%
193    );*/
194	background: linear-gradient(180deg,
195		rgba(15,15,26,0.65) 0%,
196		rgba(15,15,26,0.50) 40%,
197		rgba(15,15,26,0.62) 70%,
198		rgba(15,15,26,0.85) 100%
199	);
200}
201.hero-brand-content {
202    position: relative;
203    z-index: 2;
204    width: 100%;
205	
206}
207
208@media (max-width:  567px) {
209	.hero-brand {
210		min-height: 100vh;
211	}
212	
213	.hero-video-overlay {
214		background: linear-gradient(180deg,
215			rgba(15,15,26,0.75) 0%,
216			rgba(15,15,26,0.60) 40%,
217			rgba(15,15,26,0.72) 70%,
218			rgba(15,15,26,0.95) 100%
219		);
220	}
221}
222
223/* Eyebrow with animated gradient text */
224.hero-brand-eyebrow {
225    display: -webkit-inline-box;
226    display: -ms-inline-flexbox;
227    display: inline-flex;
228    -webkit-box-align: center;
229    -ms-flex-align: center;
230    align-items: center;
231    gap: 0.75rem;
232    margin-bottom: 1.75rem;
233}
234.hero-brand-eyebrow .dot {
235    width: 8px; height: 8px;
236    background: #22c55e;
237    border-radius: 50%;
238    -webkit-animation: pulse 2s infinite;
239    animation: pulse 2s infinite;
240    -ms-flex-negative: 0;
241    flex-shrink: 0;
242}
243.hero-brand-eyebrow-text {
244    font-size: clamp(1rem, 3vw, 1.35rem);
245    font-weight: 700;
246    text-transform: uppercase;
247    letter-spacing: 0.1em;
248    background: linear-gradient(90deg, #a78bfa, #f472b6, #fb923c, #a78bfa);
249    background-size: 300% 100%;
250    -webkit-background-clip: text;
251    -webkit-text-fill-color: transparent;
252    background-clip: text;
253    -webkit-animation: gradientShift 4s ease infinite;
254    animation: gradientShift 4s ease infinite;
255}
256
257@-webkit-keyframes pulse { 0%,100%{opacity:1;} 50%{opacity:0.3;} }
258@keyframes pulse { 0%,100%{opacity:1;} 50%{opacity:0.3;} }
259
260/* Main headline — white, same scale as index.php hero-title */
261.hero-brand-title {
262    font-size: clamp(1.15rem, 2.5vw, 2rem);
263    font-weight: 700;
264    line-height: 1.35;
265    color: #ffffff;
266    margin-top: 0px;
267    margin-bottom: 0;
268}
269
270/* Tagline */
271.hero-brand-tagline {
272    font-size: clamp(1rem, 2.5vw, 1.15rem);
273    font-weight: 400;
274    color: rgba(255,255,255,0.8);
275    line-height: 1.7;
276    max-width: 640px;
277    margin-bottom: 0px;
278}
279
280/* Next Event card — white bg, dark text */
281.hero-upcoming-card {
282    background: #ffffff;
283    border: 1px solid rgba(15,15,26,0.1);
284    border-radius: 1.25rem;
285    padding: 1.75rem 2rem;
286    -webkit-backdrop-filter: blur(24px);
287    backdrop-filter: blur(24px);
288    -webkit-box-shadow: 0 20px 60px rgba(0,0,0,0.25);
289    box-shadow: 0 20px 60px rgba(0,0,0,0.25);
290}
291.hero-upcoming-label {
292    font-size: 0.75rem; font-weight: 700;
293    letter-spacing: 2px; text-transform: uppercase;
294    color: var(--webit-accent); margin-bottom: 0.5rem;
295	margin-bottom: 1rem;
296}
297.hero-upcoming-name {
298    font-size: clamp(2.15rem, 5vw, 2.75rem);
299    font-weight: 700;
300    color: var(--webit-dark);
301    margin-bottom: 0.3rem;
302    line-height: 1.2;
303}
304.hero-upcoming-meta {
305    font-size: 1.75rem;
306    background: var(--webit-gradient-1);
307    -webkit-background-clip: text;
308    -webkit-text-fill-color: transparent;
309    background-clip: text;
310    margin: 0.35rem 0;
311    line-height: 1.1;
312	font-weight: bold;
313}
314.hero-upcoming-slogan {
315    font-size: 1rem;
316    color: #64748b;
317    margin-bottom: 1.5rem;
318}
319.hero-ctas {
320    display: -webkit-box; display: -ms-flexbox; display: flex;
321    gap: 1rem; -ms-flex-wrap: wrap; flex-wrap: wrap;
322}
323
324/* ============================================
325   ABOUT SECTION
326   ============================================ */
327.about-section-brand { padding: clamp(4rem,8vw,6rem) 0; }
328.about-lead {
329    font-size: clamp(1rem, 2.5vw, 1.15rem);
330    color: var(--webit-gray);
331    line-height: 1.75;
332}
333.pillar-card-brand {
334    background: var(--webit-glass);
335    border: 1px solid var(--webit-glass-border);
336    border-radius: 1.25rem;
337    padding: 1.75rem;
338    height: 100%;
339    -webkit-transition: all 0.3s;
340    transition: all 0.3s;
341}
342.pillar-card-brand:hover {
343    border-color: rgba(99,102,241,0.4);
344    -webkit-transform: translateY(-4px);
345    transform: translateY(-4px);
346    -webkit-box-shadow: 0 20px 40px rgba(99,102,241,0.12);
347    box-shadow: 0 20px 40px rgba(99,102,241,0.12);
348}
349.pillar-icon-brand {
350    width: 48px; height: 48px;
351    background: var(--webit-gradient-1);
352    border-radius: 12px;
353    display: -webkit-box; display: -ms-flexbox; display: flex;
354    -webkit-box-align: center; -ms-flex-align: center; align-items: center;
355    -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;
356    font-size: 1.4rem; margin-bottom: 1rem;
357}
358.pillar-card-brand h4 { font-size: 1rem; font-weight: 700; margin-bottom: 0.5rem; }
359.pillar-card-brand p  { font-size: 0.875rem; color: var(--webit-gray); margin: 0; }
360.about-section-brand.bg-white .section-brand-title {
361    color: var(--webit-dark);
362}
363.about-section-brand.bg-white .about-lead {
364    color: #334155;
365}
366.about-section-brand.bg-white .pillar-card-brand {
367    background: #f8fafc;
368    border-color: rgba(15,15,26,0.08);
369}
370.about-section-brand.bg-white .pillar-card-brand h4 {
371    color: var(--webit-dark);
372}
373.about-section-brand.bg-white .pillar-card-brand p {
374    color: #64748b;
375}
376
377
378
379
380/* ============================================
381   PAST EVENTS — 6-slot equal grid
382   Desktop  >= 900px : 3 cols x 2 rows
383   Tablet   < 900px  : 2 cols x 3 rows
384   Mobile   < 540px  : 1 col, 3 events
385   ============================================  */
386.history-section-brand {
387	padding: 5rem 0;
388}
389.pe-section-header {
390    text-align: center;
391    margin-bottom: 2.5rem;
392    padding-bottom: 2.5rem;
393}
394.pe-header-inner {
395    margin: 0 auto;
396}
397.pe-eyebrow {
398    display: -webkit-inline-box;
399    display: -ms-inline-flexbox;
400    display: inline-flex;
401    -webkit-box-align: center; -ms-flex-align: center; align-items: center;
402    -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;
403    gap: 0.5rem;
404    font-size: 1.18rem; font-weight: 700;
405    letter-spacing: 3px; text-transform: uppercase;
406    color: #fff;
407    margin-bottom: 0.6rem;
408}
409.pe-eyebrow-line {
410    display: inline-block; width: 22px; height: 2px;
411    background: #fff; border-radius: 2px;
412}
413.pe-section-title {
414    font-size: clamp(1.9rem, 4.5vw, 3.25rem);
415    font-weight: 700; line-height: 1.1;
416    color: #f8fafc; margin-bottom: 1rem;
417}
418.pe-section-lead {
419    font-size: 1.05rem; color: #64748b; line-height: 1.75;
420}
421.pe-grid {
422    display: grid;
423    grid-template-columns: repeat(3, 1fr);
424    gap: 10px;
425    margin-bottom: 2rem;
426}
427@media (max-width: 899px) {
428    .pe-grid { grid-template-columns: repeat(2, 1fr); }
429}
430@media (max-width: 539px) {
431    .pe-grid { grid-template-columns: 1fr; }
432    .pe-grid .pe-slot:nth-child(n+4) { display: none; }
433}
434.pe-slot {
435    position: relative; border-radius: 14px; overflow: hidden;
436    aspect-ratio: 4/3; cursor: pointer; background: #1a1a2e;
437    -webkit-transition: -webkit-box-shadow 0.3s, -webkit-transform 0.3s;
438    transition: box-shadow 0.3s, transform 0.3s;
439}
440.pe-slot:hover {
441    -webkit-box-shadow: 0 20px 50px rgba(99,102,241,0.22);
442    box-shadow: 0 20px 50px rgba(99,102,241,0.22);
443    -webkit-transform: translateY(-2px); transform: translateY(-2px);
444}
445.pe-imgs { position: absolute; inset: 0; }
446.pe-img {
447    position: absolute; inset: 0; width: 100%; height: 100%;
448    -o-object-fit: cover; object-fit: cover; display: block;
449    -webkit-transition: opacity 0.82s ease; transition: opacity 0.82s ease;
450}
451.pe-front { z-index: 2; }
452.pe-back  { z-index: 1; }
453.pe-fading { opacity: 0 !important; }
454.pe-slot:hover .pe-front {
455    -webkit-transform: scale(1.04); transform: scale(1.04);
456    -webkit-transition: opacity 0.82s ease, -webkit-transform 0.6s ease;
457    transition: opacity 0.82s ease, transform 0.6s ease;
458}
459.pe-vignette {
460    position: absolute; inset: 0; z-index: 3;
461    background: linear-gradient(180deg,
462        rgba(15,15,26,0) 20%, rgba(15,15,26,0.4) 60%, rgba(15,15,26,0.95) 100%);
463}
464.pe-ext-badge {
465    position: absolute; top: 11px; right: 11px; z-index: 5;
466    width: 28px; height: 28px;
467    background: rgba(15,15,26,0.65);
468    border: 1px solid rgba(255,255,255,0.22);
469    border-radius: 50%;
470    display: -webkit-box; display: -ms-flexbox; display: flex;
471    -webkit-box-align: center; -ms-flex-align: center; align-items: center;
472    -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;
473    -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px);
474    -webkit-transition: background 0.2s; transition: background 0.2s;
475}
476.pe-slot:hover .pe-ext-badge { background: rgba(99,102,241,0.55); }
477.pe-caption {
478    position: absolute; bottom: 0; left: 0; right: 0;
479    z-index: 4; padding: 1rem 1.1rem 1.1rem; text-align: center;
480    -webkit-transition: opacity 0.4s ease; transition: opacity 0.4s ease;
481}
482.pe-caption.pe-fading { opacity: 0; }
483.pe-type {
484    font-size: 0.72rem; font-weight: 700;
485    letter-spacing: 1.8px; text-transform: uppercase;
486    color: #fca5a5; margin-bottom: 0.35rem;
487	display: none !important;
488}
489.pe-type-ip { color: #fca5a5; }
490.pe-type-hy { color: #fde68a; }
491.pe-type-vr { color: #a5b4fc; }
492.pe-name {
493    font-size: clamp(1.05rem, 1.7vw, 1.35rem);
494    font-weight: 700; line-height: 1.22;
495    color: #f8fafc; margin-bottom: 0.3rem;
496}
497.pe-meta { font-size: 0.78rem; color: rgba(255,255,255,0.52); }
498.pe-loc-pill {
499    display: inline-flex;
500    align-items: center;
501    gap: 0.25rem;
502    position: absolute;
503    top: 11px;
504    left: 11px;
505    z-index: 5;
506    background: #fff;
507    border: 1px solid rgba(255,255,255,0.18);
508    border-radius: 100px;
509    padding: 0.18rem 0.65rem;
510    font-size: 0.88rem;
511    font-weight: 600;
512    color: #000;
513    -webkit-backdrop-filter: blur(6px);
514    backdrop-filter: blur(6px);
515    white-space: nowrap;
516    -webkit-transition: opacity 0.4s ease;
517    transition: opacity 0.4s ease;
518}
519.pe-footer-row {
520    display: -webkit-box; display: -ms-flexbox; display: flex;
521    -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;
522    padding-top: 0.5rem;
523}
524
525/* ============================================
526   PAST EVENTS — HERO (landmark) card
527   ============================================ */
528.pe-hero-wrap {
529    margin-bottom: 10px;
530    background: linear-gradient(135deg, #a78bfa, #ec4899, #fb923c);
531    padding: 3px;
532    border-radius: 20px;
533    -webkit-box-shadow: 0 0 28px rgba(167,139,250,0.30), 0 0 50px rgba(236,72,153,0.15);
534    box-shadow: 0 0 28px rgba(167,139,250,0.30), 0 0 50px rgba(236,72,153,0.15);
535}
536.pe-hero-event {
537    position: relative;
538    border-radius: 17px;
539    overflow: hidden;
540    cursor: pointer;
541    background: #1a1a2e;
542    aspect-ratio: 21 / 7;
543    -webkit-transition: -webkit-transform 0.3s;
544    transition: transform 0.3s;
545    width: 100%;
546    display: block;
547    text-decoration: none;
548}
549.pe-hero-event:hover {
550    -webkit-transform: translateY(-3px);
551    transform: translateY(-3px);
552}
553.pe-hero-img {
554    position: absolute; top: 0; left: 0; right: 0; bottom: 0;
555    width: 100%; height: 100%;
556    -o-object-fit: cover; object-fit: cover;
557    object-position: center 30%;
558    display: block;
559    -webkit-transition: -webkit-transform 0.6s ease;
560    transition: transform 0.6s ease;
561}
562.pe-hero-event:hover .pe-hero-img { -webkit-transform: scale(1.03); transform: scale(1.03); }
563.pe-hero-vignette {
564    position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 2;
565    background: -webkit-linear-gradient(345deg, rgba(15,15,26,0.92) 0%, rgba(15,15,26,0.65) 45%, rgba(15,15,26,0.25) 75%, rgba(15,15,26,0.10) 100%);
566    background: linear-gradient(105deg, rgba(15,15,26,0.92) 0%, rgba(15,15,26,0.65) 45%, rgba(15,15,26,0.25) 75%, rgba(15,15,26,0.10) 100%);
567}
568.pe-hero-body {
569    position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 4;
570    display: -webkit-box; display: -ms-flexbox; display: flex;
571    -webkit-box-orient: vertical; -webkit-box-direction: normal;
572    -ms-flex-direction: column; flex-direction: column;
573    -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end;
574    padding: clamp(1.5rem, 4vw, 2.8rem);
575}
576.pe-hero-badge {
577    display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex;
578    -webkit-box-align: center; -ms-flex-align: center; align-items: center;
579    gap: 0.4rem;
580    background: -webkit-linear-gradient(left, #6366f1, #ec4899);
581    background: linear-gradient(90deg, #6366f1, #ec4899);
582    color: #fff; font-size: 0.68rem; font-weight: 800;
583    letter-spacing: 2.5px; text-transform: uppercase;
584    padding: 0.3rem 0.8rem; border-radius: 100px;
585    margin-bottom: 0.85rem; width: -webkit-fit-content; width: fit-content;
586}
587.pe-hero-badge::before {
588    content: ''; display: inline-block;
589    width: 6px; height: 6px; background: #fff; border-radius: 50%; opacity: 0.9;
590}
591.pe-hero-type {
592    font-size: 0.7rem; font-weight: 700; letter-spacing: 2px;
593    text-transform: uppercase; color: #fca5a5; margin-bottom: 0.4rem;
594}
595.pe-hero-name {
596    font-size: clamp(1.8rem, 4vw, 3rem); font-weight: 800;
597    line-height: 1.05; color: #fff; margin-bottom: 0.5rem; letter-spacing: -0.02em;
598}
599.pe-hero-meta { font-size: 0.88rem; color: rgba(255,255,255,0.60); margin-bottom: 1.1rem; }
600.pe-hero-cta {
601    display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex;
602    -webkit-box-align: center; -ms-flex-align: center; align-items: center;
603    gap: 0.45rem;
604    background: rgba(255,255,255,0.12);
605    border: 1px solid rgba(255,255,255,0.28);
606    color: #fff; font-size: 0.82rem; font-weight: 700; letter-spacing: 0.5px;
607    padding: 0.55rem 1.2rem; border-radius: 100px; text-decoration: none;
608    width: -webkit-fit-content; width: fit-content;
609    -webkit-transition: background 0.2s, border-color 0.2s;
610    transition: background 0.2s, border-color 0.2s;
611}
612.pe-hero-cta:hover { background: rgba(99,102,241,0.45); border-color: rgba(99,102,241,0.7); color: #fff; }
613.pe-hero-loc-pill {
614    display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex;
615    -webkit-box-align: center; -ms-flex-align: center; align-items: center;
616    position: absolute; top: 14px; left: 14px; z-index: 6;
617    background: #fff; color: #000; font-size: 0.78rem; font-weight: 700;
618    padding: 0.25rem 0.75rem; border-radius: 100px; white-space: nowrap;
619}
620@media (max-width: 899px) {
621    .pe-hero-event { aspect-ratio: 16 / 7; }
622}
623@media (max-width: 539px) {
624    .pe-hero-event { aspect-ratio: 4 / 3; border-radius: 17px; }
625}
626
627/* ============================================
628   UPCOMING — white bg
629   ============================================ */
630.upcoming-section-brand {
631    padding: clamp(4rem,8vw,6rem) 0;
632    background: #ffffff;
633    position: relative; overflow: hidden;
634}
635.upcoming-card-brand {
636    background: #f8fafc;
637    border: 1px solid rgba(15,15,26,0.08);
638    border-radius: 1.5rem;
639    padding: clamp(2rem,5vw,3.5rem);
640}
641.upcoming-card-img {
642    width: calc(100% + clamp(4rem,10vw,7rem));
643    margin-left: calc(-1 * clamp(2rem,5vw,3.5rem));
644    margin-right: calc(-1 * clamp(2rem,5vw,3.5rem));
645    margin-top: calc(-1 * clamp(2rem,5vw,3.5rem));
646    margin-bottom: 2rem;
647    border-radius: 1.5rem 1.5rem 0 0;
648    overflow: hidden;
649    aspect-ratio: 2/1;
650}
651.upcoming-card-img img {
652    width: 100%; height: 100%;
653    -o-object-fit: cover; object-fit: cover;
654    display: block;
655}
656.upcoming-label-brand    { font-size: 0.75rem; font-weight: 700; letter-spacing: 2.5px; text-transform: uppercase; color: var(--webit-accent); margin-bottom: 0.75rem; }
657.upcoming-subtitle-brand { font-size: clamp(1.75rem,4.5vw,2.5rem); font-weight: 800; color: var(--webit-dark); margin-bottom: 0.75rem; line-height: 1.1; }
658.upcoming-meta-brand     { font-size: clamp(1rem,2.5vw,1.2rem); color: #475569; margin-bottom: 2rem; font-weight: 500; }
659.upcoming-features-brand { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 0.75rem; margin-bottom: 2rem; }
660.upcoming-feature-brand  { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 0.4rem; font-size: 0.875rem; color: #64748b; }
661.upcoming-feature-brand i { color: #22c55e; }
662
663/* Right side: also coming up cards */
664.side-event-card {
665    background: #f8fafc;
666    border: 1px solid rgba(15,15,26,0.08);
667    border-radius: 1rem;
668    overflow: hidden;
669    -webkit-transition: all 0.2s;
670    transition: all 0.2s;
671    display: -webkit-box; display: -ms-flexbox; display: flex;
672    -webkit-box-orient: horizontal; -webkit-box-direction: normal;
673    -ms-flex-direction: row; flex-direction: row;
674}
675.side-event-card:hover {
676    border-color: rgba(99,102,241,0.3);
677    -webkit-box-shadow: 0 8px 24px rgba(99,102,241,0.08);
678    box-shadow: 0 8px 24px rgba(99,102,241,0.08);
679}
680.side-event-img {
681    width: 300px;
682    -ms-flex-negative: 0; 
683	flex-shrink: 0;
684    overflow: hidden;
685    aspect-ratio: 5/3;
686}
687.side-event-img img {
688    width: 100%; 
689	height: 100%;
690    -o-object-fit: cover; 
691	object-fit: cover;
692    display: block;
693}
694.side-event-body {
695    padding: 1.25rem;
696    display: -webkit-box; 
697	display: -ms-flexbox; 
698	display: flex;
699    -webkit-box-align: center; 
700	-ms-flex-align: center; 
701	align-items: start
702    -webkit-box-pack: justify; 
703	-ms-flex-pack: justify; 
704	justify-content: space-between;
705    -webkit-box-flex: 1; -ms-flex: 1; flex: 1;
706    gap: 1rem;
707}
708.side-event-title { 
709	font-size: clamp(1.25rem,3vw,1.55rem); 
710	font-weight: 700; 
711	color: var(--webit-dark); 
712	margin-bottom: 0.3rem; 
713	line-height: 120%;
714}
715.side-event-meta  { 
716	font-size: 1.175rem; 
717	color: #64748b; 
718	margin-bottom: 0; 
719}
720@media (max-width:1400px) {
721	.side-event-img {
722		width: 220px;
723	}
724}
725@media (max-width:1199px) {
726	.side-event-img {
727		width: 180px;
728		aspect-ratio: 1/1;
729	}
730}
731@media (max-width:991px) {
732	.side-event-img {
733		width: 150px;
734	}
735}
736@media (max-width: 767px) {
737    .side-event-card {
738        -webkit-box-orient: vertical;
739        -webkit-box-direction: normal;
740        -ms-flex-direction: column;
741        flex-direction: column;
742    }
743    .side-event-img {
744        width: 100%;
745        aspect-ratio: 5/3;
746    }
747}
748
749/* Visit / external link button */
750.btn-visit {
751    display: -webkit-inline-box;
752    display: -ms-inline-flexbox;
753    display: inline-flex;
754    -webkit-box-align: center; -ms-flex-align: center; align-items: center;
755    -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;
756    gap: 0.35rem;
757    font-size: 0.85rem;
758    font-weight: 600;
759    padding: 0.5rem 1rem;
760    border-radius: 50px;
761    border: 1px solid rgba(15,15,26,0.15);
762    background: var(--webit-accent);
763	color:#fff !important;
764    color: var(--webit-dark);
765    text-decoration: none;
766    white-space: nowrap;
767    -webkit-transition: all 0.2s; transition: all 0.2s;
768	margin-top: auto;
769}
770.btn-visit:hover {
771}
772.btn-visit .btn-visit-icon {
773    width: 18px; height: 18px;
774    display: -webkit-inline-box;
775    display: -ms-inline-flexbox;
776    display: inline-flex;
777    -webkit-box-align: center; -ms-flex-align: center; align-items: center;
778    -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;
779}
780
781/* ============================================
782   GET INVOLVED — light bg
783   ============================================ */
784.inbound-section-brand { padding: clamp(4rem,8vw,6rem) 0; }
785.inbound-section-brand .section-brand-title { color: var(--webit-dark); }
786.inbound-section-brand .section-brand-lead  { color: #64748b; }
787.inbound-card-brand {
788    background: #ffffff;
789    border: 1px solid rgba(15,15,26,0.08);
790    border-radius: 1.25rem; padding: 2rem;
791    text-align: center; height: 100%;
792    display: -webkit-box; display: -ms-flexbox; display: flex;
793    -webkit-box-orient: vertical; -webkit-box-direction: normal;
794    -ms-flex-direction: column; flex-direction: column;
795    -webkit-box-align: center; -ms-flex-align: center; align-items: center;
796    -webkit-transition: all 0.3s; transition: all 0.3s;
797}
798.inbound-card-brand:hover {
799    border-color: rgba(99,102,241,0.3);
800    -webkit-transform: translateY(-4px); transform: translateY(-4px);
801    -webkit-box-shadow: 0 20px 40px rgba(99,102,241,0.1);
802    box-shadow: 0 20px 40px rgba(99,102,241,0.1);
803}
804.inbound-icon-brand {
805    width: 56px; height: 56px;
806    background: var(--webit-gradient-1);
807    border-radius: 16px;
808    display: -webkit-box; display: -ms-flexbox; display: flex;
809    -webkit-box-align: center; -ms-flex-align: center; align-items: center;
810    -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;
811    font-size: 1.6rem; margin-bottom: 1.25rem;
812}
813.inbound-card-brand h4 { font-size: 1.05rem; font-weight: 700; color: var(--webit-dark); margin-bottom: 0.5rem; }
814.inbound-card-brand p  { font-size: 0.875rem; color: #64748b; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-bottom: 1.5rem; }
815
816/* ============================================
817   SHARED HELPERS
818   ============================================ */
819.section-brand-title {
820    font-size: clamp(1.75rem, 5vw, 2.5rem);
821    font-weight: 700;
822    margin-bottom: 0.5rem;
823}
824.section-brand-lead {
825    font-size: clamp(0.95rem, 2.5vw, 1.1rem);
826    color: var(--webit-gray);
827}
828.glass-card-brand {
829    background: var(--webit-glass);
830    border: 1px solid var(--webit-glass-border);
831    border-radius: 12px;
832    padding: 1.25rem;
833}
834
835/* FOUNDERS GAMES SECTION */
836.founders-section {
837    background: #fff;
838    color: #0f0f1a;
839}
840
841.founders-title {
842    font-size: clamp(1.5rem, 4vw, 2rem);
843    font-weight: 700;
844    line-height: 1.25;
845}
846
847.founders-lead {
848    color: #334155;
849    font-size: 1rem;
850    line-height: 1.7;
851}
852
853
854 line-height: 1.3;
855}
856
857.founders-note {
858    color: #64748b;
859    font-size: 0.95rem;
860    line-height: 1.75;
861}
862
863.davos-section { padding: 3rem 1.5rem; background: #252540; }
864
865.davos-eyebrow {
866    text-align: center;
867    font-size: 1rem;
868    font-weight: 700;
869    letter-spacing: 0.12em;
870    color: #94a3b8;
871    text-transform: uppercase;
872    margin-bottom: 2rem;
873}
874
875.davos-grid {
876    max-width: 78rem;
877    margin: 0 auto;
878    display: grid;
879    grid-template-columns: 4fr 7fr;
880    gap: 2rem;
881    align-items: center;
882}
883
884.davos-card-portrait {
885    background: rgba(255,255,255,0.06);
886    border-radius: 1rem;
887    overflow: hidden;
888}
889
890.davos-card-portrait img {
891    width: 100%;
892    display: block;
893}
894
895.davos-card-portrait .davos-caption {
896    padding: 1.25rem;
897}
898
899.davos-stack {
900    display: flex;
901    flex-direction: column;
902    gap: 1rem;
903}
904
905.davos-card-horizontal {
906    background: rgba(255,255,255,0.06);
907    border-radius: 1rem;
908    overflow: hidden;
909    display: flex;
910}
911
912.davos-card-horizontal img {
913    flex: 0 0 55%;
914    width: 55%;
915    display: block;
916}
917
918.davos-card-horizontal .davos-caption {
919    flex: 0 0 45%;
920    padding: 1.25rem;
921    align-self: center;
922}
923
924.davos-caption {
925    color: rgba(248,250,252,0.65);
926    font-size: 1.1rem;
927    line-height: 1.45;
928    margin: 0;
929}
930
931@media (max-width: 1199px) {
932    .davos-grid { grid-template-columns: 1fr; }
933    .davos-card-horizontal { flex-direction: column; }
934    .davos-card-horizontal img { flex: none; width: 100%; }
935    .davos-card-horizontal .davos-caption { flex: none; width: 100%; align-self: auto; }
936}
937
938@media (max-width: 1199px) and (min-width: 576px) {
939    .davos-card-portrait,
940    .davos-stack {
941        width: 70vw;
942        margin-left: auto;
943        margin-right: auto;
944    }
945}
946
947</style>
948
949</head>
950<body>
951
952<!-- Google Tag Manager (noscript) -->
vendor: 68 bytes, lines 952-953
952
953<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
953GTM-KB33MS
vendor: 84 bytes, lines 953-954
953" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
954
955<!-- ============================================
956     NAVIGATION (2027 — new design, self-contained)
957     Scoped to #hdr so it never collides with Bootstrap
958     or the page's own variables. Works on light and dark pages.
959     ============================================ -->
960<style>
961#hdr{
962  --primary:#6366f1; --purple:#a855f7; --accent:#f43f5e;
963  --ink:#0f0f1a; --ink-2:#3f3f52; --ink-3:#6b6b7d; --line:#e7e7ef; --bg-soft:#f6f6fb;
964  --grad:linear-gradient(135deg,#6366f1 0%,#a855f7 55%,#ec4899 100%);
965  position:sticky; top:0; z-index:1040; background:rgba(255,255,255,.92);
966  -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px);
967  border-bottom:1px solid var(--line);
968}
969#hdr .ic{width:1em;height:1em;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;}
970#hdr .btn{display:inline-flex;align-items:center;gap:8px;font-size:0.82rem;font-weight:600;padding:12px 24px;border-radius:50px;white-space:nowrap;transition:transform .15s,box-shadow .15s;border:none;cursor:pointer;text-decoration:none;}
971#hdr .btn .ic{font-size:1rem;}
972#hdr .btn:hover{transform:translateY(-2px);}
973#hdr .btn.grad{background:var(--grad);color:#fff;box-shadow:0 6px 20px rgba(99,102,241,.3);position:relative;}
974#hdr .btn.ghost{background:transparent;color:var(--primary);border:1.5px solid var(--primary);}
975#hdr .btn.wt{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.55);}
976#hdr .btn.sm{padding:10px 18px;font-size:0.77rem;}
977#hdr .btn:hover .ic{animation:hdrArrow .8s ease-in-out infinite;}
978@keyframes hdrArrow{0%,100%{transform:translateX(-3px);}50%{transform:translateX(4px);}}
979@media (prefers-reduced-motion:reduce){#hdr .btn:hover .ic{animation:none;}}
980#hdr .nav{display:flex;align-items:center;height:4.375rem;gap:0.625rem;max-width:72.5rem;margin:0 auto;padding:0 1.25rem;}
981#hdr .logo{display:flex;align-items:center;gap:11px;text-decoration:none;}
982#hdr .logo .mark{padding:0.5rem;border-radius:8px;background:#fff;display:flex;align-items:center;justify-content:center;}
983#hdr .logo .mark img{height:2.25rem;width:auto;display:block;}
984#hdr .logo .lt{display:flex;flex-direction:column;line-height:1.1;}
985#hdr .logo .lt b{font-size:1.3rem;font-weight:800;letter-spacing:-0.3px;color:var(--ink);}
986#hdr .logo .lt small{font-size:0.78rem;color:var(--ink-3);font-weight:500;}
987#hdr .menu{display:flex;align-items:center;gap:4px;flex:1;justify-content:center;}
988#hdr .mlink{padding:8px 14px;font-size:0.85rem;font-weight:500;color:var(--ink-2);border-radius:8px;background:none;border:none;cursor:pointer;font-family:inherit;display:inline-flex;align-items:center;gap:5px;text-decoration:none;}
989#hdr .mlink:hover{color:var(--primary);}
990#hdr .mlink.active{color:var(--primary);font-weight:700;}
991#hdr .mlink .ic{font-size:0.85rem;transition:transform .2s;}
992#hdr .rot{color:inherit;font-weight:600;display:inline-block;min-width:6.6em;text-align:left;transition:opacity .25s ease;}
993#hdr .mdrop{position:relative;}
994#hdr .mdrop.open .drop-toggle .ic{transform:rotate(180deg);}
995#hdr .dropmenu{position:absolute;top:calc(100% + 10px);left:0;min-width:18rem;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 18px 44px rgba(15,15,26,.14);padding:8px;flex-direction:column;gap:1px;display:none;z-index:70;}
996#hdr .mdrop.open .dropmenu{display:flex;}
997#hdr .dropitem{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:8px;font-size:0.85rem;color:var(--ink-2);text-decoration:none;white-space:nowrap;}
998#hdr .dropitem:hover{background:var(--bg-soft);color:var(--primary);}
999#hdr .dropitem .ic{font-size:1rem;color:var(--primary);}
1000#hdr .dropitem .ext{margin-left:auto;font-size:0.72rem;opacity:.45;}
1001#hdr .dropdiv{height:1px;background:var(--line);margin:6px 6px;}
1002#hdr .actions{margin-left:auto;display:flex;gap:10px;align-items:center;}
1003#hdr .burger{display:none;width:42px;height:42px;border-radius:9px;border:1px solid var(--line);background:#fff;color:var(--ink);align-items:center;justify-content:center;cursor:pointer;font-size:1.25rem;}
1004@media(max-width:860px){
1005  #hdr .menu{position:absolute;top:100%;left:0;right:0;background:#fff;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:2px;padding:12px 16px 18px;display:none;box-shadow:0 20px 40px rgba(15,15,26,.1);}
1006  #hdr.open .menu{display:flex;}
1007  #hdr .mlink{padding:11px 12px;font-size:0.95rem;justify-content:space-between;}
1008  #hdr .mdrop .dropmenu{position:static;border:none;box-shadow:none;padding:2px 0 6px 14px;min-width:0;white-space:normal;}
1009  #hdr .burger{display:inline-flex;}
1010}
1011@media(max-width:520px){
1012	#hdr .logo .lt{
1013		display:none;
1014	}
1015}
1016</style>
1017
1018<!-- inline SVG icon sprite (shared by header + page sections) -->
1019<svg width="0" height="0" style="position:absolute" aria-hidden="true">
1020  <symbol id="i-arrow" viewBox="0 0 24 24"><path d="M5 12h14M13 6l6 6-6 6"/></symbol>
1021  <symbol id="i-caret" viewBox="0 0 24 24"><path d="M6 9l6 6 6-6"/></symbol>
1022  <symbol id="i-ticket" viewBox="0 0 24 24"><path d="M4 8a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2 2 2 0 0 0 0 4 2 2 0 0 1-2 2H6a2 2 0 0 1-2-2 2 2 0 0 0 0-4z"/><path d="M14 6v12"/></symbol>
1023  <symbol id="i-cpu" viewBox="0 0 24 24"><rect x="7" y="7" width="10" height="10" rx="1.5"/><path d="M10 7V4M14 7V4M10 20v-3M14 20v-3M7 10H4M7 14H4M20 10h-3M20 14h-3"/></symbol>
1024  <symbol id="i-bank" viewBox="0 0 24 24"><path d="M12 3l8 4H4l8-4zM5 10v9M19 10v9M9.5 10v9M14.5 10v9M3 20h18"/></symbol>
1025  <symbol id="i-umbrella" viewBox="0 0 24 24"><path d="M12 3a8 8 0 0 1 8 8H4a8 8 0 0 1 8-8zM12 11v7a2 2 0 0 1-4 0"/></symbol>
1026  <symbol id="i-store" viewBox="0 0 24 24"><path d="M4 9l1-4h14l1 4M4 9v11h16V9M4 9a2 2 0 0 0 4 0 2 2 0 0 0 4 0 2 2 0 0 0 4 0 2 2 0 0 0 4 0"/></symbol>
1027  <symbol id="i-factory" viewBox="0 0 24 24"><path d="M3 20V10l6 4V10l6 4V6l6 3v11H3z"/></symbol>
1028  <symbol id="i-bolt" viewBox="0 0 24 24"><path d="M13 2L4 14h6l-1 8 9-12h-6l1-8z"/></symbol>
1029  <symbol id="i-aid" viewBox="0 0 24 24"><rect x="4" y="6" width="16" height="13" rx="2"/><path d="M12 10v5M9.5 12.5h5"/></symbol>
1030  <symbol id="i-news" viewBox="0 0 24 24"><path d="M4 5h13v14H4zM17 8h3v9a2 2 0 0 1-2 2M7 9h7M7 12h7M7 15h4"/></symbol>
1031  <symbol id="i-city" viewBox="0 0 24 24"><path d="M3 21V9l5-3v3l5-3v15M13 21V11l5-2v12M3 21h18"/></symbol>
1032  <symbol id="i-present" viewBox="0 0 24 24"><path d="M3 4h18M4 4v9h16V4M12 13v4M9 20l3-3 3 3"/></symbol>
1033  <symbol id="i-bars" viewBox="0 0 24 24"><path d="M3 20h18M5 20v-6M12 20V6M19 20v-9"/></symbol>
1034  <symbol id="i-users" viewBox="0 0 24 24"><circle cx="9" cy="8" r="3.2"/><path d="M3 20c0-3.3 2.7-5.5 6-5.5s6 2.2 6 5.5"/><path d="M16 5.2a3.2 3.2 0 0 1 0 5.6M18.5 20c0-2.4-1-4.3-2.7-5.2"/></symbol>
1035  <symbol id="i-wrench" viewBox="0 0 24 24"><path d="M15 6a4 4 0 0 0-5 5l-6 6 3 3 6-6a4 4 0 0 0 5-5l-2.5 2.5-2-2L15 6z"/></symbol>
1036  <symbol id="i-rocket" viewBox="0 0 24 24"><path d="M5 15c-1.5 1.5-2 5-2 5s3.5-.5 5-2M9 15l-3-3c1-4 4-8 9-9 1 5-3 8-9 9z"/><circle cx="14" cy="10" r="1.3"/></symbol>
1037  <symbol id="i-bulb" viewBox="0 0 24 24"><path d="M9 18h6M10 21h4M12 3a6 6 0 0 1 4 10.5c-.6.6-1 1.4-1 2.2V16H9v-.3c0-.8-.4-1.6-1-2.2A6 6 0 0 1 12 3z"/></symbol>
1038  <symbol id="i-coins" viewBox="0 0 24 24"><ellipse cx="9" cy="7" rx="5" ry="2.5"/><path d="M4 7v5c0 1.4 2.2 2.5 5 2.5s5-1.1 5-2.5V7"/><ellipse cx="15" cy="14" rx="5" ry="2.5"/><path d="M10 14v3c0 1.4 2.2 2.5 5 2.5s5-1.1 5-2.5v-3"/></symbol>
1039  <symbol id="i-timer" viewBox="0 0 24 24"><circle cx="12" cy="13" r="8"/><path d="M12 13V9M9 2h6M18 6l1.5-1.5"/></symbol>
1040  <symbol id="i-gate" viewBox="0 0 24 24"><path d="M4 21V5a8 8 0 0 1 16 0v16M4 21h16M8 21v-8a4 4 0 0 1 8 0v8"/></symbol>
1041  <symbol id="i-calendar" viewBox="0 0 24 24"><rect x="4" y="5" width="16" height="16" rx="2"/><path d="M4 9h16M8 3v4M16 3v4"/></symbol>
1042  <symbol id="i-calcheck" viewBox="0 0 24 24"><rect x="4" y="5" width="16" height="16" rx="2"/><path d="M4 9h16M8 3v4M16 3v4M9 15l2 2 4-4"/></symbol>
1043  <symbol id="i-buildings" viewBox="0 0 24 24"><path d="M4 21V4l7-2v19M11 21V9h7v12M4 21h16"/></symbol>
1044  <symbol id="i-clock" viewBox="0 0 24 24"><circle cx="12" cy="12" r="9"/><path d="M12 7v5l3 2"/></symbol>
1045  <symbol id="i-pencil" viewBox="0 0 24 24"><path d="M4 20h4L20 8l-4-4L4 16v4zM14 6l4 4"/></symbol>
1046  <symbol id="i-trophy" viewBox="0 0 24 24"><path d="M8 4h8v4a4 4 0 0 1-8 0V4zM8 6H5v2a3 3 0 0 0 3 3M16 6h3v2a3 3 0 0 1-3 3M10 15h4M9 20h6M12 15v5"/></symbol>
1047  <symbol id="i-medal" viewBox="0 0 24 24"><circle cx="12" cy="15" r="5"/><path d="M8.5 10L6 3h4l2 4M15.5 10L18 3h-4l-2 4"/></symbol>
1048  <symbol id="i-ext" viewBox="0 0 24 24"><path d="M7 17L17 7M9 7h8v8"/></symbol>
1049  <symbol id="i-pin" viewBox="0 0 24 24"><path d="M12 21s-7-5.5-7-11a7 7 0 0 1 14 0c0 5.5-7 11-7 11z"/><circle cx="12" cy="10" r="2.5"/></symbol>
1050  <symbol id="i-plane" viewBox="0 0 24 24"><path d="M22 3L2 10l7 3 3 7 10-17z"/></symbol>
1051</svg>
1052
1053<header id="hdr">
1054  <div class="nav">
1055    <a class="logo" href="https://www.webit.org/2027/index.php">
1056      <span class="mark"><img src="https://www.webit.org/festival-europe/img/w-w-96x90.gif" alt="Webit"></span>
1057      <span class="lt"><b>Webit 2027</b><small>27 May 2027, Sofia</small></span>
1058    </a>
1059    <nav class="menu">
1060      <a class="mlink" href="https://www.webit.org/2027/index.php">Home</a>
1061      <a class="mlink" href="https://www.webit.org/2027/sofia/index.php">Conference</a>
1062      <div class="mdrop" id="becomeDrop">
1063        <button class="mlink drop-toggle" type="button" aria-expanded="false">Become&nbsp;<span class="rot" id="rotText">a Speaker</span> <svg class="ic"><use href="#i-caret"/></svg></button>
1064        <div class="dropmenu">
1065          <a class="dropitem" href="https://www.webit.org/2027/sofia/speakers.php"><svg class="ic"><use href="#i-users"/></svg> Become a Speaker</a>
1066          <a class="dropitem" href="https://www.webit.org/2027/sofia/partners.php"><svg class="ic"><use href="#i-present"/></svg> Become a Partner</a>
1067          <a class="dropitem" href="https://www.webit.org/2027/sofia/expo.php"><svg class="ic"><use href="#i-store"/></svg> Become an Exhibitor</a>
1068        </div>
1069      </div>
1070      <div class="mdrop" id="webitDrop">
1071        <button class="mlink drop-toggle" type="button" aria-expanded="false">Webit <svg class="ic"><use href="#i-caret"/></svg></button>
1072        <div class="dropmenu">
1073          <a class="dropitem" href="https://www.webit.org/2027/webit.php"><svg class="ic"><use href="#i-buildings"/></svg> Webit Foundation</a>
1074          <a class="dropitem" href="https://www.webit.org/2027/inthemedia.php"><svg class="ic"><use href="#i-news"/></svg> In the Media</a>
1075          <a class="dropitem" href="https://www.webit.org/2027/index.php#upcoming"><svg class="ic"><use href="#i-calcheck"/></svg> Upcoming Events</a>
1076          <a class="dropitem" href="https://www.webit.org/2027/previous.php"><svg class="ic"><use href="#i-clock"/></svg> Past Events</a>
1077          <a class="dropitem" href="https://www.webit.org/en/allspeakers.html" target="_blank""><svg class="ic"><use href="#i-users"/></svg> All Webit Speakers <svg class="ic ext"><use href="#i-ext"/></svg></a>
1078          <div class="dropdiv"></div>
1079          <a class="dropitem" href="https://blog.webit.org/" target="_blank" rel="noopener"><svg class="ic"><use href="#i-pencil"/></svg> Blog <svg class="ic ext"><use href="#i-ext"/></svg></a>
1080          <div class="dropdiv"></div>
1081          <a class="dropitem" href="https://foundersgames.org/" target="_blank" rel="noopener"><svg class="ic">
1081<use href="#i-trophy"/></svg> Founders Games <svg class="ic ext"><use href="#i-ext"/></svg></a>
1082          <div class="dropdiv"></div>
1083          <a class="dropitem" href="https://www.webit.org/changemakers/" target="_blank" rel="noopener"><svg class="ic"><use href="#i-medal"/></svg> Webit Changemakers <svg class="ic ext"><use href="#i-ext"/></svg></a>
1084        </div>
1085      </div>
1086    </nav>
1087    <div class="actions">
1088      <a class="btn grad sm" href="https://www.webit.org/2027/sofia/tickets.php">Book your Tickets <svg class="ic"><use href="#i-ticket"/></svg></a>
1089      <button class="burger" id="burger" type="button" aria-label="Menu">&#9776;</button>
1090    </div>
1091  </div>
1092</header>
1093
1094<script>
1095(function(){
1096  var hdr=document.getElementById('hdr'); if(!hdr) return;
1097  var burger=document.getElementById('burger');
1098  var drops=hdr.querySelectorAll('.mdrop');
1099  if(burger){ burger.addEventListener('click',function(e){ e.stopPropagation(); hdr.classList.toggle('open'); }); }
1100  Array.prototype.forEach.call(drops,function(drop){
1101    var btn=drop.querySelector('.drop-toggle'); if(!btn) return;
1102    btn.addEventListener('click',function(e){ e.stopPropagation();
1103      Array.prototype.forEach.call(drops,function(d){ if(d!==drop){ d.classList.remove('open'); var b=d.querySelector('.drop-toggle'); if(b) b.setAttribute('aria-expanded','false'); } });
1104      var open=drop.classList.toggle('open'); btn.setAttribute('aria-expanded',open);
1105    });
1106  });
1107  document.addEventListener('click',function(e){
1108    Array.prototype.forEach.call(drops,function(drop){ if(!drop.contains(e.target)){ drop.classList.remove('open'); var b=drop.querySelector('.drop-toggle'); if(b) b.setAttribute('aria-expanded','false'); } });
1109    if(!hdr.contains(e.target)){ hdr.classList.remove('open'); }
1110  });
1111  var rot=document.getElementById('rotText');
1112  if(rot){ var words=['a Speaker','a Partner','an Exhibitor'], i=0;
1113    setInterval(function(){ i=(i+1)%words.length; rot.style.opacity='0'; setTimeout(function(){ rot.textContent=words[i]; rot.style.opacity='1'; },250); },2600);
1114  }
1115})();
1116</script>
1116
1117
1118
1119<!-- ============================================
1120     HERO
1121     ============================================ -->
1122<section class="hero-brand">
1123
1124   <!-- VIDEO BG — закоментирано, върни като смениш на iframe
1125	<div class="hero-video-bg">
1126		<iframe
1127			src="https://www.youtube.com/embed/igmqSyaL250?autoplay=1&mute=1&loop=1&playlist=igmqSyaL250&controls=0&showinfo=0&rel=0&iv_load_policy=3&modestbranding=1&playsinline=1&disablekb=1&fs=0"
1128			allow="autoplay; encrypted-media"
1129		></iframe>
1130	</div>
1131	-->
1132		<!-- СНИМКА ФОН — смени src с каквото искаш -->
1133	<div class="hero-slideshow-bg">
1134				<div class="hero-slide-bg active zooming"
1135			 style="background-image: url('https://webit.org/festival-europe/img/xd/main31.jpg');"
1136			 role="img" aria-label=""></div>
1137				<div class="hero-slide-bg"
1138			 style="background-image: url('https://webit.org/festival-europe/img/xd/marketing.jpg');"
1139			 role="img" aria-label=""></div>
1140				<div class="hero-slide-bg"
1141			 style="background-image: url('https://webit.org/festival-europe/img/finalists.jpg');"
1142			 role="img" aria-label=""></div>
1143			</div>
1144	
1145	
1146    <div class="hero-video-overlay"></div>
1147
1148    <div class="container hero-brand-content">
1149        <div class="row align-items-center gy-5">
1150
1151
1152            <!-- Right: Next Event card — Webit only, single button -->
1153            <div class="col-lg-5">
1154                <div class="hero-upcoming-card">
1155                    <div class="hero-upcoming-label">
1156                        <i class="ph-fill ph-circle" style="font-size:0.4rem;vertical-align:middle;margin-right:0.3rem;"></i>
1157                        Next Event
1158                    </div>
1159                    <div class="hero-upcoming-meta">
1160                        27 May 2027
1161                    </div>
1162                    <div class="hero-upcoming-name">Webit 2027</div>
1163                    <div class="hero-upcoming-slogan">
1164                        The executive summit on who controls the AI era. Where business, technology and governments define the next AI operating model. 
1165						<strong>  Sofia, Bulgaria</strong>
1166                    </div>
1167					
1168                    <div class="hero-ctas">
1169                        <a href="https://www.webit.org/2027/sofia/index.php" class="btn-hero-primary">
1170                            Read More <i class="ph ph-arrow-right"></i>
1171                        </a>
1172                    </div>
1173                </div>
1174            </div>
1175			
1176            <!-- Left: messaging -->
1177            <div class="col-lg-7 col-xl-6 offset-xl-1">
1178                <h1 class="hero-brand-title">Webit is a global platform and organization driving real impact across business and technology — connecting leaders, innovators and decision-makers worldwide.</h1>
1179                <p class="hero-brand-tagline">
1180                    <br>
1181					From Sofia to Singapore, Davos to Dubai, Webit empowers those who build, invest and lead — in a world where action and knowledge define the future.
1182                </p>
1183            </div>
1184
1185        </div>
1186    </div>
1187</section>
1188
1189
1190<!-- ============================================
1191     STATS
1192     Uses .stat-card / .stat-number / .stat-label from styles.css
1193     Animation triggered by initStatsAnimation() in sofia3/js/scripts.js on DOMContentLoaded
1194     ============================================ -->
1195<section class="stats-section bg-white">
1196    <div class="container">
1197        <div class="row g-3 g-lg-4" id="stats-container">
1198            <div class="col-6 col-md-4 col-lg-3">
1199                <div class="stat-card">
1200                    <div class="stat-number" data-count="19" data-suffix="">0</div>
1201                    <div class="stat-label">Years of Excellence</div>
1202                </div>
1203            </div>
1204            <div class="col-6 col-md-4 col-lg-3">
1205                <div class="stat-card">
1206                    <div class="stat-number" data-count="250" data-suffix="K+">0</div>
1207                    <div class="stat-label">Past Attendees</div>
1208                </div>
1209            </div>
1210            <div class="col-6 col-md-4 col-lg-3">
1211                <div class="stat-card">
1212                    <div class="stat-number" data-count="150" data-suffix="+">0</div>
1213                    <div class="stat-label">Countries Represented</div>
1214                </div>
1215            </div>
1216            <div class="col-6 col-md-4 col-lg-3">
1217                <div class="stat-card">
1218                    <div class="stat-number" data-count="3500" data-suffix="+">0</div>
1219                    <div class="stat-label">
1219Speakers to Date</div>
1220                </div>
1221            </div>
1222            <div class="col-6 col-md-4 col-lg-3">
1223                <div class="stat-card">
1224                    <div class="stat-number" data-count="100" data-suffix="+">0</div>
1225                    <div class="stat-label">Events Worldwide</div>
1226                </div>
1227            </div>
1228            <div class="col-6 col-md-4 col-lg-3">
1229                <div class="stat-card">
1230                    <div class="stat-number" data-count="6" data-suffix="M">0</div>
1231                    <div class="stat-label">USD Funding Award</div>
1232                </div>
1233            </div>
1234            <div class="col-6 col-md-4 col-lg-3">
1235                <div class="stat-card">
1236                    <div class="stat-number" data-count="750" data-suffix="+">0</div>
1237                    <div class="stat-label">Investors in WIN</div>
1238                </div>
1239            </div>
1240            <div class="col-6 col-md-4 col-lg-3">
1241                <div class="stat-card">
1242                    <div class="stat-number" data-count="4500" data-suffix="+">0</div>
1243                    <div class="stat-label">Founders Games Applicants / Year</div>
1244                </div>
1245            </div>
1246        </div>
1247    </div>
1248</section>
1249
1250
1251<style>
1252.media-quotes-section {
1253    padding: clamp(3rem, 8vw, 5rem) 0;
1254    background: var(--webit-dark-lighter);
1255}
1256
1257.media-quotes-label {
1258    text-align: center;
1259    font-size: 1.1rem;
1260    font-weight: 700;
1261    letter-spacing: 0.12em;
1262    text-transform: uppercase;
1263    color: var(--webit-gray);
1264    margin-bottom: 2rem;
1265}
1266
1267.mqs-outer {
1268    overflow: hidden;
1269}
1270
1271.mqs-track {
1272    display: flex;
1273    gap: 1rem;
1274    will-change: transform;
1275}
1276
1277.mqs-track.mqs-animated {
1278    transition: transform 0.45s ease;
1279}
1280
1281.mq-card {
1282    flex-shrink: 0;
1283    background: var(--webit-glass);
1284    border: 1px solid var(--webit-glass-border);
1285    border-radius: 1rem;
1286    padding: 1.5rem;
1287    display: flex;
1288    flex-direction: column;
1289    gap: 10;
1290}
1291
1292.mq-mark {
1293    font-size: 2rem;
1294    line-height: 1;
1295    color: var(--webit-gray);
1296}
1297
1298.mq-text {
1299    font-size: 1.1rem;
1300    font-style: italic;
1301    line-height: 1.65;
1302    color: var(--webit-gray);
1303    flex: 1;
1304    margin: -10px 0 10px 0;
1305}
1306
1307.mq-footer {
1308    border-top: 1px solid var(--webit-glass-border);
1309    padding-top: 0.875rem;
1310    margin-top: auto;
1311}
1312
1313.mq-source {
1314    font-size: 1.25rem;
1315    font-weight: 700;
1316    color: var(--webit-light);
1317    text-transform: uppercase;
1318    letter-spacing: 0.05em;
1319}
1320
1321.mqs-pagination {
1322    display: flex;
1323    justify-content: center;
1324    gap: 0.5rem;
1325    margin-top: 1.5rem;
1326}
1327
1328.mqs-dot {
1329    width: 8px;
1330    height: 8px;
1331    border-radius: 50%;
1332    background: var(--webit-glass-border);
1333    border: none;
1334    cursor: pointer;
1335    padding: 0;
1336    transition: background 0.3s, transform 0.3s;
1337}
1338
1339.mqs-dot.active {
1340    background: var(--webit-primary);
1341    transform: scale(1.3);
1342}
1343.btn-section-outline-light {
1344    display: inline-flex;
1345    align-items: center;
1346    gap: 0.4rem;
1347    padding: 0.625rem 1.25rem;
1348    font-size: 0.875rem;
1349    font-weight: 600;
1350    border-radius: 50px;
1351    border: 1.5px solid rgba(15,15,26,0.3);
1352    color: #0f0f1a;
1353    text-decoration: none;
1354    transition: all 0.3s;
1355}
1356
1357.btn-section-outline-light:hover {
1358    border-color: #0f0f1a;
1359    color: #0f0f1a;
1360    background: rgba(15,15,26,0.06);
1361}
1362
1363</style>
1364
1365<section class="media-quotes-section">
1366    <div class="container">
1367        <p class="media-quotes-label">As Featured In</p>
1368        <div class="mqs-outer" id="mqsOuter">
1369            <div class="mqs-track" id="mqsTrack">
1370                                <div class="mq-card">
1371                    <span class="mq-mark">"</span>
1372                    <p class="mq-text">One of the most influential global digital industry gatherings.</p>
1373                    <div class="mq-footer">
1374                        <span class="mq-source">
1374The Wall Street Journal</span>
1375                    </div>
1376                </div>
1377                                <div class="mq-card">
1378                    <span class="mq-mark">"</span>
1379                    <p class="mq-text">The future is happening now, at Webit!</p>
1380                    <div class="mq-footer">
1381                        <span class="mq-source">Bloomberg TV</span>
1382                    </div>
1383                </div>
1384                                <div class="mq-card">
1385                    <span class="mq-mark">"</span>
1386                    <p class="mq-text">Webit defines the innovation landscape in Europe.</p>
1387                    <div class="mq-footer">
1388                        <span class="mq-source">The Economist</span>
1389                    </div>
1390                </div>
1391                                <div class="mq-card">
1392                    <span class="mq-mark">"</span>
1393                    <p class="mq-text">Webit catalyzed the rise of the host city as a location for technology talent and investment.</p>
1394                    <div class="mq-footer">
1395                        <span class="mq-source">Forbes</span>
1396                    </div>
1397                </div>
1398                                <div class="mq-card">
1399                    <span class="mq-mark">"</span>
1400                    <p class="mq-text">The meteoric rise of Webit.</p>
1401                    <div class="mq-footer">
1402                        <span class="mq-source">VentureBeat</span>
1403                    </div>
1404                </div>
1405                                <div class="mq-card">
1406                    <span class="mq-mark">"</span>
1407                    <p class="mq-text">One of the most important events dedicated to digital industries and entrepreneurship.</p>
1408                    <div class="mq-footer">
1409                        <span class="mq-source">Xinhua</span>
1410                    </div>
1411                </div>
1412                                <div class="mq-card">
1413                    <span class="mq-mark">"</span>
1414                    <p class="mq-text">The tech world gathers at Webit.</p>
1415                    <div class="mq-footer">
1416                        <span class="mq-source">Al Jazeera</span>
1417                    </div>
1418                </div>
1419                                <div class="mq-card">
1420                    <span class="mq-mark">"</span>
1421                    <p class="mq-text">The international event for the digital, technology and entrepreneurial ecosystem with special focus on EMEA.</p>
1422                    <div class="mq-footer">
1423                        <span class="mq-source">Mashable</span>
1424                    </div>
1425                </div>
1426                                <div class="mq-card">
1427                    <span class="mq-mark">"</span>
1428                    <p class="mq-text">The premier gathering of global Founders.</p>
1429                    <div class="mq-footer">
1430                        <span class="mq-source">CNBC-e</span>
1431                    </div>
1432                </div>
1433                                <div class="mq-card">
1434                    <span class="mq-mark">"</span>
1435                    <p class="mq-text">One of these events you should not miss!</p>
1436                    <div class="mq-footer">
1437                        <span class="mq-source">TechCrunch</span>
1438                    </div>
1439                </div>
1440                                <div class="mq-card">
1441                    <span class="mq-mark">"</span>
1442                    <p class="mq-text">Meet the future.</p>
1443                    <div class="mq-footer">
1444                        <span class="mq-source">CNN Turk</span>
1445                    </div>
1446                </div>
1447                            </div>
1448        </div>
1449        <div class="mqs-pagination" id="mqsPagination"></div>
1450    </div>
1451</section>
1452
1453<script>
1454(function () {
1455    'use strict';
1456
1457    var INTERVAL = 3500;
1458    var GAP      = 16;
1459
1460    var outer      = document.getElementById('mqsOuter');
1461    var track      = document.getElementById('mqsTrack');
1462    var pagination = document.getElementById('mqsPagination');
1463    if (!outer || !track || !pagination) return;
1464
1465    var origCards = Array.prototype.slice.call(track.children);
1466    var total     = origCards.length;
1467    var visible   = 4;
1468    var page      = 0;
1469    var timer     = null;
1470    var jumping   = false;
1471
1472    /* ── Clones: append one extra page worth ── */
1473    function buildClones() {
1474        track.querySelectorAll('.mq-clone').forEach(function (c) { c.parentNode.removeChild(c); });
1475        for (var i = 0; i < visible; i++) {
1476            var clone = origCards[i % total].cloneNode(true);
1477            clone.classList.add('mq-clone');
1478            track.appendChild(clone);
1479        }
1480    }
1481
1482    /* ── Card width ── */
1483    function cw() {
1484        return (outer.offsetWidth - GAP * (visible - 1)) / visible;
1485    }
1486
1487    /* ── Apply widths to all cards incl. clones ── */
1488    function applyWidths() {
1489        var w = cw();
1490        Array.prototype.slice.call(track.children).forEach(function (c) {
1491            c.style.width = w + 'px';
1492        });
1493    }
1494
1495    /* ── Translate without/with animation ── */
1496    function moveTo(p, animate) {
1497        var x = p * visible * (cw() + GAP);
1498        if (animate) {
1499            track.classList.add('mqs-animated');
1500        } else {
1501            track.classList.remove('mqs-animated');
1502        }
1503        track.style.transform = 'translateX(-' + x + 'px)';
1504    }
1505
1506    /* ── Pages ── */
1507    function pages() { return Math.ceil(total / visible); }
1508
1509    /* ── Dots ── */
1510    function buildDots() {
1511        pagination.innerHTML = '';
1512        var n = pages();
1513        if (n <= 1) return;
1514        for (var i = 0; i < n; i++) {
1515            var dot = document.createElement('button');
1516            dot.className = 'mqs-dot' + (i === 0 ? ' active' : '');
1517            dot.setAttribute('aria-label', 'Page ' + (i + 1));
1518            (function (idx) {
1519                dot.addEventListener('click', function () { goTo(idx, true); });
1520            }(i));
1521            pagination.appendChild(dot);
1522        }
1523    }
1524
1525    function updateDots(p) {
1526        Array.prototype.slice.call(pagination.querySelectorAll('.mqs-dot')).forEach(function (d, i) {
1527            d.classList.toggle('active', i === p);
1528        });
1529    }
1530
1531    /* ── Go to page ── */
1532    function goTo(p, userClick) {
1533        page = p;
1534        var n = pages();
1535        if (page >= n) {
1536            /* Animate to clone page */
1537            moveTo(n, true);
1538            updateDots(0);
1539            jumping = true;
1540        } else {
1541            moveTo(page, true);
1542            updateDots(page);
1543        }
1544        if (userClick) { stopTimer(); startTimer(); }
1545    }
1546
1547    /* ── After transition: snap back from clones ── */
1548    track.addEventListener('transitionend', function () {
1549        if (!jumping) return;
1550        jumping = false;
1551        page = 0;
1552        moveTo(0, false);
1553        void track.offsetWidth;
1554    });
1555
1556    /* ── Timer ── */
1557    function startTimer() {
1558        stopTimer();
1559        timer = setInterval(function () { goTo(page + 1, false); }, INTERVAL);
1560    }
1561    function stopTimer() { clearInterval(timer); timer = null; }
1562
1563    /* ── Responsive ── */
1564    function getVisible() {
1565		var w = window.innerWidth;
1566		if (w <= 567) return 1;
1567		if (w <= 991) return 2;
1568		return 4;
1569	}
1570
1571    /* ── Init ── */
1572    function init() {
1573        stopTimer();
1574        jumping = false;
1575        visible = getVisible();
1576        page = 0;
1577        buildClones();
1578        applyWidths();
1579        moveTo(0, false);
1580        buildDots();
1581        startTimer();
1582    }
1583
1584    outer.addEventListener('mouseenter', stopTimer);
1585    outer.addEventListener('mouseleave', startTimer);
1586
1587    var resizeTimer;
1588    window.addEventListener('resize', function () {
1589        clearTimeout(resizeTimer);
1590        resizeTimer = setTimeout(init, 150);
1591    });
1592
1593    if (document.readyState === 'loading') {
1594        document.addEventListener('DOMContentLoaded', init);
1595    } else {
1596        init();
1597    }
1598}());
1599</script>
1599
1600
1601
1602<section class="davos-section" id="davos">
1603    <p class="davos-eyebrow">Webit in Davos</p>
1604    <div class="davos-grid">
1605
1606        <div class="davos-card-portrait">
1607            <img src="/2026/sofia/img/fg2.jpg" alt="Founders Games Award Ceremony Davos" loading="lazy">
1608            <p class="davos-caption">Davos 2025: JP Morgan’s Jamie Dimon, Former UK Prime Minister Tony Blair, Dr. Plamen Russev, and Other Global Leaders </p>
1609        </div>
1610
1611        <div class="davos-stack">
1612            <div class="davos-card-horizontal">
1613                <img src="/2026/sofia/img/fg1.jpg" alt="Global Leaders at Davos 2025" loading="lazy">
1614                <p class="davos-caption">Davos 2025: JP Morgan’s Jamie Dimon, Former UK Prime Minister Tony Blair, Dr. Plamen Russev, and Other Global Leaders </p>
1615            </div>
1616            <div class="davos-card-horizontal">
1617                <img src="/2026/sofia/img/fg3.jpg" alt="Future-Proof Capital Breakfast Davos 2025" loading="lazy">
1618                <p class="davos-caption">Davos 2025: Khosla Venture’s ($18B) Rajesh Swaminathan, CEO of Binance - Richard Teng, Mercer’s ($16T) Cara Williams, Andrew NG (Google Brain, Baidu, Amazon, AI Fund), FOs with $5B+ AUM.  </p>
1619            </div>
1620        </div>
1621
1622    </div>
1623</section>
1624
1625
1626<!-- ============================================
1627     ABOUT
1628     ============================================ -->
1629<section class="about-section-brand bg-white" id="about">
1630    <div class="container">
1631        <div class="row g-5 align-items-center">
1632            <div class="col-lg-7 col-xl-6">
1633                <h2 class="section-brand-title mb-4">What is <span class="gradient-text">Webit?</span></h2>
1634                <p class="text-dark mb-4">For <strong>over two decades</strong>, Webit has built one of the world's most <strong>influential communities for innovation, entrepreneurship, and future-focused leadership</strong>. With <strong>more than 120 editions across four continents</strong> &mdash; including Sofia, New Delhi, Singapore, Miami, Dubai, and Davos &mdash; Webit has welcomed <strong>over 250,000 participants from more than 150 countries</strong>.</p>
1635                <p class="text-dark" style="font-size:1rem;">Through <strong>Founders Games</strong>, Webit has awarded <strong>up to $6 million annually</strong> to breakthrough innovators, culminating in global finals in Davos. <strong>More than 30,000 startups</strong> have entered the ecosystem, <strong>over 1,000 have reached the semifinal stage</strong>, and alumni companies have generated <strong>more than 170 acquisitions, mergers, and exits, including over eight unicorns</strong>.</p>
1636				<p class="text-dark" style="font-size:1rem;">Webit's global network brings together <strong>the United Nations, governments, scientific communities, leading corporations, investors, entrepreneurs, and changemakers</strong> committed to <strong>shaping a better future</strong>.</p>
1637            </div>
1638            <div class="col-lg-6">
1639                <div class="row g-3">
1640                    <div class="col-12 col-sm-6">
1641                        <div class="pillar-card-brand">
1642                            <div class="pillar-icon-brand"><i class="ph-duotone ph-globe" style="color:white;"></i></div>
1643                            <h4>Global Reach</h4>
1644                            <p>Events across 4 continents &mdash; bringing the right people together regardless of borders.</p>
1645                        </div>
1646                    </div>
1647                    <div class="col-12 col-sm-6">
1648                        <div class="pillar-card-brand">
1649                            <div class="pillar-icon-brand"><i class="ph-duotone ph-handshake" style="color:white;"></i></div>
1650                            <h4>High-Quality Connections</h4>
1651                            <p>Curated attendee profiles. Real conversations that lead to partnerships, investments, and decisions.</p>
1652                        </div>
1653                    </div>
1654                    <div class="col-12 col-sm-6">
1655                        <div class="pillar-card-brand">
1656                            <div class="pillar-icon-brand"><i class="ph-duotone ph-lightbulb" style="color:white;"></i></div>
1657                            <h4>Practical Insight</h4>
1658                            <p>No hype. Case studies, playbooks, and frameworks you can use on Monday morning.</p>
1659                        </div>
1660                    </div>
1661                    <div class="col-12 col-sm-6">
1662                        <div class="pillar-card-brand">
1663                            <div class="pillar-icon-brand"><i class="ph-duotone ph-chart-line-up" style="color:white;"></i></div>
1664                            <h4>Measurable Impact</h4>
1665                            <p>From the Webit Pledge to startup ecosystems &mdash; we track and share the impact of every edition.</p>
1666                        </div>
1667                    </div>
1668                </div>
1669            </div>
1670        </div>
1671    </div>
1672</section>
1673
1674
1675
1676
1677
1678
1679
1680<!-- ============================================
1681     QUOTE SECTION - Eric Schmidt + Video
1682     ============================================ -->
1683<section class="quote-section video-section bg-webit-gradient">
1684    <div class="container">
1685        <div class="row align-items-center g-4 g-lg-5">
1686            <div class="col-lg-6 order-lg-2">
1687                <div class="video-wrapper">
1688                    <div class="plyr__video-embed" id="player">
1689                        <iframe
1690                            src="https://www.youtube.com/embed/4u4YrzfndDw?si=52ictFKnV4_N3NjZ&showinfo=0&rel=0&iv_load_policy=3&modestbranding=1&playsinline=1&enablejsapi=1"
1691                            allowfullscreen
1692                            allowtransparency
1693                            allow="autoplay"
1694                        ></iframe>
1695                    </div>
1696                </div>
1697            </div>
1698            <div class="col-lg-6 order-lg-1">
1699                <div class="quote-mark">"</div>
1700                <p class="quote-text mb-4">Webit is doing an enormous service.</p>
1701                <div class="d-flex align-items-center gap-3">
1702                    <img src="https://www.webit.org/2027/sofia/img/eric.jpg" alt="Eric Schmidt" class="quote-author-avatar">
1703                    <div>
1704                        <strong class="d-block">Eric Schmidt</strong>
1705                        <span class="text-webit-gray small">Co-Founder, Schmidt Futures; Former CEO, Google</span>
1706                    </div>
1707                </div>
1708            </div>
1709        </div>
1710    </div>
1711</section>
1712
1713
1714
1715
1716<!-- ============================================
1717     UPCOMING FEATURED EVENT — white bg
1718     ============================================ -->
1719<section class="upcoming-section-brand" id="upcoming">
1720    <div class="container">
1721       
1722		<div class="pe-section-header" style="border-bottom-color: rgba(0,0,0,0.08);">
1723			<div class="pe-header-inner">
1724				<div class="pe-eyebrow" style="color:#333;"><span class="pe-eyebrow-line" style="background-color:#333;"></span>19 Years &middot; 100+ Events</div>
1725				<h2 class="pe-section-title text-dark">A truly <span class="gradient-text">global presence</span></h2>
1726				<p class="pe-section-lead text-muted">Webit events have taken place across the world &mdash; flagship summits, Davos roundtables, regional forums, and virtual series that reached tens of thousands during the pandemic years.</p>
1727			</div>
1728		</div>
1729
1730
1731	   <div class="row g-4 g-lg-5 align-items-center">
1732
1733            <!-- Left: main event card -->
1734            <div class="col-lg-6">
1735                <div class="upcoming-card-brand">
1736                    <!-- Hero image — flush top/sides -->
1737                    <div class="upcoming-card-img">
1738                        <img src="https://www.webit.org/2027/sofia/img/hero.jpg" alt="Webit AI Business Dialogue 2026 — Sofia, National Palace of Culture">
1739                    </div>
1740
1741                    <div class="upcoming-label-brand">
1742                        <i class="ph-fill ph-circle" style="font-size:0.4rem;vertical-align:middle;margin-right:0.3rem;"></i>
1743                        Next Event
1744                    </div>
1745                    <div class="upcoming-subtitle-brand">Webit 2027</div>
1746                    <div class="upcoming-meta-brand">
1747                       27 May 2027 &nbsp;&middot;&nbsp; Sofia, Bulgaria
1748                    </div>
1749                    <div class="upcoming-features-brand">
1750                        <div class="upcoming-feature-brand"><i class="ph-fill ph-check-circle"></i> 12 industry tracks</div>
1751                        <div class="upcoming-feature-brand"><i class="ph-fill ph-check-circle"></i> Invite-only roundtables</div>
1752                        <div class="upcoming-feature-brand"><i class="ph-fill ph-check-circle"></i> Hands-on workshops</div>
1753                        <div class="upcoming-feature-brand"><i class="ph-fill ph-check-circle"></i> 500+ senior attendees</div>
1754                    </div>
1755                    <div class="d-flex gap-3 flex-wrap">
1756                        <a href="https://www.webit.org/2027/sofia/" class="btn-hero-primary">
1757                            <i class="ph ph-ticket"></i> Read More!                         </a>
1758                    </div>
1759                </div>
1760            </div>
1761
1762            <!-- Right: also coming up -->
1763            <div class="col-lg-6">
1764                <p class="mb-4" style="font-size:0.8rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#94a3b8;">Also coming up</p>
1765                <div class="d-flex flex-column gap-3">
1766
1767                    <div class="side-event-card">
1768                        <div class="side-event-img">
1769                            <img src="https://www.webit.org/powers/2021/gallery/small/02_Education_Listening_14.jpg?v1" alt="Powers Summit 2026 — Sofia">
1770                        </div>
1771                        <div class="side-event-body">
1772                            <div>
1773                                <div class="side-event-title">Powers Summit</div>
1774                                <div class="side-event-meta">10 Dec 2026 &middot; Sofia</div>
1775                            </div>
1776                            <a href="https://powersummit.eu/en/" target="_blank" rel="noopener" class="btn-visit">
1777                                Apply now
1778                                <span class="btn-visit-icon">
1779                                    <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round">
1780                                        <polyline points="15 3 21 3 21 9"></polyline>
1781                                        <line x1="10" y1="14" x2="21" y2="3"></line>
1782                                        <path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path>
1783                                    </svg>
1784                                </span>
1785                            </a>
1786                        </div>
1787                    </div>
1788
1789                    <div class="side-event-card">
1790                        <div class="side-event-img">
1791                            <img src="https://www.webit.org/2026/img/fg-small.
1791jpg" alt="Founders Games 2026">
1792                        </div>
1793                        <div class="side-event-body">
1794                            <div>
1795                                <div class="side-event-title">Founders Games</div>
1796                                <div class="side-event-meta">2026</div>
1797                            </div>
1798                            <a href="https://foundersgames.org/" target="_blank" rel="noopener" class="btn-visit">
1799                                Visit
1800                                <span class="btn-visit-icon">
1801                                    <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round">
1802                                        <polyline points="15 3 21 3 21 9"></polyline>
1803                                        <line x1="10" y1="14" x2="21" y2="3"></line>
1804                                        <path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path>
1805                                    </svg>
1806                                </span>
1807                            </a>
1808                        </div>
1809                    </div>
1810					
1811					<div class="side-event-card">
1812                        <div class="side-event-img">
1813                            <img src="https://www.webit.org/davos/img/gallery2026/small/AI7A9753.jpg" alt="Webit Davos 2027">
1814                        </div>
1815                        <div class="side-event-body">
1816                            <div>
1817                                <div class="side-event-title">Webit Davos</div>
1818                                <div class="side-event-meta">Jan 2027 &middot; Davos</div>
1819                            </div>
1820                            <a href="https://www.webit.org/davos/" target="_blank" rel="noopener" class="btn-visit">
1821                                Visit
1822                                <span class="btn-visit-icon">
1823                                    <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round">
1824                                        <polyline points="15 3 21 3 21 9"></polyline>
1825                                        <line x1="10" y1="14" x2="21" y2="3"></line>
1826                                        <path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path>
1827                                    </svg>
1828                                </span>
1829                            </a>
1830                        </div>
1831                    </div>
1832
1833                </div>
1834            </div>
1835
1836        </div>
1837    </div>
1838</section>
1839
1840
1841
1842
1843<section class="history-section-brand bg-webit-dark" id="events">
1844    <div class="container">
1845
1846        <div class="pe-section-header">
1847            <div class="pe-header-inner">
1848                <h2 class="pe-section-title">Previous events include</h2>
1849            </div>
1850        </div>
1851
1852        		<div class="pe-hero-wrap">
1853			<a href="https://www.webit.org/festival-europe/2019/" target="_blank" rel="noopener" class="pe-hero-event">
1854				<img class="pe-hero-img" src="https://www.webit.org/festival-europe/img/gallery2019/8.jpg" alt="WEBIT.FESTIVAL">
1855				<div class="pe-hero-vignette"></div>
1856				<span class="pe-hero-loc-pill">Sofia, Bulgaria</span>
1857				<div class="pe-ext-badge">
1858					<svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"/><polyline points="15 3 21 3 21 9"/><line x1="10" y1="14" x2="21" y2="3"/></svg>
1859				</div>
1860				<div class="pe-hero-body">
1861										<div class="pe-hero-name">WEBIT.FESTIVAL</div>
1862					<div class="pe-hero-meta"></div>
1863					<span class="pe-hero-cta">View event <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><line x1="5" y1="12" x2="19" y2="12"/><polyline points="12 5 19 12 12 19"/></svg></span>
1864				</div>
1865			</a>
1866		</div>
1867				
1868		<div class="pe-grid">
1869
1870            <div class="pe-slot" id="pe-slot-0">
1871                <div class="pe-imgs"><img class="pe-img pe-back" src="" alt=""><img class="pe-img pe-front" src="" alt=""></div>
1872                <div class="pe-vignette"></div>
1873				<span class="pe-loc-pill" id="pe-loc-0"></span>
1874                <div class="pe-ext-badge">
1874<svg width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"/><polyline points="15 3 21 3 21 9"/><line x1="10" y1="14" x2="21" y2="3"/></svg></div>
1875                <div class="pe-caption" id="pe-cap-0"><div class="pe-type" id="pe-type-0"></div><div class="pe-name" id="pe-name-0"></div></div>
1876            </div>
1877
1878            <div class="pe-slot" id="pe-slot-1">
1879                <div class="pe-imgs"><img class="pe-img pe-back" src="" alt=""><img class="pe-img pe-front" src="" alt=""></div>
1880                <div class="pe-vignette"></div>
1881				<span class="pe-loc-pill" id="pe-loc-1"></span>
1882                <div class="pe-ext-badge"><svg width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"/><polyline points="15 3 21 3 21 9"/><line x1="10" y1="14" x2="21" y2="3"/></svg></div>
1883                <div class="pe-caption" id="pe-cap-1"><div class="pe-type" id="pe-type-1"></div><div class="pe-name" id="pe-name-1"></div></div>
1884            </div>
1885
1886            <div class="pe-slot" id="pe-slot-2">
1887                <div class="pe-imgs"><img class="pe-img pe-back" src="" alt=""><img class="pe-img pe-front" src="" alt=""></div>
1888                <div class="pe-vignette"></div>
1889				<span class="pe-loc-pill" id="pe-loc-2"></span>
1890                <div class="pe-ext-badge">
1890<svg width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"/><polyline points="15 3 21 3 21 9"/><line x1="10" y1="14" x2="21" y2="3"/></svg></div>
1891                <div class="pe-caption" id="pe-cap-2"><div class="pe-type" id="pe-type-2"></div><div class="pe-name" id="pe-name-2"></div></div>
1892            </div>
1893
1894            <div class="pe-slot" id="pe-slot-3">
1895                <div class="pe-imgs"><img class="pe-img pe-back" src="" alt=""><img class="pe-img pe-front" src="" alt=""></div>
1896                <div class="pe-vignette"></div>
1897				<span class="pe-loc-pill" id="pe-loc-3"></span>
1898                <div class="pe-ext-badge"><svg width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"/><polyline points="15 3 21 3 21 9"/><line x1="10" y1="14" x2="21" y2="3"/></svg></div>
1899                <div class="pe-caption" id="pe-cap-3"><div class="pe-type" id="pe-type-3"></div><div class="pe-name" id="pe-name-3"></div></div>
1900            </div>
1901
1902            <div class="pe-slot" id="pe-slot-4">
1903                <div class="pe-imgs"><img class="pe-img pe-back" src="" alt=""><img class="pe-img pe-front" src="" alt=""></div>
1904                <div class="pe-vignette"></div>
1905				<span class="pe-loc-pill" id="pe-loc-4"></span>
1906                <div class="pe-ext-badge">
1906<svg width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"/><polyline points="15 3 21 3 21 9"/><line x1="10" y1="14" x2="21" y2="3"/></svg></div>
1907                <div class="pe-caption" id="pe-cap-4"><div class="pe-type" id="pe-type-4"></div><div class="pe-name" id="pe-name-4"></div></div>
1908            </div>
1909
1910            <div class="pe-slot" id="pe-slot-5">
1911                <div class="pe-imgs"><img class="pe-img pe-back" src="" alt=""><img class="pe-img pe-front" src="" alt=""></div>
1912                <div class="pe-vignette"></div>
1913				<span class="pe-loc-pill" id="pe-loc-5"></span>
1914                <div class="pe-ext-badge"><svg width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"/><polyline points="15 3 21 3 21 9"/><line x1="10" y1="14" x2="21" y2="3"/></svg></div>
1915                <div class="pe-caption" id="pe-cap-5"><div class="pe-type" id="pe-type-5"></div><div class="pe-name" id="pe-name-5"></div></div>
1916            </div>
1917
1918        </div><!-- /pe-grid -->
1919
1920        <div class="pe-footer-row">
1921            <a href="https://www.webit.org/2027/previous.php" class="btn-hero-secondary">
1922                View all previous events <i class="ph ph-arrow-right"></i>
1923            </a>
1924        </div>
1925
1926    </div>
1927</section>
1928
1929
1930<script>
1931(function() {
1932    var EVENTS  = [{"featured":true,"style":"bg-danger","type":"ip","img":"https:\/\/www.webit.org\/2026\/sofia\/img\/hero.jpg","name":"Webit","date":"26 Jun 2026","location":"IN-PERSON: Sofia, Bulgaria","link":"https:\/\/www.webit.org\/2026\/sofia\/","loc":"Sofia, Bulgaria"},{"featured":true,"style":"bg-danger","type":"ip","img":"https:\/\/www.webit.org\/davos\/img\/gallery2026\/AI7A9753.jpg","name":"Trust Capital Roundtable \u0026 Cocktail","date":"21 Jan 2026","location":"IN-PERSON: Davos, Switzerland","link":"https:\/\/www.webit.org\/davos\/","loc":"Davos, Switzerland"},{"featured":true,"style":"bg-danger","type":"ip","img":"https:\/\/www.webit.org\/about\/img\/powers.jpg","name":"Powers Summit","date":"9 Dec 2026","location":"IN-PERSON: Sofia, Bulgaria","link":"https:\/\/powersummit.eu\/","loc":"Sofia, Bulgaria"},{"featured":true,"style":"bg-danger","type":"ip","img":"https:\/\/www.webit.org\/2025\/img\/webitsmall.jpg","name":"Webit","date":"26 June 2025","location":"IN-PERSON: Sofia, Bulgaria","link":"https:\/\/www.webit.org\/2025\/sofia\/","loc":"Sofia, Bulgaria"},{"featured":true,"style":"bg-danger","type":"ip","img":"https:\/\/www.webit.org\/2024\/img\/ffsmall.jpg","name":"Future Forum","date":"23-24 October 2024","location":"IN-PERSON: Sofia","link":"https:\/\/futureforum.bg\/en\/","loc":"Sofia"},{"featured":true,"style":"bg-warning","type":"hy","img":"https:\/\/www.webit.org\/2022\/img\/fgsmall.jpg","name":"Grow@COP","date":"21-10 December 2023","location":"HYBRID: Dubai, Online","link":"https:\/\/www.webit.org\/growatcop\/","loc":"Dubai, Online"},{"featured":true,"style":"bg-primary","type":"vr","img":"https:\/\/webit.org\/2023\/img\/meta3.jpg?v1","name":"Founders Games Metaverse Rounds","date":"3-30 October 2023","location":"VIRTUAL: online only","link":"https:\/\/foundersgames.org\/2023\/metaverse.php","loc":"online only"},{"featured":true,"style":"bg-danger","type":"ip","img":"https:\/\/www.webit.org\/img\/2018\/webit.jpg","name":"WEBIT.FESTIVAL","date":"25-27 June, 2018","location":"IN-PERSON: Sofia, Bulgaria","link":"https:\/\/www.webit.org\/festival-europe\/2018\/","loc":"Sofia, Bulgaria"},{"featured":true,"style":"bg-danger","type":"ip","img":"https:\/\/www.webit.org\/img\/2016\/india.jpg","name":"WEBIT.INDIA","date":"29 September, 2016","location":"IN-PERSON: New Delhi, India","link":"https:\/\/www.webit.org\/india\/","loc":"New Delhi, India"},{"featured":true,"style":"bg-danger","type":"ip","img":"https:\/\/www.webit.org\/about\/img\/apac.jpg","name":"WEBIT.APAC","date":"20 September, 2016","location":"IN-PERSON: Singapore","link":"https:\/\/www.webit.org\/apac\/","loc":"Singapore"},{"featured":true,"style":"bg-danger","type":"ip","img":"https:\/\/www.webit.org\/about\/img\/mena.jpg","name":"DIGIT.MENA","date":"11 May, 2015","location":"IN-PERSON: Dubai, UAE","link":"https:\/\/www.webit.org\/digit\/","loc":"Dubai, UAE"},{"featured":true,"style":"bg-danger","type":"ip","img":"https:\/\/www.webit.org\/about\/img\/emea2013.jpg","name":"Global Webit Congress","date":"6-7 November, 2013","location":"IN-PERSON: Istanbul, Turkey","link":"https:\/\/www.webit.org\/en\/2013\/index.html","loc":"Istanbul, Turkey"}];
1933    var EVENTS2 = [{"featured":true,"style":"bg-danger","type":"ip","img":"https:\/\/www.webit.org\/2026\/sofia\/img\/hero.jpg","name":"Webit","date":"26 Jun 2026","location":"IN-PERSON: Sofia, Bulgaria","link":"https:\/\/www.webit.org\/2026\/sofia\/","loc":"Sofia, Bulgaria"},{"featured":true,"style":"bg-danger","type":"ip","img":"https:\/\/www.webit.org\/davos\/img\/gallery2026\/AI7A9753.jpg","name":"Trust Capital Roundtable \u0026 Cocktail","date":"21 Jan 2026","location":"IN-PERSON: Davos, Switzerland","link":"https:\/\/www.webit.org\/davos\/","loc":"Davos, Switzerland"},{"featured":true,"style":"bg-danger","type":"ip","img":"https:\/\/www.webit.org\/about\/img\/powers.jpg","name":"Powers Summit","date":"9 Dec 2026","location":"IN-PERSON: Sofia, Bulgaria","link":"https:\/\/powersummit.eu\/","loc":"Sofia, Bulgaria"},{"featured":true,"style":"bg-danger","type":"ip","img":"https:\/\/www.webit.org\/2025\/img\/webitsmall.jpg","name":"Webit","date":"26 June 2025","location":"IN-PERSON: Sofia, Bulgaria","link":"https:\/\/www.webit.org\/2025\/sofia\/","loc":"Sofia, Bulgaria"},{"featured":true,"style":"bg-danger","type":"ip","img":"https:\/\/www.webit.org\/2024\/img\/ffsmall.jpg","name":"Future Forum","date":"23-24 October 2024","location":"IN-PERSON: Sofia","link":"https:\/\/futureforum.bg\/en\/","loc":"Sofia"},{"featured":true,"style":"bg-warning","type":"hy","img":"https:\/\/www.webit.org\/2022\/img\/fgsmall.jpg","name":"Grow@COP","date":"21-10 December 2023","location":"HYBRID: Dubai, Online","link":"https:\/\/www.webit.org\/growatcop\/","loc":"Dubai, Online"},{"featured":true,"style":"bg-primary","type":"vr","img":"https:\/\/webit.org\/2023\/img\/meta3.jpg?v1","name":"Founders Games Metaverse Rounds","date":"3-30 October 2023","location":"VIRTUAL: online only","link":"https:\/\/foundersgames.org\/2023\/metaverse.php","loc":"online only"},{"featured":true,"style":"bg-danger","type":"ip","img":"https:\/\/www.webit.org\/img\/2018\/webit.jpg","name":"WEBIT.FESTIVAL","date":"25-27 June, 2018","location":"IN-PERSON: Sofia, Bulgaria","link":"https:\/\/www.webit.org\/festival-europe\/2018\/","loc":"Sofia, Bulgaria"},{"featured":true,"style":"bg-danger","type":"ip","img":"https:\/\/www.webit.org\/img\/2016\/india.jpg","name":"WEBIT.INDIA","date":"29 September, 2016","location":"IN-PERSON: New Delhi, India","link":"https:\/\/www.webit.org\/india\/","loc":"New Delhi, India"},{"featured":true,"style":"bg-danger","type":"ip","img":"https:\/\/www.webit.org\/about\/img\/apac.jpg","name":"WEBIT.APAC","date":"20 September, 2016","location":"IN-PERSON: Singapore","link":"https:\/\/www.webit.org\/apac\/","loc":"Singapore"},{"featured":true,"style":"bg-danger","type":"ip","img":"https:\/\/www.webit.org\/about\/img\/mena.jpg","name":"DIGIT.MENA","date":"11 May, 2015","location":"IN-PERSON: Dubai, UAE","link":"https:\/\/www.webit.org\/digit\/","loc":"Dubai, UAE"},{"featured":true,"style":"bg-danger","type":"ip","img":"https:\/\/www.webit.org\/about\/img\/emea2013.jpg","name":"Global Webit Congress","date":"6-7 November, 2013","location":"IN-PERSON: Istanbul, Turkey","link":"https:\/\/www.webit.org\/en\/2013\/index.html","loc":"Istanbul, Turkey"}];
1934    var SLOTS   = 3;
1935    var TYPE_LABEL = { ip:'\u25cf In-person', hy:'\u25d1 Hybrid', vr:'\u25cb Virtual' };
1936    var TYPE_CLS   = { ip:'pe-type-ip', hy:'pe-type-hy', vr:'pe-type-vr' };
1937    var cur = [];
1938
1939    function shuffle(arr) {
1940        var a = arr.slice();
1941        for (var i = a.length - 1; i > 0; i--) {
1942            var j = Math.floor(Math.random() * (i + 1));
1943            var t = a[i]; a[i] = a[j]; a[j] = t;
1944        }
1945        return a;
1946    }
1947
1948    function setText(idx, ev) {
1949        var typeEl = document.getElementById('pe-type-' + idx);
1950        typeEl.textContent = TYPE_LABEL[ev.type] || '\u25cf Event';
1951        typeEl.className = 'pe-type ' + (TYPE_CLS[ev.type] || 'pe-type-ip');
1952        document.getElementById('pe-name-' + idx).textContent = ev.name;
1953        var locEl = document.getElementById('pe-loc-' + idx);
1954        if (locEl) locEl.textContent = ev.loc || '';
1955        var slotEl = document.getElementById('pe-slot-' + idx);
1956        slotEl.onclick = ev.link
1957            ? (function(l) { return function() { window.open(l, '_blank', 'noopener'); }; })(ev.link)
1958            : null;
1959        slotEl.style.cursor = ev.link ? 'pointer' : 'default';
1960        var badge = slotEl.querySelector('.pe-ext-badge');
1961        if (badge) badge.style.display = ev.link ? 'flex' : 'none';
1962    }
1963
1964    function paint(idx, ev) {
1965        var slotEl = document.getElementById('pe-slot-' + idx);
1966        var front  = slotEl.querySelector('.pe-front');
1967        var back   = slotEl.querySelector('.pe-back');
1968        front.src = ev.img; back.src = ev.img;
1969        front.style.opacity = '1';
1970        setText(idx, ev);
1971        cur[idx] = ev;
1972    }
1973
1974    function fadeTo(idx, ev) {
1975        var slotEl = document.getElementById('pe-slot-' + idx);
1976        var front  = slotEl.querySelector('.pe-front');
1977        var back   = slotEl.querySelector('.pe-back');
1978        var capEl  = document.getElementById('pe-cap-' + idx);
1979        var locEl  = document.getElementById('pe-loc-' + idx);
1980        back.src = ev.img;
1981        function doFade() {
1982            front.classList.add('pe-fading');
1983            capEl.classList.add('pe-fading');
1984            if (locEl) locEl.style.opacity = '0';
1985            setTimeout(function() {
1986                front.src = ev.img;
1987                front.classList.remove('pe-fading');
1988                capEl.classList.remove('pe-fading');
1989                setText(idx, ev);
1990                cur[idx] = ev;
1991                if (locEl) locEl.style.opacity = '1';
1992            }, 820);
1993        }
1994        if (back.complete && back.naturalWidth) { doFade(); }
1995        else { back.onload = doFade; setTimeout(doFade, 300); }
1996    }
1997
1998    function makeRotator(events, startIdx) {
1999        return function() {
2000            var idx = startIdx + Math.floor(Math.random() * SLOTS);
2001            var usedImgs = cur.slice(startIdx, startIdx + SLOTS).map(function(e) { return e ? e.img : null; });
2002            var avail = events.filter(function(e) { return usedImgs.indexOf(e.img) === -1; });
2003            if (!avail.length) avail = events.filter(function(e) { return e.img !== (cur[idx] ? cur[idx].img : null); });
2004            if (avail.length) fadeTo(idx, avail[Math.floor(Math.random() * avail.length)]);
2005        };
2006    }
2007
2008    // Init ред 1 (слотове 0-2)
2009    var pool1 = shuffle(EVENTS);
2010    for (var i = 0; i < SLOTS; i++) { paint(i, pool1[i % pool1.length]); }
2011
2012    // Init ред 2 (слотове 3-5)
2013    var pool2 = shuffle(EVENTS2);
2014    for (var i = 0; i < SLOTS; i++) { paint(i + SLOTS, pool2[i % pool2.length]); }
2015
2016    // Ротация
2017    var rotate1 = makeRotator(EVENTS,  0);
2018    var rotate2 = makeRotator(EVENTS2, SLOTS);
2019
2020    setTimeout(function() {
2021        rotate1(); setInterval(rotate1, 3400);
2022        rotate2(); setInterval(rotate2, 4100);
2023    }, 2000);
2024})();
2025</script>
2025
2026
2027
2028
2029<section class="quote-section founders-section" id="founders-games">
2030    <div class="container">
2031
2032        <div class="pe-section-header my-0">
2033			<div class="pe-header-inner">
2034				<div class="pe-eyebrow"><span class="pe-eyebrow-line"></span>Since 2009</div>
2035				<h2 class="pe-section-title text-dark">Webit <span class="gradient-text">Founders Games</span></h2>
2036			</div>
2037		</div>
2038		
2039		<div class="row align-items-center g-4 g-lg-5 mb-4 mb-lg-5">
2040            <div class="col-lg-6">
2041                <p class="founders-lead">Since 2009, Founders Games has been established as the premier scale-up innovation competition &mdash; selecting founders who create highly scalable businesses and generate positive social and environmental change.</p>
2042				
2043				<p class="founders-lead">The best companies pitch at the Grand Finals award ceremony each January in Davos.</p>
2044				
2045                <p class="founders-lead">Through grants and scholarships, over 1,500 companies from 150 countries have received access to exhibition spaces, event tickets, sponsorships, and matchmaking with investors, corporate partners, and media.</p>
2046				
2047			
2048			</div>
2049            <div class="col-lg-6">
2050                <div class="quote-image-wrapper">
2051                    <img src="/2025/img/slides2/4.jpg" alt="Webit Founders Games" class="quote-image" loading="lazy" style="height:auto !important;">
2052                </div>
2053            </div>
2054        </div>
2055
2056        
2057
2058        <div class="row justify-content-center">
2059            <div class="col-lg-7 text-center">
2060				
2061				<p><a href="https://www.foundersgames.org/" class="btn-section-outline-light mt-4">Learn More <i class="ph ph-arrow-right"></i></a></p>
2062            </div>
2063        </div>
2064
2065    </div>
2066</section>
2067
2068<!-- ============================================
2069     NASDAQ QUOTE
2070     Uses .quote-section / .quote-mark / .quote-text / .quote-image from styles.css
2071     ============================================ -->
2072<section class="quote-section bg-webit-dark" id="nasdaq">
2073    <div class="container">
2074        <div class="row align-items-center g-4 g-lg-5">
2075            <div class="col-lg-6">
2076                <div class="quote-mark">&ldquo;</div>
2077                <p class="quote-text mb-4 mt-n3">NASDAQ congratulates WEBIT on its anniversary fostering innovation and entrepreneurship on a global level!</p>
2078                <div class="d-flex align-items-center gap-3">
2079                    <strong class="fs-5">&ndash; NASDAQ</strong>
2080                </div>
2081            </div>
2082            <div class="col-lg-6">
2083                <div class="quote-image-wrapper">
2084                    <img src="/2026/sofia/img/nasdaq2.jpg" alt="NASDAQ at Webit" class="quote-image" loading="lazy" style="height:auto;">
2085                </div>
2086            </div>
2087        </div>
2088    </div>
2089</section>
2090
2091
2092
2093
2094
2095<section class="bg-light py-5" id="founders-games">
2096    <div class="container py-5">
2097		<div class="pe-section-header">
2098            <div class="pe-header-inner" >
2099                <h2 class="pe-section-title text-dark">Globally Recognized Portfolio of <span class="gradient-text">Webit Investment Network</span></h2>
2100            </div>
2101        </div>
2102	
2103        <div class="row align-items-center g-4 g-lg-5">
2104            <div class="col-lg-6">
2105                <div class="quote-image-wrapper">
2106                    <img src="/2026/sofia/img/inheart.jpg" alt="Webit Founders Games Winners" class="quote-image" loading="lazy" style="height:auto !important;">
2107                </div>
2108            </div>
2109            <div class="col-lg-6">
2110				<p class="text-dark mb-4"><strong class="">Webit Investment Network (BSE:WIN)</strong> is a publicly listed company that invests in Founders Games winners — giving everyday people the opportunity to back the companies shaping humanity's future.</p>
2111				<p class="text-dark mb-2"><strong class="">InHeart</strong> received FDA (501) approval by the USA and CE by the EU to sell an AI-powered product to hospitals to create a digital twin of a heart.</p>
2112				<p class="text-dark mb-2"><strong class="">Elephant in a Box</strong> signed a contract with <strong>IKEA</strong>.</p>
2113				<p class="text-dark mb-0"><strong class="">VUZ</strong> attracted IFC as the most recent investor in its B extended round and became the world's leading immersive video provider and the largest 360-degree video library on the Planet.</p>
2114				
2115				<a href="https://www.webit.network/en/" class="btn-section-outline-light mt-4">Learn More <i class="ph ph-arrow-right"></i></a>
2116			</div>
2117        </div>
2118    </div>
2119</section>
2120
2121
2122
2123
2124
2125<!-- ============================================
2126     FOOTER (2027)
2127     ============================================ -->
2128<style>
2129/* icons: reuse the inline SVG sprite (from _header.php) — clean, not Phosphor boxes */
2130.footer-webit .ic{width:1em;height:1em;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;}
2131.footer-webit .footer-links a .ic{font-size:0.72rem;opacity:.55;}
2132/* smaller logo title */
2133.footer-webit .footer-logo-text{font-size:1.2rem;line-height:1.25;}
2134.footer-webit .footer-logo-text small{font-size:0.8rem;}
2135/* Get Tickets — matches the header gradient button */
2136.ft-btn-tickets{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#6366f1 0%,#a855f7 55%,#ec4899 100%);color:#fff;font-weight:600;font-size:0.82rem;padding:11px 22px;border-radius:50px;text-decoration:none;box-shadow:0 6px 20px rgba(99,102,241,.3);transition:transform .15s ease;margin-top:1.1rem;white-space:nowrap;}
2137.ft-btn-tickets:hover{transform:translateY(-2px);color:#fff;}
2138.ft-btn-tickets .ic{font-size:1rem;}
2139/* desktop: thin vertical divider between the two nav groups (Conference/Participate | Webit/Events) */
2140@media(min-width:992px){ .footer-webit .ft-sep{ border-left:1px solid rgba(255,255,255,.12); } }
2141/* mobile: hide the duplicated nav columns — keep only brand + bottom bar */
2142@media(max-width:767.98px){ .footer-webit .ft-navcol{ display:none; } }
2143/* New newsletter bar — self-contained gradient (matches the 2027 static design) */
2144.ft-news2{background:linear-gradient(135deg,#6366f1 0%,#a855f7 55%,#ec4899 100%);}
2145.ft-news2 .in{max-width:72.5rem;margin:0 auto;padding:30px 1.25rem;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;}
2146.ft-news2 h3{color:#fff;font-size:1.3rem;font-weight:700;margin:0;}
2147.ft-news2 p{color:rgba(255,255,255,.85);font-size:0.9rem;margin:4px 0 0;}
2148.ft-news2 .ft-sub-btn{display:inline-flex;align-items:center;gap:9px;background:#fff;color:#6366f1;font-weight:600;font-size:0.92rem;padding:13px 28px;border-radius:50px;text-decoration:none;white-space:nowrap;transition:transform .15s ease,box-shadow .15s ease;}
2149.ft-news2 .ft-sub-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.22);color:#6366f1;}
2150.ft-news2 .ft-sub-btn .ic{font-size:1.05rem;}
2151</style>
2152
2153<footer class="footer-webit">
2154
2155    <!-- Newsletter — new gradient design -->
2156    <div class="ft-news2">
2157        <div class="in">
2158            <div>
2159                <h3>Stay in the loop</h3>
2160                <p>Get updates on speakers, agenda, and early bird offers.</p>
2161            </div>
2162            <a href="https://www.webit.org/2027/newsletter/" class="ft-sub-btn" target="_blank">
2163                Subscribe to Newsletter <svg class="ic">
2163<use href="#i-plane"/></svg>
2164            </a>
2165        </div>
2166    </div>
2167
2168    <!-- Main Footer -->
2169    <div class="footer-main">
2170        <div class="container">
2171            <div class="row g-4">
2172
2173                <!-- Col 1: Brand + Social -->
2174                <div class="col-12 col-lg-3">
2175                    <div class="footer-brand">
2176                        <a href="https://www.webit.org/2027/index.php" class="footer-logo">
2177                            <div class="footer-logo-icon">
2178                                <img src="https://www.webit.org/festival-europe/img/w-w-96x90.gif" alt="Webit Logo" width="48" height="45">
2179                            </div>
2180                            <div class="footer-logo-text">
2181                                Webit 2027                                <small>Sofia, 27 May 2027</small>
2182                            </div>
2183                        </a>
2184                        <p class="footer-desc">
2185                            Global technology, innovation and digital economy events series. Fostering entrepreneurship worldwide since 2008.
2186                        </p>
2187                        <div class="social-links">
2188                            <a href="https://www.facebook.com/webitexpo" target="_blank" rel="noopener" class="social-link" title="Facebook">
2189                                <img src="https://www.webit.org/2027/sofia/img/facebook.svg" alt="Facebook" width="20" height="20">
2190                            </a>
2191                            <a href="https://twitter.com/WebitFestival" target="_blank" rel="noopener" class="social-link" title="X (Twitter)">
2192                                <img src="https://www.webit.org/2027/sofia/img/twitter.svg" alt="X" width="20" height="20">
2193                            </a>
2194                            <a href="https://www.instagram.com/webitfestival/" target="_blank" rel="noopener" class="social-link" title="Instagram">
2195                                <img src="https://www.webit.org/2027/sofia/img/instagram.svg" alt="Instagram" width="20" height="20">
2196                            </a>
2197                            <a href="https://www.linkedin.com/company/webit-foundation/" target="_blank" rel="noopener" class="social-link" title="LinkedIn">
2198                                <img src="https://www.webit.org/2027/sofia/img/linkedin.svg" alt="LinkedIn" width="20" height="20">
2199                            </a>
2200                            <a href="https://www.youtube.com/user/webitbg" target="_blank" rel="noopener" class="social-link" title="YouTube">
2201                                <img src="https://www.webit.org/2027/sofia/img/youtube.svg" alt="YouTube" width="20" height="20">
2202                            </a>
2203                        </div>
2204                    </div>
2205                </div>
2206
2207                <!-- Conference -->
2208                <div class="col-6 col-md-3 col-lg-2 offset-xl-1 ft-navcol">
2209                    <h4 class="footer-heading">Conference</h4>
2210                    <ul class="footer-links">
2211                        <li><a href="https://www.webit.org/2027/index.php">Home</a></li>
2212                        <li><a href="https://www.webit.org/2027/sofia/index.php">Conference</a></li>
2213                    </ul>
2214                </div>
2215
2216                <!-- Participate -->
2217                <div class="col-6 col-md-3 col-lg-2 ft-navcol">
2218                    <h4 class="footer-heading">Participate</h4>
2219                    <ul class="footer-links">
2220                        <li><a href="https://www.webit.org/2027/sofia/speakers.php">Become a Speaker</a></li>
2221                        <li><a href="https://www.webit.org/2027/sofia/partners.php">Become a Partner</a></li>
2222                        <li><a href="https://www.webit.org/2027/sofia/expo.php">Become an Exhibitor</a></li>
2223                    </ul>
2224                    <a href="https://www.webit.org/2027/sofia/tickets.php" class="ft-btn-tickets">
2225                        <svg class="ic"><use href="#i-ticket"/></svg> Tickets
2226                    </a>
2227                </div>
2228
2229                <!-- Webit (second group — vertical divider on desktop) -->
2230                <div class="col-6 col-md-3 col-lg-2 ft-navcol ft-sep">
2231                    <h4 class="footer-heading">Webit</h4>
2232                    <ul class="footer-links">
2233                        <li><a href="https://www.webit.org/2027/webit.php">Webit Foundation</a></li>
2234                        <li><a href="https://www.webit.org/2027/inthemedia.php">In the Media</a></li>
2235                        <li><a href="https://www.webit.org/en/allspeakers.html" target="_blank">All Webit Speakers <svg class="ic ext"><use href="#i-ext"/></svg></a></li>
2236                        <li><a href="https://blog.webit.org/" target="_blank" rel="noopener">Blog <svg class="ic">
2236<use href="#i-ext"/></svg></a></li>
2237                    </ul>
2238                </div>
2239
2240                <!-- Events -->
2241                <div class="col-6 col-md-3 col-lg-2 ft-navcol">
2242                    <h4 class="footer-heading">Events</h4>
2243                    <ul class="footer-links">
2244                        <li><a href="https://www.webit.org/2027/index.php#upcoming">Upcoming Events</a></li>
2245                        <li><a href="https://www.webit.org/2027/previous.php">Past Events</a></li>
2246                        <li><a href="https://foundersgames.org/" target="_blank" rel="noopener">Founders Games <svg class="ic"><use href="#i-ext"/></svg></a></li>
2247                        <li><a href="https://www.webit.org/changemakers/" target="_blank" rel="noopener">Webit Changemakers <svg class="ic"><use href="#i-ext"/></svg></a></li>
2248                    </ul>
2249                </div>
2250
2251            </div>
2252        </div>
2253    </div>
2254
2255    <!-- Bottom Bar -->
2256    <div class="footer-bottom">
2257        <div class="container">
2258            <div class="footer-bottom-content">
2259                <p class="footer-copyright">
2260                    &copy; 2026 Webit.Foundation. All Rights reserved.
2261                </p>
2262                <div class="footer-legal">
2263                    <a href="https://www.webit.org/2027/terms.php">Terms &amp; Conditions</a>
2264                    <a href="https://www.webit.org/2027/privacy.php">Privacy Policy</a>
2265                </div>
2266            </div>
2267        </div>
2268    </div>
2269
2270</footer>
2271
2272<!-- ============================================
2273     SCRIPTS
2274     ============================================ -->
2275<script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
vendor: 1 bytes, line 2275
2275
2276<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
vendor: 1 bytes, line 2276
2276
2277<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
vendor: 1 bytes, line 2277
2277
2278<script src="https://cdn.plyr.io/3.7.8/plyr.polyfilled.js"></script>
vendor: 1 bytes, line 2278
2278
2279<script src="https://www.webit.org/2027/sofia/js/scripts.js?v=2.0.1"></script>
2279
2280
2281<script>
2282(function () {
2283    'use strict';
2284    var slides   = document.querySelectorAll('.hero-slide-bg');
2285    if (slides.length < 2) return;
2286
2287    var current  = 0;
2288    var DURATION = 6000;
2289    var TRANS    = 1500;
2290
2291    function goTo(next) {
2292        var prev = slides[current];
2293        prev.classList.remove('active');
2294        prev.classList.add('exiting');
2295        setTimeout(function () {
2296            prev.classList.remove('exiting', 'zooming');
2297            prev.style.transform = 'scale(1)';
2298        }, TRANS);
2299
2300        slides[next].classList.remove('exiting', 'zooming');
2301        slides[next].style.transform = 'scale(1)';
2302        void slides[next].offsetWidth; /* reflow за да reset-не animation */
2303        slides[next].classList.add('active', 'zooming');
2304        current = next;
2305    }
2306
2307    setInterval(function () {
2308        goTo((current + 1) % slides.length);
2309    }, DURATION);
2310	
2311
2312		
2313}());
2314
2315</script>
2315
2316
2317
2318<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"9ae5183e6a2248e297169f017289bb4b","r":1,"spa":2}' crossorigin="anonymous"></script>
2318
2319</body>
2320</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.