{"id":1022,"date":"2026-09-23T03:52:01","date_gmt":"2026-09-23T03:52:01","guid":{"rendered":"https:\/\/event.imt-soft.com\/Vietnamese-Tech-Table-2026\/?page_id=1022"},"modified":"2026-10-14T04:03:34","modified_gmt":"2026-10-14T04:03:34","slug":"svef-2026-panel","status":"publish","type":"page","link":"https:\/\/event.imt-soft.com\/SVEF-2026-Panel\/","title":{"rendered":"The AI Panel, by IMT Solutions"},"content":{"rendered":"\n<style>\n  \/* ============================================================\n     0. RESET & FOUNDATION\n     ============================================================ *\/\n  *, *::before, *::after { box-sizing: border-box; }\n  html { scroll-behavior: smooth; }\n  @media (prefers-reduced-motion: reduce) {\n    html { scroll-behavior: auto; }\n    *, *::before, *::after { animation-duration: 0.001ms !important; animation-iteration-count: 1 !important; transition-duration: 0.001ms !important; scroll-behavior: auto !important; }\n  }\n  body { margin: 0; }\n  img, svg { display: block; max-width: 100%; }\n  a { color: inherit; }\n  ul, ol { list-style: none; margin: 0; padding: 0; }\n  h1, h2, h3, h4, p { margin: 0; }\n  button { font: inherit; }\n\n  :root {\n    \/* Softened, low-contrast palette \u2014 blues matched to IMT Solutions brand blue (#0D4C8E) *\/\n    --imt-blue: #0d4c8e;\n    --ink: #383f47;\n    --ink-soft: #5f6873;\n    --ink-faint: #8b939e;\n    --paper: #fcfcfb;\n    --paper-raised: #f4f6f7;\n    --paper-deep: #eef1f3;\n    --line: rgba(56, 63, 71, 0.10);\n    --line-strong: rgba(56, 63, 71, 0.20);\n    --navy: #3d6f9f;\n    --navy-deep: #0d4c8e;\n    --navy-soft: #e9f0f8;\n    --red: #cf5f58;\n    --red-deep: #b64e48;\n    --red-soft: #f9edeb;\n    --jade: #5f8f6b;\n    --jade-deep: rgb(13, 76, 142);\n    --jade-soft: #edf4ef;\n    --gold: #c2a065;\n    --gold-soft: #f5efdf;\n    --slate: #46586a;\n    --shadow-sm: 0 1px 3px rgba(56, 63, 71, 0.06);\n    --shadow-md: 0 10px 28px rgba(56, 63, 71, 0.09);\n    --shadow-lg: 0 24px 60px rgba(56, 63, 71, 0.14);\n    --radius-sm: 8px;\n    --radius-md: 12px;\n    --radius-lg: 18px;\n    --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n    --font-mono: 'IBM Plex Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;\n    --container: 1080px;\n    --header-h: 28px;\n\n\n    --cink: #eaf1f8;\n    --cink-soft: #bccbda;\n    --cink-faint: #92a7bb;\n    --cpaper: #082643;\n    --cpaper-raised: #0c3157;\n    --cpaper-deep: #061e36;\n    --cline: rgba(255, 255, 255, 0.12);\n    --cline-strong: rgba(255, 255, 255, 0.24);\n    --cnavy: #8ec3f0;\n    --cnavy-deep: #a9d2f5;\n    --cnavy-soft: rgba(142, 195, 240, 0.10);\n    --cred: #ef8f88;\n    --cred-deep: #f2a29b;\n    --cred-soft: rgba(239, 143, 136, 0.12);\n    --cjade: #8ed4a8;\n    --cjade-deep: #a3e0ba;\n    --cjade-soft: rgba(142, 212, 168, 0.10);\n    --cgold: #dcbf82;\n    --cgold-soft: rgba(220, 191, 130, 0.12);\n    --cshadow-sm: 0 1px 3px rgba(2, 12, 24, 0.35);\n    --cshadow-md: 0 12px 30px rgba(2, 12, 24, 0.45);\n    --cshadow-lg: 0 24px 60px rgba(2, 12, 24, 0.55);\n  }\n\n  body {\n    font-family: var(--font-sans) !important;\n    background: var(--paper) !important;\n    color: var(--ink) !important;\n    -webkit-font-smoothing: antialiased !important;\n    line-height: 1.6 !important;\n  }\n\n  .wrap { max-width: var(--container); margin: 0 auto; padding: 0 28px; }\n  section { position: relative; scroll-margin-top: calc(var(--header-h) + 12px); }\n\n  h1, h2, h3, h4 { font-weight: 700; letter-spacing: -0.015em; line-height: 1.2; }\n  .wpdevart-top-header-phone{ float:left;}\n  .eyebrow {\n    font-family: var(--font-mono);\n    font-size: 12px !important;\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n    color: var(--navy-deep);\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n    font-weight: 500;\n  }\n  .eyebrow::before { content: \"\"; width: 22px; height: 1px; background: var(--navy); display: inline-block; }\n  .eyebrow.jade { color: var(--jade-deep); }\n  .eyebrow.jade::before { background: var(--jade); }\n\n  .section-head { max-width: 640px; margin-bottom: 40px; }\n  .section-head h2 { font-size: clamp(26px, 3.6vw, 36px) !important; margin-top: 14px !important; text-transform: unset !important; color: rgb(56, 63, 71) !important;}\n  \n  .section-head p.lede { margin-top: 14px!important; font-size: 16px!important; color: #5f6873 !important; line-height: 1.7!important; }\n\n  .tbu {\n    display: inline-flex; align-items: center; gap: 5px;\n    font-family: var(--font-mono); font-size: 10.5px; letter-spacing: 0.08em; font-weight: 700;\n    color: var(--gold); border-bottom: 1.5px dotted var(--gold);\n    padding: 0 1px 2px; vertical-align: middle; text-transform: uppercase;\n  }\n  .tbu::before { content: \"\u25cf\"; font-size: 6px; }\n\n  .btn {\n    display: inline-flex !important; align-items: center !important; gap: 9px !important;\n    font-weight: 600 !important; font-size: 14px !important; letter-spacing: 0.01em !important;\n    padding: 13px 24px !important; border-radius: var(--radius-sm) !important;\n    text-decoration: none; border: 1.5px solid transparent; \ncursor: pointer;\n    transition: transform 0.25s ease, box-shadow 0.25s ease, background 0.25s ease, color 0.25s ease, border-color 0.25s ease;\n  }\n  .btn { color: #fff !important; text-decoration:none;}\n  .btn-primary { background: var(--navy-deep); color: #fff; box-shadow: var(--shadow-sm);text-decoration:none !important; }\n  .btn-primary:hover { transform: translateY(-2px); box-shadow: var(--shadow-md); background: #0a3e75;text-decoration:none !important; }\n  .btn-ghost { background: #fff; color: #383f47 !important; border-color: var(--line-strong); }\n  .btn-ghost:hover { border-color: #3d6f9f; color: #3d6f9f !important; transform: translateY(-2px); }\n  .btn svg { width: 16px; height: 16px; }\n  .btn-ghost{ color: #383f47 !important; text-decoration:none !important;}\n\n  \/* ============================================================\n     1. HEADER \/ NAV  (IMT logo only \u2014 SVEF logo lives in Organizers)\n     ============================================================ *\/\n  .site-header {\n    position: fixed; top: 0; left: 0; right: 0; z-index: 100;\n    height: var(--header-h);\n    display: flex; align-items: center;\n    background: rgba(252, 252, 251, 0.92);\n    backdrop-filter: blur(10px);\n    -webkit-backdrop-filter: blur(10px);\n    border-bottom: 1px solid var(--line);\n    transition: box-shadow 0.3s ease;\n  }\n  .site-header.scrolled { box-shadow: var(--shadow-sm); }\n  .site-header .wrap { display: flex; align-items: center; justify-content: space-between; width: 100%; }\n\n  .brand { display: flex; align-items: center; gap: 12px; text-decoration: none; color: var(--ink); }\n  .imt-logo { display: block; height: 30px; width: auto; flex-shrink: 0; }\n  .imt-logo.white { filter: brightness(0) invert(1); }\n  .brand small {\n    font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.1em; font-weight: 500;\n    color: var(--ink-faint); text-transform: uppercase; display: block; margin-top: 2px;\n  }\n\n  \/* Floating scroll navigation \u2014 right side *\/\n  .scroll-nav {\n    position: fixed; top: 50%; right: 26px; transform: translateY(-50%);\n    z-index: 90; display: flex; flex-direction: column; gap: 2px;\n    background: rgba(252, 252, 251, 0.88);\n    backdrop-filter: blur(10px);\n    -webkit-backdrop-filter: blur(10px);\n    border: 1px solid var(--line); border-radius: 999px;\n    padding: 14px 10px; box-shadow: var(--shadow-md);\n  }\n  .scroll-nav a {\n    position: relative; display: flex; align-items: center; justify-content: flex-end;\n    width: 34px; height: 30px; text-decoration: none;\n  }\n  .scroll-nav a .dot {\n    width: 8px; height: 8px; border-radius: 50%;\n    background: var(--line-strong); flex-shrink: 0;\n    transition: background 0.2s ease, transform 0.2s ease, height 0.2s ease;\n  }\n  .scroll-nav a:hover .dot { background: var(--navy); transform: scale(1.25); }\n  .scroll-nav a.active .dot { background: var(--navy-deep); height: 18px; border-radius: 999px; }\n  .scroll-nav a .label {\n    position: absolute; right: calc(100% + 12px); top: 50%; transform: translateY(-50%) translateX(4px);\n    background: var(--ink); color: #fff; font-size: 11.5px; font-weight: 600; letter-spacing: 0.02em;\n    padding: 5px 11px; border-radius: 6px; white-space: nowrap;\n    opacity: 0; pointer-events: none; transition: opacity 0.2s ease, transform 0.2s ease;\n  }\n  .scroll-nav a .label::after {\n    content: \"\"; position: absolute; left: 100%; top: 50%; transform: translateY(-50%);\n    border: 5px solid transparent; border-left-color: var(--ink);\n  }\n  .scroll-nav a:hover .label, .scroll-nav a:focus-visible .label { opacity: 1; transform: translateY(-50%) translateX(0); }\n  @media (max-width: 1180px) { .scroll-nav { right: 12px; } }\n  @media (max-width: 900px) { .scroll-nav { display: none; } }\n\n  .nav-right { display: flex; align-items: center; gap: 12px; }\n  .nav-cta { padding: 10px 18px; font-size: 13px; }\n\n  .nav-toggle {\n    display: none; width: 42px; height: 42px; border-radius: var(--radius-sm);\n    border: 1px solid var(--line-strong); background: transparent;\n    align-items: center; justify-content: center; cursor: pointer; color: var(--ink);\n  }\n  .nav-toggle svg { width: 20px; height: 20px; }\n\n  @media (max-width: 900px) {\n    .main-nav { display: none; }\n    .nav-toggle { display: flex; }\n    .nav-cta.desktop-only { display: none; }\n  }\n\n  .mobile-menu {\n    position: fixed; top: var(--header-h); left: 0; right: 0; bottom: 0; z-index: 99;\n    background: var(--paper); transform: translateY(-8px); opacity: 0; pointer-events: none;\n    transition: opacity 0.25s ease, transform 0.25s ease;\n    padding: 24px 28px; overflow-y: auto;\n  }\n  .mobile-menu.open { opacity: 1; transform: translateY(0); pointer-events: auto; }\n  .mobile-menu a {\n    display: block; padding: 15px 4px; font-size: 17px; font-weight: 600;\n    text-decoration: none; color: var(--ink); border-bottom: 1px solid var(--line);\n  }\n  .mobile-menu .btn { margin-top: 24px; width: 100%; justify-content: center; }\n\n  \/* ============================================================\n     2. HERO \u2014 light, airy, single screen\n     ============================================================ *\/\n  .hero {\n    padding: calc(var(--header-h) + 72px) 0 88px;\n    overflow: hidden;\n    background: linear-gradient(180deg, var(--paper) 0%, var(--navy-soft) 130%);\n        background-image: url(\/wp-content\/uploads\/2026\/svef-event\/hero-bg.png);\n    background-size: cover;\n    background-position: center;\n    background-repeat: no-repeat;\n  }\n  .hero-center {\n    display: flex; flex-direction: column; align-items: center; text-align: center;\n    max-width: 780px; margin: 0 auto;\n  }\n  .hero h1 {\n    margin-top: 20px !important;\n    font-size: clamp(34px, 5.6vw, 58px) !important;\n    line-height: 1.12 !important;\n    letter-spacing: -0.025em !important;\n    color: #383f47 !important;\n    text-transform: unset !important;\n  }\n  .hero h1 em { font-style: normal; color: var(--navy); }\n  .hero .sub {\n    margin-top: 20px; font-size: 17.5px !important; color: var(--ink-soft); max-width: 600px; line-height: 1.7;\n  }\n  .hero .sub strong { color: var(--ink); font-weight: 600; }\n\n  .meta-row { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin-top: 30px; }\n  .meta-chip {\n    display: inline-flex; align-items: center; gap: 8px; background: #fff;\n    border: 1px solid var(--line); color: var(--ink);\n    padding: 9px 15px; border-radius: 999px; font-size: 13.5px !important; font-weight: 500;\n    box-shadow: var(--shadow-sm);\n  }\n  .meta-chip svg { width: 15px; height: 15px; color: var(--navy); flex-shrink: 0; }\n\n  .hero-actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; margin-top: 34px; }\n\n  \/* ============================================================\n     3. BANDS & CARDS\n     ============================================================ *\/\n  .band { padding: 44px 0; }\n  .band.tight { padding: 64px 0; }\n  .band.alt { background: var(--paper-raised); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }\n\n  .card-grid { display: grid; gap: 24px; }\n  .card-grid.cols-3 { grid-template-columns: repeat(3, 1fr); }\n  @media (max-width: 860px) { .card-grid.cols-3 { grid-template-columns: 1fr; max-width: 480px; margin: 0 auto; } }\n\n  .day-card {\n    background: #fff; border: 1px solid var(--line); border-radius: var(--radius-md);\n    padding: 26px 24px; box-shadow: var(--shadow-sm);\n    transition: transform 0.25s ease, box-shadow 0.25s ease;\n  }\n  .day-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-md); }\n  .day-card .tag {\n    display: inline-block; font-family: var(--font-mono); font-size: 10.5px !important;\n    letter-spacing: 0.08em; text-transform: uppercase; color: var(--ink-faint);\n    background: var(--paper-raised); border-radius: 999px; padding: 4px 10px; margin-bottom: 14px;\n  }\n  .day-card h3 { font-size: 17px !important; margin-bottom: 8px; }\n  .day-card p { font-size: 14px !important; color: var(--ink-soft); line-height: 1.6; }\n  .day-card.highlight { border-color: rgba(207, 95, 88, 0.45); background: linear-gradient(180deg, #fff, var(--red-soft)); }\n  .day-card.highlight .tag { color: #b64e48 !important; background: #fff; }\n  .day-card .flag {\n    display: inline-flex; align-items: center; gap: 6px; margin-top: 14px;\n    font-family: var(--font-mono); font-size: 10px !important; letter-spacing: 0.06em; text-transform: uppercase;\n    color: #b64e48 !important; font-weight: 700;\n  }\n\n  .inline-link {\n    display: inline-flex; align-items: center; gap: 7px; margin-top: 34px;\n    font-size: 14.5px !important; font-weight: 600; color: #0d4c8e !important; text-decoration: none !important;\n    border-bottom: 1.5px solid rgba(72, 113, 154, 0.35); padding-bottom: 2px;\n    transition: border-color 0.2s ease, color 0.2s ease;\n  }\n  .inline-link:hover { color: #0d4c8e !important; border-color: var(--navy); }\n  .inline-link svg { width: 15px; height: 15px; }\n\n  \/* ============================================================\n     4. AGENDA \u2014 Day 2 focused, AI panel highlighted\n     ============================================================ *\/\nh1,h2,h3,h4{\n   font-weight: 700 !important;\n    letter-spacing: -0.015em!important;\n    line-height: 1.2!important;\n    margin: 0!important;\n    text-transform: unset!important;\n}\n  .agenda-card {\n    background: #fff !important; border: 1px solid var(--line) !important; border-radius: var(--radius-lg) !important;\n    box-shadow: var(--shadow-sm) !important; overflow: hidden !important;\n  }\n  .agenda-card-head {\n    display: flex !important; flex-wrap: wrap; align-items: baseline; gap: 10px 18px;\n    padding: 22px 30px !important; background: var(--navy-soft) !important; border-bottom: 1px solid var(--line !important);\n  }\n  .agenda-card-head h3 { font-size: 17px !important; color: #0d4c8e !important; }\n  .agenda-card-head span { font-size: 13px !important; color: var(--ink-faint) !important; }\n  .agenda-list { padding: 8px 30px 18px !important; }\n  .agenda-row {\n    display: grid; grid-template-columns: 130px 1fr; gap: 22px !important;\n    padding: 17px 0 !important; border-bottom: 1px dashed var(--line) !important; align-items: baseline;\n  }\n  .agenda-row:last-child { border-bottom: none; }\n  .agenda-time { font-family: var(--font-mono); font-size: 12.5px !important; color: var(--ink-faint); font-weight: 500; white-space: nowrap; padding: 0 16px; }\n  .agenda-detail strong { font-size: 15px !important; font-weight: 600 !important; display: block; }\n  .agenda-detail .speakers { font-size: 13px !important; color: var(--ink-faint); margin-top: 3px; display: block; }\n\n  .agenda-row.is-panel {\n    grid-template-columns: 130px 1fr;\n    background: linear-gradient(90deg, var(--red-soft), rgba(249, 237, 235, 0.25)) !important;\n    border-radius: var(--radius-md) !important;\n    border: 1px solid rgba(207, 95, 88, 0.35) !important;\n    border-bottom: 1px solid rgba(207, 95, 88, 0.35) !important;\n    padding: 18px 18px 18px 0 !important;\n    margin: 10px 0 !important;\n  }\n  .agenda-row.is-panel .agenda-time { color: var(--red-deep); font-weight: 700; }\n  .agenda-row.is-panel strong { color: var(--red-deep); }\n  .agenda-row.is-panel .note { font-size: 13px; color: var(--ink-soft); margin-top: 6px; display: block; }\n  .agenda-row.is-panel .note strong { display: inline; color: inherit; font-size: inherit !important; }\n  .agenda-row.is-panel .track-flag {\n    display: inline-flex; margin-left: 10px; vertical-align: middle;\n    font-family: var(--font-mono); font-size: 9.5px !important; letter-spacing: 0.07em;\n    text-transform: uppercase; color: #fff; background: var(--red); padding: 3px 8px; border-radius: 999px;\n  }\n  .panel-inset {\n    display: block; margin-top: 12px; padding: 14px 16px;\n    background: #fff; border: 1px solid rgba(207, 95, 88, 0.30); border-radius: var(--radius-md);\n  }\n  .panel-inset .pin-label {\n    display: block !important; font-family: var(--font-mono) !important; font-size: 10.5px !important; letter-spacing: 0.07em;\n    text-transform: uppercase; color: var(--red-deep); font-weight: 700;\n  }\n  .panel-inset .pin-title { display: block; margin-top: 5px; font-size: 14.5px; font-weight: 600; color: var(--ink); }\n  .panel-inset .pin-meta { display: block; margin-top: 5px; font-size: 12.5px; color: var(--ink-faint); line-height: 1.55; }\n  @media (max-width: 640px) {\n    .agenda-row, .agenda-row.is-panel { grid-template-columns: 1fr; gap: 4px; }\n    .agenda-row.is-panel { padding: 16px !important; }\n    .agenda-list { padding: 8px 18px 14px; }\n  }\n\n  \/* ============================================================\n     5. AI PANEL\n     ============================================================ *\/\n  \/* ============================================================\n     5. AI PANEL\n     ============================================================ *\/\n  .panel-card {\n    background: linear-gradient(160deg, var(--navy-soft) 0%, #fff 55%, var(--jade-soft) 130%) !important;\n    border: 1px solid var(--line) !important;\n    border-radius: var(--radius-lg) !important;\n    padding: 56px 48px !important;\n    text-align: center !important;\n    box-shadow: var(--shadow-sm) !important;\n    color: #eaf1f8 !important;\n    background: linear-gradient(165deg, rgba(255, 255, 255, 0.07) 0%, rgba(255, 255, 255, 0.03) 45%, rgba(142, 212, 168, 0.06) 100%) !important;\n    border: 1px solid rgba(255, 255, 255, 0.14) !important;\n    box-shadow: 0 30px 80px rgba(2, 12, 24, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.08);\n  }\n  .panel-badge {\n      background: rgba(255, 255, 255, 0.08);\n      border-color: rgba(255, 255, 255, 0.16);\n      color: #a9d2f5;\n  }\n  @media (max-width: 640px) { .panel-card { padding: 40px 24px; } }\n  .panel-badge {\n    display: inline-flex !important; align-items: center !important; justify-content: center !important; flex-wrap: wrap !important; gap: 6px 8px !important; background: #fff !important;\n    border: 1px solid var(--line) !important; padding: 8px 15px !important; border-radius: 999px !important;\n    font-family: var(--font-mono) !important; font-size: 11px !important; letter-spacing: 0.06em !important; text-transform: uppercase !important;\n    color: #a9d2f5 !important; max-width: 100% !important;\n    background: rgba(255, 255, 255, 0.08) !important;\n    border-color: rgba(255, 255, 255, 0.16) !important;\n    color: #a9d2f5 !important;    \n  }\n  .panel-badge svg { width: 14px !important; height: 14px !important; color: var(--jade) !important; }\n  .panel-card h2 { font-size: clamp(24px, 3.6vw, 38px) !important; line-height: 1.22 !important; margin: 22px auto 0 !important; max-width: 720px !important; letter-spacing: -0.02em !important; color: #eaf1f8 !important; }\n  .panel-card .panel-sub { margin: 16px auto 0 !important; font-size: 16.5px !important; color: #bccbda !important; max-width: 600px !important; line-height: 1.7 !important; }\n  .panel-meta { display: flex !important; flex-wrap: wrap !important; justify-content: center !important; gap: 10px !important; margin-top: 26px !important; }\n  .panel-meta .chip {\n    background: rgba(255, 255, 255, 0.07);\n    border-color: rgba(255, 255, 255, 0.15);\n     padding: 9px 15px; border-radius: 999px;\n    font-size: 13px; display: flex; align-items: center; gap: 7px; color:#eaf1f8;\n  }\n  .panel-meta .chip svg { width: 14px !important; height: 14px !important; color: var(--navy) !important; }\n\n  .working-note {\n    margin: 26px auto 0; max-width: 640px;\n    font-size: 13.5px; color: var(--ink-faint); line-height: 1.65; font-style: italic;\n    display: flex; gap: 9px; align-items: flex-start; text-align: left;\n    background: #fff; border: 1px dashed var(--line-strong); border-radius: var(--radius-md); padding: 14px 18px;\n  }\n  .working-note svg { width: 16px; height: 16px; flex-shrink: 0; margin-top: 2px; color: var(--gold); }\n\n  .theme-tags { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin-top: 44px; }\n  .theme-tag {\n    background: rgba(255, 255, 255, 0.06);\n    border-color: rgba(255, 255, 255, 0.14);\n    color: #fff !important; border: 1px solid var(--line); border-radius: 999px;\n    padding: 10px 18px; font-size: 13.5px; color: var(--ink-soft);\n    display: inline-flex; align-items: center; gap: 8px;\n  }\n  .theme-tag .dot { width: 7px; height: 7px; border-radius: 50%; background: var(--jade); flex-shrink: 0; }\n  .theme-tag:nth-child(odd) .dot { background: var(--navy); }\n\n  \/* What to expect \u2014 content blocks under the session card *\/\n  .expect-rule { display: flex; align-items: center; gap: 14px; margin: 56px 0 28px; }\n  .expect-rule::before, .expect-rule::after { content: \"\"; flex: 1; height: 1px; background: rgba(255, 255, 255, 0.18); }\n  .expect-rule span { font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--ink-faint); white-space: nowrap; }\n  .expect-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }\n  @media (max-width: 980px) { .expect-grid { grid-template-columns: repeat(2, 1fr); } }\n  @media (max-width: 640px) { .expect-grid { grid-template-columns: 1fr; } }\n  .expect-card {\n    border: 1px solid rgba(255, 255, 255, 0.12); border-radius: var(--radius-md);\n    padding: 24px 22px; box-shadow: var(--shadow-sm); text-align: left;\n    transition: transform 0.3s ease, box-shadow 0.3s ease;\n  }\n  .expect-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-md); }\n  .expect-card .num { font-family: var(--font-mono); font-size: 11px; font-weight: 700; letter-spacing: 0.08em; color: #8ec3f0; }\n  .expect-card:nth-child(even) .num { color: #a3e0ba; }\n  .expect-card h3 {  color: rgb(234, 241, 248)!important;font-size: 15.5px !important; margin-top: 10px !important; letter-spacing: -0.01em !important; }\n  .expect-card p { margin-top: 8px; font-size: 13.5px; line-height: 1.65; color: #bccbda; }\n  .svef-themes {\n    margin-top: 18px;     background: rgba(142, 195, 240, 0.08);\n    border-color: rgba(255, 255, 255, 0.12); border: 1px solid rgba(56, 63, 71, 0.10);\n    border-radius: var(--radius-md); padding: 26px; text-align: left;\n    display: flex; flex-wrap: wrap; align-items: center; gap: 18px 32px;\n  }\n  .svef-themes .st-copy { flex: 1 1 320px; }\n  .svef-themes .st-kicker { font-family: var(--font-mono); font-size: 10.5px; letter-spacing: 0.07em; text-transform: uppercase; color: var(--cnavy-deep); font-weight: 700; }\n  .svef-themes h3 { font-size: 17px; margin-top: 8px; }\n  .svef-themes p { margin-top: 6px; font-size: 13.5px; color: var(--cink-soft); line-height: 1.6; }\n  .svef-themes .st-list { display: flex; flex-wrap: wrap; gap: 9px; flex: 1 1 300px; }\n  .svef-themes .st-item {  border: 1px solid var(--cline); border-radius: 999px; padding: 8px 14px; font-size: 12.5px; font-weight: 500; color: var(--cink); }\n  .cworking-note {  \n     background: rgba(255, 255, 255, 0.04) !important;\n    border-color: rgba(255, 255, 255, 0.22) !important;\n    color: var(--cink-faint);\n    margin: 26px auto 0; max-width: 640px;\n    font-size: 13.5px; color: var(--cink-faint); line-height: 1.65; font-style: italic;\n    display: flex; gap: 9px; align-items: flex-start; text-align: left;\n    border: 1px dashed var(--line-strong); border-radius: var(--radius-md); padding: 14px 18px;\n  }\n  .cworking-note svg { width: 16px; height: 16px; flex-shrink: 0; margin-top: 2px; color: var(--cgold); }\n\n\n  \/* ============================================================\n     6. SPEAKERS\n     ============================================================ *\/\n  .speaker-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 22px; }\n  @media (max-width: 980px) { .speaker-grid { grid-template-columns: repeat(2, 1fr); } }\n  @media (max-width: 560px) { .speaker-grid { grid-template-columns: 1fr; max-width: 380px; margin: 0 auto; } }\n\n  .speaker-card {\n    background: #fff; border: 1px solid var(--line); border-radius: var(--radius-md);\n    overflow: hidden; box-shadow: var(--shadow-sm);\n    transition: transform 0.3s ease, box-shadow 0.3s ease;\n    display: flex; flex-direction: column;\n  }\n  .speaker-card:hover { transform: translateY(-5px); box-shadow: var(--shadow-md); }\n  .speaker-portrait {\n    aspect-ratio: 1 \/ 1; position: relative; overflow: hidden;\n    display: flex; align-items: center; justify-content: center;\n    background: linear-gradient(150deg, var(--navy-soft), var(--paper-deep));\n  }\n  .speaker-portrait img {\n    position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover;\n    filter: saturate(0.85);\n  }\n  .speaker-portrait .initials {\n    font-size: 44px; font-weight: 700; color: var(--navy); letter-spacing: -0.02em; opacity: 0.55;\n  }\n  .speaker-portrait .plate {\n    position: absolute; left: 14px; bottom: 12px; z-index: 2;\n    font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.08em;\n    color: var(--ink); background: rgba(255, 255, 255, 0.88);\n    padding: 4px 9px; border-radius: 999px; text-transform: uppercase;\n  }\n  .speaker-portrait .ph-tag {\n    position: absolute; right: 12px; top: 12px; z-index: 2;\n    font-family: var(--font-mono); font-size: 9px; letter-spacing: 0.06em; text-transform: uppercase;\n    color: var(--navy-deep); background: rgba(255, 255, 255, 0.9);\n    border: 1px dashed rgba(13, 76, 142, 0.4); border-radius: 999px; padding: 3px 8px;\n  }\n  .speaker-body .role .bio { display: block; margin-top: 6px; font-size: 12.5px; color: var(--ink-faint); line-height: 1.55; }\n  .speaker-body { padding: 18px 20px 22px; display: flex; flex-direction: column; flex: 1; }\n  .speaker-body h3 { font-size: 16.5px !important; color: rgb(56, 63, 71) !important; }\n  .speaker-body .role { margin-top: 6px !important; font-size: 13px !important; color: var(--ink-soft) !important; line-height: 1.55 !important; }\n  .speaker-li {\n    margin-top: auto !important; padding-top: 14px !important;\n    display: inline-flex !important; align-items: center !important; gap: 6px !important; font-size: 12px !important; font-weight: 600 !important;\n    text-decoration: none !important; color: var(--navy-deep) !important;\n  }\n  .speaker-li svg { width: 14px !important; height: 14px !important; }\n  .speaker-li:hover { color: var(--navy) !important; }\n  .speaker-li.disabled { color: var(--ink-faint) !important; cursor: default !important; }\n  .speaker-li.disabled:hover { color: var(--ink-faint) !important; }\n\n  .mod-banner {\n    display: grid; grid-template-columns: 220px 1fr; align-items: stretch;\n    background: #fff; border: 1px solid var(--line); border-radius: var(--radius-lg);\n    overflow: hidden; box-shadow: var(--shadow-sm); margin-top: 28px;\n  }\n  .mod-photo { position: relative; min-height: 220px; background: linear-gradient(150deg, var(--navy-soft), var(--paper-deep)); display: flex; align-items: center; justify-content: center; }\n  .mod-photo img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; filter: saturate(0.85); }\n  .mod-photo .mod-placeholder { position: relative; display: flex; flex-direction: column; align-items: center; gap: 12px; }\n  .mod-photo .mod-placeholder .initials { font-size: 48px; font-weight: 700; color: var(--navy); letter-spacing: -0.02em; opacity: 0.55; }\n  .mod-photo .mod-placeholder .ph-tag {\n    font-family: var(--font-mono); font-size: 9px; letter-spacing: 0.06em; text-transform: uppercase;\n    color: var(--navy-deep); background: rgba(255, 255, 255, 0.9);\n    border: 1px dashed rgba(13, 76, 142, 0.4); border-radius: 999px; padding: 3px 8px;\n  }\n  .mod-content { padding: 34px 38px; display: flex; flex-direction: column; justify-content: center; }\n  .mod-content .role-label { font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--jade-deep); }\n  .mod-content h3 { margin-top: 8px !important; font-size: 24px !important; }\n  .mod-content .role { margin-top: 6px !important; font-size: 14px !important; color: var(--ink-soft) !important; }\n  .mod-content .speaker-li { margin-top: 16px !important; padding-top: 0 !important; }\n  @media (max-width: 640px) { .mod-banner { grid-template-columns: 1fr !important; } .mod-photo { min-height: 220px !important; } .mod-content { padding: 24px 24px 28px !important; } }\n\n  \/* ============================================================\n     7. ORGANIZERS  (SVEF logo appears ONLY here)\n     ============================================================ *\/\n  .partner-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; }\n  @media (max-width: 780px) { .partner-grid { grid-template-columns: 1fr; } }\n  .partner-card { background: #fff; border: 1px solid var(--line); border-radius: var(--radius-md); padding: 30px; box-shadow: var(--shadow-sm); }\n  .partner-card .org-mark { font-family: var(--font-mono); font-size: 10.5px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--ink-faint); }\n  .partner-card h3 { margin-top: 8px !important; font-size: 19px !important; }\n  .partner-card p { margin-top: 12px !important; font-size: 14px !important; color: var(--ink-soft) !important; line-height: 1.7 !important; }\n  .partner-card .logo-row { margin-bottom: 18px !important; }\n  .partner-card .svef-logo { width: 54px; height: 54px; object-fit: contain; }\n\n  \/* ============================================================\n     7b. VENUE \u2014 placeholder until SVEF confirms\n     ============================================================ *\/\n  .venue-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; align-items: stretch; }\n  @media (max-width: 820px) { .venue-grid { grid-template-columns: 1fr; } }\n  .venue-info { background: #fff; border: 1px solid var(--line); border-radius: var(--radius-md); padding: 28px; box-shadow: var(--shadow-sm); }\n  .venue-info h3 { font-size: 18px !important; }\n  .venue-block { margin-top: 22px; padding-top: 20px; border-top: 1px solid var(--line); }\n  .venue-block:first-of-type { margin-top: 24px; }\n  .venue-block .label {\n    font-family: var(--font-mono); font-size: 10.5px; letter-spacing: 0.09em;\n    text-transform: uppercase; color: var(--ink-faint); margin-bottom: 8px;\n  }\n  .venue-block .value { font-size: 15px; color: var(--ink); line-height: 1.6; }\n  .ph {\n    display: inline-flex; align-items: center; gap: 7px;\n    font-family: var(--font-mono); font-size: 12px; font-weight: 700; letter-spacing: 0.04em;\n    color: var(--navy-deep); background: var(--navy-soft);\n    border: 1px dashed rgba(13, 76, 142, 0.45); border-radius: var(--radius-sm);\n    padding: 7px 12px;\n  }\n  .ph::before { content: \"\"; width: 6px; height: 6px; border-radius: 50%; background: var(--navy); flex-shrink: 0; }\n  .venue-map {\n    min-height: 320px; border: 1px dashed var(--line-strong); border-radius: var(--radius-md);\n    background: var(--paper-deep);\n    display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px;\n    text-align: center; padding: 30px;\n  }\n  .venue-map svg { width: 30px; height: 30px; color: var(--navy); opacity: 0.55; }\n  .venue-map .map-note { font-size: 13px; color: var(--ink-faint); max-width: 280px; line-height: 1.6; }\n  .venue-map iframe { width: 100%; height: 100%; min-height: 320px; border: 0; border-radius: var(--radius-md); }\n  .venue-cta { margin-top: 26px; }\n\n  \/* ============================================================\n     7c. VENUE GALLERY \u2014 large image left, thumbnails right\n     ============================================================ *\/\n  .venue-gallery { display: grid; grid-template-columns: 1.9fr 1fr; gap: 16px; align-items: stretch; }\n  @media (max-width: 820px) { .venue-gallery { grid-template-columns: 1fr; } }\n  .venue-gallery figure { margin: 0; position: relative; overflow: hidden; border-radius: var(--radius-md); box-shadow: var(--shadow-sm); }\n  .venue-gallery img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.5s ease; }\n  .venue-gallery figure:hover img { transform: scale(1.03); }\n  .venue-gallery .gallery-main { min-height: 440px; }\n  .venue-gallery .gallery-thumbs { display: grid; grid-template-rows: repeat(3, 1fr); gap: 16px; }\n  .venue-gallery .gallery-thumbs figure { min-height: 0; }\n  @media (max-width: 820px) {\n    .venue-gallery .gallery-main { min-height: 280px; }\n    .venue-gallery .gallery-thumbs { grid-template-rows: none; grid-template-columns: repeat(3, 1fr); }\n    .venue-gallery .gallery-thumbs figure { min-height: 120px; }\n  }\n  @media (max-width: 560px) {\n    .venue-gallery .gallery-thumbs { grid-template-columns: repeat(1, 1fr); }\n  }\n\n  \/* ============================================================\n     8. REGISTER \u2014 CTA only\n     ============================================================ *\/\n  .register-card {\n    background: linear-gradient(160deg, var(--navy-deep) 0%, var(--navy) 70%, #2f6ba8 100%);\n    border-radius: var(--radius-lg); padding: 56px 44px; text-align: center; color: #fff;\n    box-shadow: var(--shadow-md);\n  }\n  @media (max-width: 640px) { .register-card { padding: 40px 22px; } }\n  .register-card .eyebrow { color: #cfe0f2 !important; justify-content: center !important; }\n  .register-card .eyebrow::before { background: rgba(255, 255, 255, 0.5); }\n  .register-card h2 { margin-top: 14px !important; font-size: clamp(24px, 3.4vw, 34px) !important; color: #fff !important; }\n  .register-card p { margin: 14px auto 0 !important; font-size: 15.5px !important; color: rgba(255, 255, 255, 0.78) !important; max-width: 480px !important; }\n  .register-card .btn-primary { margin-top: 28px !important; background: #fff !important; color: var(--navy-deep) !important; }\n  .register-card .btn-primary:hover { background: var(--jade-deep); color: #fff; }\n  .register-card .fineprint { margin-top: 16px !important; font-size: 12.5px !important; color: rgba(255, 255, 255, 0.55) !important; }\n\n  \/* ============================================================\n     9. FOOTER\n     ============================================================ *\/\n  footer { background: var(--paper-deep); color: var(--ink-soft); padding: 48px 0 26px; border-top: 1px solid var(--line); }\n  .footer-grid { display: grid; grid-template-columns: 1.4fr 1fr 1fr; gap: 36px; padding-bottom: 32px; border-bottom: 1px solid var(--line); }\n  @media (max-width: 780px) { .footer-grid { grid-template-columns: 1fr; gap: 26px; } }\n  .footer-brand .brand small { color: var(--ink-faint); }\n  .footer-brand p { margin-top: 14px; font-size: 13px; line-height: 1.7; max-width: 320px; color: var(--ink-faint); }\n  footer h5 { font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--ink-faint); margin: 0 0 14px; font-weight: 500; }\n  footer ul li { margin-bottom: 9px; }\n  footer ul li a { font-size: 13.5px; text-decoration: none; color: var(--ink-soft); transition: color 0.2s ease; }\n  footer ul li a:hover { color: var(--navy-deep); }\n  .footer-bottom { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 10px; padding-top: 22px; font-size: 12px; color: var(--ink-faint); }\n\n  \/* ============================================================\n     10. REVEAL ANIMATION\n     ============================================================ *\/\n  .reveal { opacity: 0; transform: translateY(12px); transition: opacity 0.6s ease, transform 0.6s ease; }\n  .reveal.in-view { opacity: 1; transform: translateY(0); }\n  .reveal-stagger.in-view .day-card,\n  .reveal-stagger.in-view .speaker-card,\n  .reveal-stagger.in-view .partner-card,\n  .reveal-stagger.in-view .theme-tag { animation: fadeUp 0.55s ease both; }\n  .reveal-stagger .day-card:nth-child(2), .reveal-stagger .speaker-card:nth-child(2), .reveal-stagger .partner-card:nth-child(2), .reveal-stagger .theme-tag:nth-child(2) { animation-delay: 0.08s; }\n  .reveal-stagger .day-card:nth-child(3), .reveal-stagger .speaker-card:nth-child(3), .reveal-stagger .theme-tag:nth-child(3) { animation-delay: 0.16s; }\n  .reveal-stagger .speaker-card:nth-child(4), .reveal-stagger .theme-tag:nth-child(4) { animation-delay: 0.24s; }\n  .reveal-stagger .theme-tag:nth-child(5) { animation-delay: 0.32s; }\n  @keyframes fadeUp { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }\n\n  .skip-link {\n    position: absolute; left: -999px; top: 0; background: var(--ink); color: #fff; padding: 12px 18px;\n    z-index: 200; border-radius: 0 0 8px 0;\n  }\n  .skip-link:focus { left: 0; }\n  :focus-visible { outline: 2px solid var(--navy); outline-offset: 2px; }\n\n#ai-panel{\n  background: radial-gradient(1100px 520px at 85% -10%, rgba(29, 105, 180, 0.45), transparent 60%), radial-gradient(900px 480px at -10% 110%, rgba(95, 143, 107, 0.20), transparent 55%), linear-gradient(180deg, #07213c 0%, #0a2f55 45%, #071e38 100%);\n    background-color: #082643;\n    background-attachment: fixed;\n    color: var(--ink);\n}\n\n\/* ---------- Roster (no portraits) ---------- *\/\n  .roster { margin-top: 8px !important; }\n  .roster-label {\n    font-family: var(--font-mono) !important; font-size: 11px !important; letter-spacing: 0.1em !important;\n    text-transform: uppercase !important; color: var(--ink-faint) !important; margin: 40px 0 14px !important;\n  }\n  .roster-label:first-child { margin-top: 0 !important; }\n\n  .mod-card {\n    background: #fff !important; border: 1px solid var(--line) !important; border-left: 3px solid #4c7857 !important;\n    border-radius: var(--radius-md) !important; padding: 24px 26px !important; box-shadow: var(--shadow-sm) !important;\n    display: grid; grid-template-columns: 1fr auto !important; gap: 8px 20px; align-items: center;\n  }\n  .mod-card .role-label {\n    grid-column: 1 \/ -1; font-family: var(--font-mono) !important; font-size: 11px !important;\n    letter-spacing: 0.1em !important; text-transform: uppercase !important; color: #4c7857 !important;\n  }\n  .mod-card h3 { font-size: 21px !important; }\n  .mod-card .role { font-size: 14.5px !important; color: var(--ink-soft) !important; margin-top: 5px !important; }\n  .mod-card .co { color: var(--navy-deep) !important; font-weight: 600; }\n  @media (max-width: 560px) { .mod-card { grid-template-columns: 1fr; } }\n\n  .keynote-card {\n    background: var(--gold-soft); border: 1px solid rgba(194, 160, 101, 0.35);\n    border-radius: var(--radius-md); padding: 22px 26px;\n  }\n  .keynote-card .role-label {\n    font-family: var(--font-mono) !important; font-size: 11px !important; letter-spacing: 0.1em !important;\n    text-transform: uppercase !important; color: #96773a !important;\n  }\n  .keynote-card h3 { font-size: 19px !important; margin-top: 8px !important; }\n  .keynote-card .role { font-size: 14.5px !important; color: var(--ink-soft) !important; margin-top: 5px !important; }\n\n  .people {\n    background: #fff !important; border: 1px solid var(--line) !important; border-radius: var(--radius-lg) !important;\n    box-shadow: var(--shadow-sm); overflow: hidden; margin-top: 14px;\n  }\n  .person {\n    display: grid; grid-template-columns: 1fr auto; gap: 4px 18px; align-items: center;\n    padding: 20px 26px; border-bottom: 1px solid var(--line);\n  }\n  .person:last-child { border-bottom: none; }\n  .person h3 { font-size: 17px !important; font-weight: 600 !important; color: #383f47 !important; }\n  .person .role { grid-column: 1; font-size: 14px !important; color: var(--ink-soft) !important; line-height: 1.55; }\n  .person .co { color: var(--navy-deep) !important; font-weight: 500; }\n  .person .plate {\n    grid-row: 1 \/ 3; grid-column: 2; align-self: center;\n    font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.08em; text-transform: uppercase;\n    color: var(--ink-faint); background: var(--paper-deep); border: 1px solid var(--line);\n    padding: 4px 11px; border-radius: 999px; white-space: nowrap;\n  }\n  @media (max-width: 560px) {\n    .person { grid-template-columns: 1fr; padding: 18px 20px; }\n    .person .plate { grid-row: auto; grid-column: 1; justify-self: start; margin-top: 8px; }\n  }\n\n  .page-note {\n    font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.06em;\n    color: var(--ink-faint); text-transform: uppercase; text-align: center;\n    padding: 18px 20px; border-bottom: 1px solid var(--line); background: var(--paper-deep);\n  }\n<\/style>\n\n\n\n<nav class=\"scroll-nav\" id=\"scrollNav\" aria-label=\"Section navigation\">\n  <a href=\"#hero\"><span class=\"label\">Top<\/span><span class=\"dot\"><\/span><\/a>\n  <a href=\"#forum\"><span class=\"label\">The Forum<\/span><span class=\"dot\"><\/span><\/a>\n  <a href=\"#agenda\"><span class=\"label\">Agenda<\/span><span class=\"dot\"><\/span><\/a>\n  <a href=\"#ai-panel\"><span class=\"label\">AI Panel<\/span><span class=\"dot\"><\/span><\/a>\n  <a href=\"#speakers\"><span class=\"label\">Speakers<\/span><span class=\"dot\"><\/span><\/a>\n  <a href=\"#venue\"><span class=\"label\">Venue<\/span><span class=\"dot\"><\/span><\/a>\n  <a href=\"#organizers\"><span class=\"label\">Organizers<\/span><span class=\"dot\"><\/span><\/a>\n  <a href=\"#register\"><span class=\"label\">Register<\/span><span class=\"dot\"><\/span><\/a>\n<\/nav>\n\n<nav class=\"mobile-menu\" id=\"mobileMenu\" aria-label=\"Mobile\">\n  <a href=\"#forum\">The Forum<\/a>\n  <a href=\"#agenda\">Agenda<\/a>\n  <a href=\"#ai-panel\">AI Panel<\/a>\n  <a href=\"#speakers\">Speakers<\/a>\n  <a href=\"#venue\">Venue<\/a>\n  <a href=\"#organizers\">Organizers<\/a>\n  <a href=\"https:\/\/hanoi2026.svef.ch\/events\/swiss-viet-economic-forum-2026-ha-noi-edition-1\/form\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"btn btn-primary\">Register Now<\/a>\n<\/nav>\n\n\n\n<section class=\"hero\" id=\"hero\">\n    <div class=\"wrap hero-center\">\n      <span class=\"eyebrow\">SVEF Hanoi 2026 \u00b7 Day 2 Main Forum<\/span>\n      <h1>The AI Panel,<br>by <em>IMT Solutions<\/em><\/h1>\n      <p class=\"sub\">Part of <strong>Session E \u2014 Education Cooperation &#038; Talent Development<\/strong>. Joined voices from enterprise, research and venture on how Switzerland and Viet Nam build the people and the research base behind the FTA \u2014 from higher-education partnerships and vocational training to applied research and industry\u2013academia collaboration.<\/p>\n\n      <div class=\"meta-row\">\n        <span class=\"meta-chip\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"5\" width=\"18\" height=\"16\" rx=\"2\"\/><line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"\/><line x1=\"8\" y1=\"3\" x2=\"8\" y2=\"7\"\/><line x1=\"16\" y1=\"3\" x2=\"16\" y2=\"7\"\/><\/svg>\n          19 October 2026\n        <\/span>\n        <span class=\"meta-chip\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 21s7-6.2 7-11.2A7 7 0 0 0 5 9.8C5 14.8 12 21 12 21z\"\/><circle cx=\"12\" cy=\"9.5\" r=\"2.4\"\/><\/svg>\n          Ha Noi, Viet Nam\n        <\/span>\n        <span class=\"meta-chip\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M12 7v5l3.2 2\"\/><\/svg>\n          Round 1 \u00b7 15:00\u201316:00\n        <\/span>\n      <\/div>\n\n      <div class=\"hero-actions\">\n        <a href=\"https:\/\/hanoi2026.svef.ch\/events\/swiss-viet-economic-forum-2026-ha-noi-edition-1\/form\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"btn btn-primary\">\n          Register Now\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"7\" y1=\"17\" x2=\"17\" y2=\"7\"\/><polyline points=\"7 7 17 7 17 17\"\/><\/svg>\n        <\/a>\n        <a href=\"#agenda\" class=\"btn btn-ghost\">See the Agenda<\/a>\n      <\/div>\n    <\/div>\n  <\/section>\n\n\n\n<section class=\"band\" id=\"forum\">\n    <div class=\"wrap\">\n      <div class=\"section-head reveal\">\n        <span class=\"eyebrow jade\">The Bigger Picture<\/span>\n        <h2>SVEF Hanoi 2026 \u2014 From Bilateral Strength to Regional Impact<\/h2>\n        <p class=\"lede\">The Swiss\u2013Viet Economic Forum brings government and business leaders from Switzerland and Viet Nam together in Ha Noi, 18\u201320 October 2026 \u2014 against the backdrop of the EFTA\u2013Viet Nam Free Trade Agreement. The Education &#038; Talent Panel is one part of a three-day programme.<\/p>\n      <\/div>\n\n      <div class=\"card-grid cols-3 reveal reveal-stagger\">\n        <div class=\"day-card\">\n          <span class=\"tag\">Day 1 \u00b7 18 Oct<\/span>\n          <h3>VIP Reception<\/h3>\n          <p>An invitation-only evening that sets the strategic tone for the forum. Venue <span class=\"tbu\">Meli\u00e1 Hanoi<\/span>.<\/p>\n        <\/div>\n        <div class=\"day-card highlight\">\n          <span class=\"tag\">Day 2 \u00b7 19 Oct<\/span>\n          <h3>Main Forum Day<\/h3>\n          <p>The centrepiece \u2014 open to all registered delegates. Policy dialogue, plenary sessions, parallel tracks and the closing gala.<\/p>\n          <span class=\"flag\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" width=\"13\" height=\"13\"><path d=\"M9 12l2 2 4-4\"\/><circle cx=\"12\" cy=\"12\" r=\"9\"\/><\/svg>\n           The Education &#038; Talent Panel Happens Here\n          <\/span>\n        <\/div>\n        <div class=\"day-card\">\n          <span class=\"tag\">Day 3 \u00b7 20 Oct \u00b7 Optional<\/span>\n          <h3>Field Visits<\/h3>\n          <p>Optional site visits and cultural exchange \u2014 Hai Phong or Bac Ninh.<\/p>\n        <\/div>\n      <\/div>\n\n      <a href=\"https:\/\/hanoi2026.svef.ch\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"inline-link reveal\">\n        Full event details at hanoi2026.svef.ch\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"7\" y1=\"17\" x2=\"17\" y2=\"7\"\/><polyline points=\"7 7 17 7 17 17\"\/><\/svg>\n      <\/a>\n    <\/div>\n  <\/section>\n\n\n\n<section class=\"band alt\" id=\"agenda\">\n  <div class=\"wrap\">\n    <div class=\"section-head\">\n      <span class=\"eyebrow\">Agenda<\/span>\n      <h2>Main Forum Day<\/h2>\n      <p class=\"lede\">19 October 2026 \u00b7 Meli\u00e1 Hotel, 44B L\u00fd Th\u01b0\u1eddng Ki\u1ec7t, Ha Noi. The day IMT Solutions takes part in Session E \u2014 here&#8217;s where it sits in the programme.<\/p>\n    <\/div>\n\n    <div class=\"agenda-card\">\n      <div class=\"agenda-card-head\">\n        <h3>19 October 2026<\/h3>\n        <span>Ha Noi \u00b7 <strong>Meli\u00e1 Hotel<\/strong>, 44B L\u00fd Th\u01b0\u1eddng Ki\u1ec7t<\/span>\n      <\/div>\n      <div class=\"agenda-list\">\n        <div class=\"agenda-row\">\n          <div class=\"agenda-time\">08:30\u201309:30<\/div>\n          <div class=\"agenda-detail\">\n            <strong>Registration &amp; Welcome Coffee<\/strong>\n            <span class=\"speakers\">Delegate registration \u00b7 exhibition open<\/span>\n          <\/div>\n        <\/div>\n        <div class=\"agenda-row\">\n          <div class=\"agenda-time\">09:30\u201311:00<\/div>\n          <div class=\"agenda-detail\">\n            <strong>Welcome &amp; High-Level Policy Dialogue<\/strong>\n            <span class=\"speakers\">&#8220;Opening the Door: From FTA Signature to Market Opportunity&#8221; \u2014 opening keynotes on what the FTA means for business today \u00b7 Viet Nam&#8217;s growth ambitions and Swiss\u2013Vietnamese cooperation \u00b7 regional integration and supply-chain opportunities<\/span>\n          <\/div>\n        <\/div>\n        <div class=\"agenda-row\">\n          <div class=\"agenda-time\">11:00\u201312:00<\/div>\n          <div class=\"agenda-detail\">\n            <strong>Session I \u2014 Industrial Transformation &amp; Supply Chains<\/strong>\n            <span class=\"speakers\">Smart manufacturing and Industry 4.0 \u00b7 supply-chain resilience and diversification \u00b7 precision engineering \u00b7 technology transfer \u00b7 ESG and sustainable production<\/span>\n          <\/div>\n        <\/div>\n        <div class=\"agenda-row\">\n          <div class=\"agenda-time\">12:00\u201313:30<\/div>\n          <div class=\"agenda-detail\">\n            <strong>Business Lunch &amp; Networking<\/strong>\n            <span class=\"speakers\">Executive networking \u00b7 curated bilateral table conversations<\/span>\n          <\/div>\n        <\/div>\n        <div class=\"agenda-row\">\n          <div class=\"agenda-time\">13:30\u201314:30<\/div>\n          <div class=\"agenda-detail\">\n            <strong>Session II \u2014 Finance &amp; Investment Ecosystems<\/strong>\n            <span class=\"speakers\">&#8220;From Capital to Growth: Capital Markets, Investment Flows &amp; Financial Connectivity&#8221; \u2014 capital-market development \u00b7 cross-border finance and digital innovation \u00b7 Swiss\u2013Vietnamese partnerships in investment, expertise and talent<\/span>\n          <\/div>\n        <\/div>\n        <div class=\"agenda-row\">\n          <div class=\"agenda-time\">14:30\u201315:00<\/div>\n          <div class=\"agenda-detail\"><strong>Coffee Break<\/strong><\/div>\n        <\/div>\n        <div class=\"agenda-row\">\n          <div class=\"agenda-time\">15:00\u201316:00<\/div>\n          <div class=\"agenda-detail\">\n            <strong>Afternoon Parallel Sessions \u2014 Round 1<\/strong>\n            <span class=\"speakers\">Three sessions run in parallel (A\u2013C): Mobility &amp; Trade Connectivity \u00b7 Energy Transition &amp; Green Finance \u00b7 Innovation, AI &amp; Digital Economy. Delegates choose one.<\/span>\n          <\/div>\n        <\/div>\n        <div class=\"agenda-row is-panel\">\n          <div class=\"agenda-time\">16:15\u201317:15<\/div>\n          <div class=\"agenda-detail\">\n            <strong>Afternoon Parallel Sessions \u2014 Round 2<span class=\"track-flag\">IMT here<\/span><\/strong>\n            <span class=\"note\">Three sessions run in parallel (D\u2013F). IMT Solutions takes part in <strong>Session&nbsp;E:<\/strong><\/span>\n            <span class=\"panel-inset\">\n              <span class=\"pin-label\">Session E \u00b7 Education Cooperation &amp; Talent Development<\/span>\n              <span class=\"pin-title\">Moderated by An Mai, CEO, IMT Solutions<\/span>\n              <span class=\"pin-meta\">Keynote by Dr. Marcus Wittner (Contagi Group), with panellists from SPS Viet Nam, FPT University, The Dariu Foundation, Savycom and the University of St. Gallen (SGI Institute of Management in Asia).<\/span>\n            <\/span>\n          <\/div>\n        <\/div>\n        <div class=\"agenda-row\">\n          <div class=\"agenda-time\">17:30\u201318:15<\/div>\n          <div class=\"agenda-detail\">\n            <strong>Closing Plenary \u2014 From Dialogue to Action<\/strong>\n            <span class=\"speakers\">&#8220;What We Build Together: The Post-FTA Bilateral Agenda&#8221; \u2014 key takeaways from all sessions \u00b7 MoU signing ceremony \u00b7 SVEF Cooperation Roadmap 2026\u20132030<\/span>\n          <\/div>\n        <\/div>\n        <div class=\"agenda-row\">\n          <div class=\"agenda-time\">18:15<\/div>\n          <div class=\"agenda-detail\">\n            <strong>Networking Dinner<\/strong>\n            <span class=\"speakers\">Swiss\u2013Viet partnership evening<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <a href=\"https:\/\/hanoi2026.svef.ch\/agenda-svef-hanoi-2026\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"inline-link\">\n      Full 3-day agenda on hanoi2026.svef.ch\n      <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"7\" y1=\"17\" x2=\"17\" y2=\"7\"\/><polyline points=\"7 7 17 7 17 17\"\/><\/svg>\n    <\/a>\n  <\/div>\n<\/section>\n\n\n\n<!-- ============================================================\n       AI PANEL\n       ============================================================ -->  \n<section class=\"band\" id=\"ai-panel\">\n  <div class=\"wrap\">\n    <div class=\"panel-card\">\n      <span class=\"panel-badge\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"9\"><\/circle><path d=\"M9 12l2 2 4-4\"><\/path><\/svg>\n        Session E \u00b7 Education Cooperation &amp; Talent Development\n      <\/span>\n      <h2>Education Cooperation &amp; Talent Development<\/h2>\n      <p class=\"panel-sub\">A working session on how Switzerland and Viet Nam build the people and the research base behind the FTA \u2014 from higher-education partnerships and vocational training to applied research and industry\u2013academia collaboration.<\/p>\n\n      <div class=\"panel-meta\">\n        <span class=\"chip\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"5\" width=\"18\" height=\"16\" rx=\"2\"><\/rect><line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"><\/line><\/svg>\n          Day 2 \u00b7 19 October 2026\n        <\/span>\n        <span class=\"chip\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"9\"><\/circle><path d=\"M12 7v5l3.2 2\"><\/path><\/svg>\n          Round 2 \u00b7 16:15\u201317:15\n        <\/span>\n        <span class=\"chip\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 21s7-6.2 7-11.2A7 7 0 0 0 5 9.8C5 14.8 12 21 12 21z\"><\/path><circle cx=\"12\" cy=\"9.5\" r=\"2.4\"><\/circle><\/svg>\n          Meli\u00e1 Hotel \u00b7 Ha Noi\n        <\/span>\n      <\/div>\n\n      <div class=\"theme-tags\">\n        <span class=\"theme-tag\"><span class=\"dot\"><\/span>Higher education &amp; international partnerships<\/span>\n        <span class=\"theme-tag\"><span class=\"dot\"><\/span>Vocational education &amp; workforce development<\/span>\n        <span class=\"theme-tag\"><span class=\"dot\"><\/span>Applied research &amp; innovation<\/span>\n        <span class=\"theme-tag\"><span class=\"dot\"><\/span>Talent mobility &amp; academic exchange<\/span>\n        <span class=\"theme-tag\"><span class=\"dot\"><\/span>Industry\u2013academia collaboration<\/span>\n        <span class=\"theme-tag\"><span class=\"dot\"><\/span>Future skills &amp; lifelong learning<\/span>\n      <\/div>\n\n      \n    <\/div>\n\n    <\/div>\n  \n<\/section>\n<section class=\"band\" id=\"\">\n  <div class=\"wrap\">\n    <!-- ---------- Who's on stage ---------- -->\n    <div class=\"roster\">\n      <p class=\"roster-label\">Moderator<\/p>\n      <div class=\"mod-card\">\n        <span class=\"role-label\">Moderating the session<\/span>\n        <h3>Mr. An Mai<\/h3>\n        <p class=\"role\">Chairman &amp; Co-founder <span class=\"co\">IMT Solutions<\/span><\/p>\n      <\/div>\n\n      <p class=\"roster-label\">Keynote Speaker<\/p>\n      <div class=\"keynote-card\">\n        <span class=\"role-label\">Keynote<\/span>\n        <h3>Dr. Marcus Wittner<\/h3>\n        <p class=\"role\">Founding Partner, <span class=\"co\">Contagi Group<\/span><\/p>\n      <\/div>\n\n      <p class=\"roster-label\">Panellists<\/p>\n      <div class=\"people\">\n        <div class=\"person\">\n          <h3>Mr. Anatolijus Fourarcre<\/h3>\n          <p class=\"role\">CEO, <span class=\"co\">SPS Viet Nam<\/span><\/p>\n          <span class=\"plate\">Panellist<\/span>\n        <\/div>\n        <div class=\"person\">\n          <h3>Mr. Hoang Viet Ha<\/h3>\n          <p class=\"role\">President, <span class=\"co\">FPT University<\/span><\/p>\n          <span class=\"plate\">Panellist<\/span>\n        <\/div>\n        <div class=\"person\">\n          <h3>Ms. Hanh Nguyen<\/h3>\n          <p class=\"role\">Country Representative, <span class=\"co\">The Dariu Foundation<\/span><\/p>\n          <span class=\"plate\">Panellist<\/span>\n        <\/div>\n        <div class=\"person\">\n          <h3>Ms. Van Dang<\/h3>\n          <p class=\"role\">CEO, <span class=\"co\">Savycom<\/span><\/p>\n          <span class=\"plate\">Panellist<\/span>\n        <\/div>\n        <div class=\"person\">\n          <h3>Prof. Max von Zedtwitz, Ph.D<\/h3>\n          <p class=\"role\">Strategy and Managing Director, SGI Institute of Management in Asia (Singapore), <span class=\"co\">University of St. Gallen<\/span><\/p>\n          <span class=\"plate\">Panellist<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n\n\n<!-- ============================================================\n       SPEAKERS \u2014 confirmed line-up\n       ============================================================ -->\n  <section class=\"band alt\" id=\"speakers\">\n    <div class=\"wrap\">\n      <div class=\"section-head reveal\">\n        <span class=\"eyebrow\">The Line-Up<\/span>\n        <h2>Who&#8217;s on the panel.<\/h2>\n      <\/div>\n\n      <div class=\"speaker-grid reveal reveal-stagger\">\n        <article class=\"speaker-card\">\n          <div class=\"speaker-portrait\">\n            <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/svef-event\/speakers\/AnMai.png\" alt=\"An Mai portrait\">\n            <!-- <span class=\"initials\"><\/span>\n            <span class=\"plate\"><\/span>-->\n          <\/div>\n          <div class=\"speaker-body\">\n            <h3>An Mai<\/h3>\n            <p class=\"role\">Chairman, IMT Solutions<\/p>\n            <a class=\"speaker-li\" href=\"https:\/\/www.linkedin.com\/in\/anmai\/\" target=\"_blank\" rel=\"noopener noreferrer\">\n              <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M20.45 20.45h-3.55v-5.57c0-1.33-.02-3.04-1.85-3.04-1.86 0-2.15 1.45-2.15 2.94v5.67H9.35V9h3.41v1.56h.05c.47-.9 1.63-1.85 3.36-1.85 3.59 0 4.25 2.36 4.25 5.44v6.3zM5.34 7.43a2.06 2.06 0 1 1 0-4.12 2.06 2.06 0 0 1 0 4.12zM7.12 20.45H3.56V9h3.56v11.45z\"><\/path><\/svg>\n              LinkedIn\n            <\/a>\n          <\/div>\n        <\/article>\n\n        <article class=\"speaker-card\">\n          <div class=\"speaker-portrait\">\n            <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/svef-event\/speakers\/Jonathan McGuinness.png\" alt=\"Jonathan McGuinness portrait\">\n            <!-- <span class=\"initials\">JM<\/span>\n            <span class=\"ph-tag\">Photo to be added<\/span>\n            <span class=\"plate\">Panelist<\/span>-->\n          <\/div>\n          <div class=\"speaker-body\">\n            <h3>Jonathan McGuinness<\/h3>\n            <p class=\"role\">AI Pathfinder, 4th IR \u2014 Zug<\/p>\n            <a class=\"speaker-li\" href=\"https:\/\/www.linkedin.com\/in\/jonathanmcguinness\/\" target=\"_blank\" rel=\"noopener noreferrer\">\n              <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M20.45 20.45h-3.55v-5.57c0-1.33-.02-3.04-1.85-3.04-1.86 0-2.15 1.45-2.15 2.94v5.67H9.35V9h3.41v1.56h.05c.47-.9 1.63-1.85 3.36-1.85 3.59 0 4.25 2.36 4.25 5.44v6.3zM5.34 7.43a2.06 2.06 0 1 1 0-4.12 2.06 2.06 0 0 1 0 4.12zM7.12 20.45H3.56V9h3.56v11.45z\"><\/path><\/svg>\n              LinkedIn\n            <\/a>\n          <\/div>\n        <\/article>\n\n        <article class=\"speaker-card\">\n          <div class=\"speaker-portrait\">\n             <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/10\/JAYSHAH-300x300.png\" alt=\"Jay Shah portrait\"> \n            <!-- <span class=\"initials\">JS<\/span>\n            <span class=\"ph-tag\">Photo to be added<\/span>\n            <span class=\"plate\">Panelist<\/span>-->\n          <\/div>\n          <div class=\"speaker-body\">\n            <h3>Jay Shah<\/h3>\n            <p class=\"role\">VP Business Development, Moxo<\/p>\n            <a class=\"speaker-li\" href=\"https:\/\/www.linkedin.com\/in\/jaymshah\/\" target=\"_blank\" rel=\"noopener noreferrer\">\n              <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M20.45 20.45h-3.55v-5.57c0-1.33-.02-3.04-1.85-3.04-1.86 0-2.15 1.45-2.15 2.94v5.67H9.35V9h3.41v1.56h.05c.47-.9 1.63-1.85 3.36-1.85 3.59 0 4.25 2.36 4.25 5.44v6.3zM5.34 7.43a2.06 2.06 0 1 1 0-4.12 2.06 2.06 0 0 1 0 4.12zM7.12 20.45H3.56V9h3.56v11.45z\"><\/path><\/svg>\n              LinkedIn\n            <\/a>\n          <\/div>\n        <\/article>\n\n        <article class=\"speaker-card\">\n          <div class=\"speaker-portrait\">\n            <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/svef-event\/speakers\/Harald Gall.png\" alt=\"Dr. Harald Gall portrait\">\n            <!-- <span class=\"initials\">HG<\/span>\n            <span class=\"ph-tag\">Photo to be added<\/span>\n            <span class=\"plate\">Panelist<\/span> -->\n          <\/div>\n          <div class=\"speaker-body\">\n            <h3>Dr. Harald Gall<\/h3>\n            <p class=\"role\">Dean of the Faculty of Business, Economics and Informatics, University of Zurich<\/p>\n            <a class=\"speaker-li\" href=\"https:\/\/www.linkedin.com\/in\/haraldgall\/\" target=\"_blank\" rel=\"noopener noreferrer\">\n              <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M20.45 20.45h-3.55v-5.57c0-1.33-.02-3.04-1.85-3.04-1.86 0-2.15 1.45-2.15 2.94v5.67H9.35V9h3.41v1.56h.05c.47-.9 1.63-1.85 3.36-1.85 3.59 0 4.25 2.36 4.25 5.44v6.3zM5.34 7.43a2.06 2.06 0 1 1 0-4.12 2.06 2.06 0 0 1 0 4.12zM7.12 20.45H3.56V9h3.56v11.45z\"><\/path><\/svg>\n              LinkedIn\n            <\/a>\n          <\/div>\n        <\/article>\n      <\/div>\n    <\/div>\n  <\/section>\n\n\n\n<!-- ============================================================\n       VENUE \u2014 placeholder until SVEF confirms\n       ============================================================ -->\n  <section class=\"band alt\" id=\"venue\">\n    <div class=\"wrap\">\n      <div class=\"section-head reveal\">\n        <span class=\"eyebrow\">Venue<\/span>\n        <h2>Where it happens.<\/h2>\n      <\/div>\n\n      <div class=\"venue-grid reveal\">\n        <div class=\"venue-info\">\n          <h3>Meli\u00e1 Hanoi<\/h3>\n          <div class=\"venue-block\">\n            <div class=\"label\">Address<\/div>\n            <div class=\"value\">44 Ly Thuong Kiet, Cua Nam, Ha Noi, Viet Nam<\/div>\n          <\/div>          \n          <div class=\"venue-block venue-cta\">\n            <a href=\"https:\/\/hanoi2026.svef.ch\/events\/swiss-viet-economic-forum-2026-ha-noi-edition-1\/form\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"btn btn-primary\">\n              Register Now\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"7\" y1=\"17\" x2=\"17\" y2=\"7\"><\/line><polyline points=\"7 7 17 7 17 17\"><\/polyline><\/svg>\n            <\/a>\n          <\/div>\n        <\/div>\n        <div class=\"venue-map\" role=\"img\" aria-label=\"Map placeholder \u2014 to be updated\">\n          <iframe src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d3724.207346779738!2d105.84580051094426!3d21.024387980543153!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3135ab939165e8d9%3A0xf3952b1fa755bdcc!2sMeli%C3%A1%20Hanoi!5e0!3m2!1svi!2s!4v1789705327750!5m2!1svi!2s\" width=\"600\" height=\"450\" style=\"border:0;\" allowfullscreen=\"\" loading=\"lazy\" referrerpolicy=\"strict-origin-when-cross-origin\"><\/iframe> \n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 21s7-6.2 7-11.2A7 7 0 0 0 5 9.8C5 14.8 12 21 12 21z\"><\/path><circle cx=\"12\" cy=\"9.5\" r=\"2.4\"><\/circle><\/svg>\n        <\/div>\n      <\/div>\n\n<!-- ============================================================\n       Media appearances\n       ============================================================ -->\n  <section class=\"\" id=\"media-appearances\" style=\"margin-top:20px;\">\n    <div class=\"\">\n      <div class=\"venue-gallery reveal\">\n        <figure class=\"gallery-main\">\n          <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/svef-event\/Meli\u00e1 Hanoi\/khach_san_melia_ha_noi_10.jpg\" alt=\"Meli\u00e1 Hanoi\" loading=\"lazy\">\n        <\/figure>\n        <div class=\"gallery-thumbs\">          \n          <figure>\n            <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/svef-event\/Meli\u00e1 Hanoi\/melia-hanoi-la-khu-nghi-duong-cao-cap-co-goc-nhin-tuyet-dep-tai-thu-do-1-1658310729.jpg\" alt=\"Meli\u00e1 Hanoi \u2014 kh\u00e1ch s\u1ea1n\" loading=\"lazy\">\n          <\/figure>\n          <figure>\n            <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/svef-event\/Meli\u00e1 Hanoi\/2035_Anh_bai_duoi.jpg\" alt=\"Meli\u00e1 Hanoi \u2014 \u1ea3nh b\u00e3i d\u01b0\u1edbi\" loading=\"lazy\">\n          <\/figure>\n          <figure>\n            <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/svef-event\/Meli\u00e1 Hanoi\/5-Melia_Hanoi_La_Cava.jpg\" alt=\"Meli\u00e1 Hanoi \u2014 La Cava\" loading=\"lazy\">\n          <\/figure>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n    <\/div>\n  <\/section>\n\n\n\n<!-- ============================================================\n       ORGANIZERS \u2014 SVEF logo appears only here\n       ============================================================ -->\n  <section class=\"band\" id=\"organizers\">\n    <div class=\"wrap\">\n      <div class=\"section-head reveal\">\n        <span class=\"eyebrow jade\">Organizers<\/span>\n        <h2>Who&#8217;s behind it.<\/h2>\n      <\/div>\n      <div class=\"partner-grid reveal reveal-stagger\">\n        <div class=\"partner-card\">\n          <div class=\"logo-row\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/svef-event\/logo\/IMT LOGO FULL.png\" alt=\"IMT Solutions\" class=\"imt-logo\" style=\"height:40px;\"><\/div>\n          <span class=\"org-mark\">Sponsor &amp; Panel Host<\/span>\n          <h3>IMT Solutions<\/h3>\n          <p>An Asia-Pacific digital transformation and IT outsourcing company, bringing enterprise AI and software delivery experience to the forum as sponsor and panel host.<\/p>\n        <\/div>\n        <div class=\"partner-card\">\n          <div class=\"logo-row\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/svef-event\/logo\/LOGO SVEF.png\" alt=\"SVEF \u2014 Swiss-Viet Economic Forum logo\" class=\"svef-logo\"><\/div>\n          <span class=\"org-mark\">Forum Organizer<\/span>\n          <h3>SVEF \u2014 Swiss\u2013Viet Economic Forum<\/h3>\n          <p>An annual forum connecting government and business between Switzerland and Viet Nam, co-organized with the Embassy of Switzerland in Viet Nam.<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n\n\n<!-- ============================================================\n       REGISTER \u2014 CTA to official SVEF registration form\n       ============================================================ -->\n  <section class=\"band\" id=\"register\">\n    <div class=\"wrap\">\n      <div class=\"register-card reveal in-view\">\n        \n        <span class=\"eyebrow\">Registration<\/span>\n        <h2>Join SVEF Hanoi 2026.<\/h2>\n        <p>Day 2 is open to all registered delegates. Registration runs through SVEF&#8217;s official form.<\/p>\n        <a href=\"https:\/\/hanoi2026.svef.ch\/events\/swiss-viet-economic-forum-2026-ha-noi-edition-1\/form\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"btn btn-primary\">\n          Register Now\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"7\" y1=\"17\" x2=\"17\" y2=\"7\"><\/line><polyline points=\"7 7 17 7 17 17\"><\/polyline><\/svg>\n        <\/a>\n        <p class=\"fineprint\">You&#8217;ll be taken to hanoi2026.svef.ch \u2014 SVEF&#8217;s official registration page.<\/p>\n      <\/div>\n    <\/div>\n<\/section>\n\n\n\n<script>\n(function () {\n  \"use strict\";\n\n  \/\/ Header scroll shadow\n  var header = document.getElementById('hero');\n  var onScroll = function () {\n    header.classList.toggle('scrolled', window.scrollY > 8);\n  };\n  window.addEventListener('scroll', onScroll, { passive: true });\n  onScroll();\n\n  \/\/ Smooth-scroll with header offset\n  var headerH = 72;\n  document.querySelectorAll('a[href^=\"#\"]').forEach(function (a) {\n    a.addEventListener('click', function (e) {\n      var id = a.getAttribute('href');\n      if (id.length < 2) return;\n      var target = document.querySelector(id);\n      if (!target) return;\n      e.preventDefault();\n      var top = target.getBoundingClientRect().top + window.pageYOffset - (headerH - 4);\n      window.scrollTo({ top: top, behavior: 'smooth' });\n      history.pushState(null, '', id);\n    });\n  });\n\n  \/\/ Scroll-spy for active nav link (floating right-side nav)\n  var navLinks = Array.prototype.slice.call(document.querySelectorAll('.scroll-nav a'));\n  var sections = navLinks.map(function (a) { return document.querySelector(a.getAttribute('href')); }).filter(Boolean);\n  function updateActive() {\n    var scrollPos = window.scrollY + headerH + 40;\n    var current = sections[0];\n    sections.forEach(function (sec) {\n      if (sec.offsetTop <= scrollPos) current = sec;\n    });\n    navLinks.forEach(function (a) {\n      a.classList.toggle('active', a.getAttribute('href') === '#' + current.id);\n    });\n  }\n  window.addEventListener('scroll', updateActive, { passive: true });\n  updateActive();\n\n  \/\/ Reveal-on-scroll\n  if ('IntersectionObserver' in window) {\n    var io = new IntersectionObserver(function (entries) {\n      entries.forEach(function (entry) {\n        if (entry.isIntersecting) {\n          entry.target.classList.add('in-view');\n          io.unobserve(entry.target);\n        }\n      });\n    }, { threshold: 0.12, rootMargin: '0px 0px -40px 0px' });\n    document.querySelectorAll('.reveal').forEach(function (el) { io.observe(el); });\n  } else {\n    document.querySelectorAll('.reveal').forEach(function (el) { el.classList.add('in-view'); });\n  }\n\n  \n})();\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Top The Forum Agenda AI Panel Speakers Venue Organizers Register The Forum Agenda AI Panel Speakers Venue Organizers Register Now SVEF Hanoi 2026 \u00b7 Day 2 Main Forum The AI Panel,by IMT Solutions Part of Session E \u2014 Education Cooperation &#038; Talent Development. Joined voices from enterprise, research and venture on how Switzerland and Viet [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1022","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/event.imt-soft.com\/SVEF-2026-Panel\/wp-json\/wp\/v2\/pages\/1022","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/event.imt-soft.com\/SVEF-2026-Panel\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/event.imt-soft.com\/SVEF-2026-Panel\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/event.imt-soft.com\/SVEF-2026-Panel\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/event.imt-soft.com\/SVEF-2026-Panel\/wp-json\/wp\/v2\/comments?post=1022"}],"version-history":[{"count":14,"href":"https:\/\/event.imt-soft.com\/SVEF-2026-Panel\/wp-json\/wp\/v2\/pages\/1022\/revisions"}],"predecessor-version":[{"id":1048,"href":"https:\/\/event.imt-soft.com\/SVEF-2026-Panel\/wp-json\/wp\/v2\/pages\/1022\/revisions\/1048"}],"wp:attachment":[{"href":"https:\/\/event.imt-soft.com\/SVEF-2026-Panel\/wp-json\/wp\/v2\/media?parent=1022"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}