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; 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; 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; 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 <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">☰</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> — including Sofia, New Delhi, Singapore, Miami, Dubai, and Davos — 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 — 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 — 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 · 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 — 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 · 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 · 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 · 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 — 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">“</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">– 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 © 2026 Webit.Foundation. All Rights reserved. 2261 </p> 2262 <div class="footer-legal"> 2263 <a href="https://www.webit.org/2027/terms.php">Terms & 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.