.elementor-9 .elementor-element.elementor-element-204db98:not(.elementor-motion-effects-element-type-background), .elementor-9 .elementor-element.elementor-element-204db98 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F8F8F8;}.elementor-9 .elementor-element.elementor-element-204db98{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:50px 0px 50px 0px;}.elementor-9 .elementor-element.elementor-element-204db98 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-9 .elementor-element.elementor-element-ea16887.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-9 .elementor-element.elementor-element-bf4baba{width:100%;max-width:100%;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-9 .elementor-element.elementor-element-fe74466{text-align:center;}.elementor-9 .elementor-element.elementor-element-fe74466 .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:30px;font-weight:600;color:var( --e-global-color-af55bd7 );}.elementor-9 .elementor-element.elementor-element-073ea1a{width:var( --container-widget-width, 967px );max-width:967px;--container-widget-width:967px;--container-widget-flex-grow:0;text-align:center;}.elementor-9 .elementor-element.elementor-element-073ea1a .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:16px;font-weight:500;line-height:1.4em;color:var( --e-global-color-0505232 );}.elementor-9 .elementor-element.elementor-element-285f9bd{margin-top:30px;margin-bottom:0px;}.elementor-9 .elementor-element.elementor-element-92c5863:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-9 .elementor-element.elementor-element-92c5863 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-9 .elementor-element.elementor-element-92c5863 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:10px 20px 10px 20px;}.elementor-9 .elementor-element.elementor-element-92c5863 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-9 .elementor-element.elementor-element-87751a1{width:auto;max-width:auto;z-index:1;}.elementor-9 .elementor-element.elementor-element-87751a1 > .elementor-widget-container{border-style:solid;border-width:0px 0px 2px 0px;border-color:#D2232A;}.elementor-9 .elementor-element.elementor-element-87751a1 .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:18px;font-weight:700;line-height:40px;color:var( --e-global-color-af55bd7 );}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-9 .elementor-element.elementor-element-a9ecc0b{--divider-border-style:solid;--divider-color:#737373;--divider-border-width:2px;}.elementor-9 .elementor-element.elementor-element-a9ecc0b > .elementor-widget-container{margin:-2px 0px 0px 0px;}.elementor-9 .elementor-element.elementor-element-a9ecc0b .elementor-divider-separator{width:100%;}.elementor-9 .elementor-element.elementor-element-a9ecc0b .elementor-divider{padding-block-start:0px;padding-block-end:0px;}.elementor-widget-ucaddon_simple_list_menu .ue_simple_list_menu_title{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-ucaddon_simple_list_menu .simple_list_menu ul li a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-ucaddon_simple_list_menu .simple_list_menu ul ul li a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-ucaddon_simple_list_menu .simple_list_menu ul ul ul li a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-9 .elementor-element.elementor-element-7f7f039 ul li a:before{padding:0px 5px 0px 5px;}.elementor-9 .elementor-element.elementor-element-7f7f039 .ue_simple_list_menu_title{color:#000000;margin-bottom:10px;}.elementor-9 .elementor-element.elementor-element-7f7f039 .simple_list_menu ul li a{padding:10px 10px 10px 10px;color:#000000;border-style:solid;border-width:0px 0px 1px 0px;border-color:#9f9f9f;background-color:#f5f5f5;}.elementor-9 .elementor-element.elementor-element-7f7f039 .simple_list_menu ul li a:hover{color:#d9d9d9;background-color:#f5f5f5;}.elementor-9 .elementor-element.elementor-element-7f7f039 .simple_list_menu ul ul li a{padding:10px 10px 10px 30px;color:#c9c9c9;border-style:solid;border-width:0px 0px 1px 0px;border-color:#9f9f9f;background-color:#ffffff;}.elementor-9 .elementor-element.elementor-element-7f7f039 .simple_list_menu ul ul li a:hover{color:#d9d9d9;background-color:#f5f5f5;}.elementor-9 .elementor-element.elementor-element-7f7f039 .simple_list_menu ul ul ul li a{padding:10px 10px 10px 50px;color:#c9c9c9;border-style:solid;border-width:0px 0px 1px 0px;border-color:#9f9f9f;background-color:#ffffff;}.elementor-9 .elementor-element.elementor-element-7f7f039 .simple_list_menu ul ul ul li a:hover{color:#d9d9d9;background-color:#f5f5f5;}.elementor-widget-ucaddon_post_grid .ue-grid-item-category a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-ucaddon_post_grid .uc_post_title a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-ucaddon_post_grid .ue-grid-item-meta-data{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-ucaddon_post_grid .uc_post_text{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-ucaddon_post_grid .uc_more_btn{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-ucaddon_post_grid .ue-no-posts-found{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-9 .elementor-element.elementor-element-30c0430 .uc_post_grid_style_one_wrap{grid-gap:30px;}.elementor-9 .elementor-element.elementor-element-30c0430 .ue_post_grid{grid-template-columns:repeat(3, minmax(0, 1fr));text-align:center;}.elementor-9 .elementor-element.elementor-element-30c0430 .uc_content{background-color:#FFFFFF;padding:5px 5px 5px 5px;}.elementor-9 .elementor-element.elementor-element-30c0430 .uc_post_grid_style_one_item{border-radius:0px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#E7E7E7;}.elementor-9 .elementor-element.elementor-element-30c0430 .uc_post_image{height:172px;filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );background-color:#ffffff;background-size:cover;}.elementor-9 .elementor-element.elementor-element-30c0430 .ue-grid-item-category a{color:#ffffff;background-color:#545454;padding:3px 5px 3px 5px;border-radius:3px 3px 3px 3px;}.elementor-9 .elementor-element.elementor-element-30c0430 .ue-grid-item-category{margin-top:0px;}.elementor-9 .elementor-element.elementor-element-30c0430 .uc_post_title a{color:#000000;font-family:"Arial", Sans-serif;font-size:14px;font-weight:400;}.elementor-9 .elementor-element.elementor-element-30c0430 .uc_post_title{margin-top:0px;}.elementor-9 .elementor-element.elementor-element-30c0430 .ue-grid-item-meta-data{color:#707070;gap:5px;width:auto;}.elementor-9 .elementor-element.elementor-element-30c0430 .ue-grid-item-meta-data svg{fill:#707070;}.elementor-9 .elementor-element.elementor-element-30c0430 .ue-meta-data{margin-top:0px;gap:10px;justify-content:flex-start;}.elementor-9 .elementor-element.elementor-element-30c0430 .uc_post_text{color:#636363;margin-top:10px;}.elementor-9 .elementor-element.elementor-element-30c0430 .uc_more_btn{padding:10px 20px 10px 20px;border-radius:0px;background-color:#000000;color:#ffffff;margin-top:10px;}.elementor-9 .elementor-element.elementor-element-30c0430 .uc_more_btn:hover{background-color:#454545;color:#ffffff;}.elementor-9 .elementor-element.elementor-element-30c0430 .ue-no-posts-found{color:#000000;background-color:#e8e8e8;padding:20px 20px 20px 20px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#c4c4c4;}.elementor-9 .elementor-element.elementor-element-4860806{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:50px 0px 50px 0px;}.elementor-9 .elementor-element.elementor-element-4860806 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-9 .elementor-element.elementor-element-d133593{text-align:center;}.elementor-9 .elementor-element.elementor-element-d133593 .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:30px;font-weight:600;color:var( --e-global-color-af55bd7 );}.elementor-9 .elementor-element.elementor-element-af99aef{text-align:center;}.elementor-9 .elementor-element.elementor-element-af99aef .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:16px;font-weight:500;line-height:1.4em;color:var( --e-global-color-0505232 );}.elementor-9 .elementor-element.elementor-element-e5eef33{margin-top:20px;margin-bottom:0px;}.elementor-9 .elementor-element.elementor-element-a307d44 .uc_post_grid_style_one_wrap{grid-gap:30px;}.elementor-9 .elementor-element.elementor-element-a307d44 .ue_post_grid{grid-template-columns:repeat(2, minmax(0, 1fr));text-align:inherit;}.elementor-9 .elementor-element.elementor-element-a307d44 .uc_content{background-color:#F8F8F8;padding:30px 30px 30px 30px;}.elementor-9 .elementor-element.elementor-element-a307d44 .uc_post_grid_style_one_item{border-radius:0px;}.elementor-9 .elementor-element.elementor-element-a307d44 .uc_post_image{height:250px;background-color:#ffffff;background-size:cover;}.elementor-9 .elementor-element.elementor-element-a307d44 .ue-grid-item-category a{color:#ffffff;background-color:#545454;padding:3px 5px 3px 5px;border-radius:3px 3px 3px 3px;}.elementor-9 .elementor-element.elementor-element-a307d44 .ue-grid-item-category{margin-top:0px;}.elementor-9 .elementor-element.elementor-element-a307d44 .uc_post_title a{color:#000000;font-family:"Arial", Sans-serif;font-size:16px;font-weight:400;text-decoration:none;}.elementor-9 .elementor-element.elementor-element-a307d44 .uc_post_title{margin-top:0px;}.elementor-9 .elementor-element.elementor-element-a307d44 .ue-grid-item-meta-data{color:#707070;gap:5px;width:auto;}.elementor-9 .elementor-element.elementor-element-a307d44 .ue-grid-item-meta-data svg{fill:#707070;}.elementor-9 .elementor-element.elementor-element-a307d44 .ue-meta-data{margin-top:0px;gap:10px;justify-content:flex-start;}.elementor-9 .elementor-element.elementor-element-a307d44 .uc_post_text{color:#636363;margin-top:10px;}.elementor-9 .elementor-element.elementor-element-a307d44 .uc_more_btn{padding:10px 20px 10px 20px;border-radius:0px;background-color:#000000;color:#ffffff;margin-top:10px;}.elementor-9 .elementor-element.elementor-element-a307d44 .uc_more_btn:hover{background-color:#454545;color:#ffffff;}.elementor-9 .elementor-element.elementor-element-a307d44 .ue-no-posts-found{color:#000000;background-color:#e8e8e8;padding:20px 20px 20px 20px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#c4c4c4;}.elementor-9 .elementor-element.elementor-element-1cdc76b:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-9 .elementor-element.elementor-element-1cdc76b > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F8F8F8;}.elementor-9 .elementor-element.elementor-element-1cdc76b > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0px 0px 0px 30px;--e-column-margin-right:0px;--e-column-margin-left:30px;padding:20px 20px 20px 20px;}.elementor-9 .elementor-element.elementor-element-1cdc76b > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-9 .elementor-element.elementor-element-84a77f6 .elementor-heading-title{color:var( --e-global-color-af55bd7 );}.elementor-widget-ucaddon_post_list .ue-grid-item-category a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-ucaddon_post_list .uc_post_list_title a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-ucaddon_post_list .ue-grid-item-meta-data{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-ucaddon_post_list .uc_post_content{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-ucaddon_post_list .uc_more_btn{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-ucaddon_post_list .uc_more_btn:hover{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-ucaddon_post_list .ue-no-posts-found{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-9 .elementor-element.elementor-element-d5b6c9d .uc_post_list_box{flex-direction:row;padding:0px 0px 0px 0px;border-radius:0px;}.elementor-9 .elementor-element.elementor-element-d5b6c9d .uc_post_list{grid-template-columns:repeat(1, 1fr);gap:1px;}.elementor-9 .elementor-element.elementor-element-d5b6c9d .uc_post_list_content{padding:15px 15px 15px 15px;justify-content:center;text-align:left;}.elementor-9 .elementor-element.elementor-element-d5b6c9d .uc_post_list_image{width:100px;}.elementor-9 .elementor-element.elementor-element-d5b6c9d .uc_post_list_image  img{height:100px;border-radius:0px;}.elementor-9 .elementor-element.elementor-element-d5b6c9d .uc_post_list_image img{object-position:center center;object-fit:cover;}.elementor-9 .elementor-element.elementor-element-d5b6c9d .ue-grid-item-category a{background-color:#00bcff;color:#ffffff;padding:2px 10px 2px 10px;border-radius:5px 5px 5px 5px;}.elementor-9 .elementor-element.elementor-element-d5b6c9d .uc_post_list_title a{color:#000000;font-family:"Arial", Sans-serif;font-weight:400;text-decoration:none;}.elementor-9 .elementor-element.elementor-element-d5b6c9d .uc_post_list_title{margin-top:0px;}.elementor-9 .elementor-element.elementor-element-d5b6c9d .ue-grid-item-meta-data{color:#707070;font-family:"Arial", Sans-serif;font-size:14px;font-weight:400;gap:5px;width:auto;}.elementor-9 .elementor-element.elementor-element-d5b6c9d .ue-grid-item-meta-data svg{fill:#707070;}.elementor-9 .elementor-element.elementor-element-d5b6c9d .ue-meta-data{margin-top:0px;gap:10px;justify-content:flex-start;}.elementor-9 .elementor-element.elementor-element-d5b6c9d .uc_post_content{color:#969696;margin-top:10px;}.elementor-9 .elementor-element.elementor-element-d5b6c9d .uc_more_btn{padding:10px 20px 10px 20px;display:inline-block;border-radius:0px;background-color:#000000;color:#ffffff;}.elementor-9 .elementor-element.elementor-element-d5b6c9d .ue-no-posts-found{color:#000000;background-color:#e8e8e8;padding:20px 20px 20px 20px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#c4c4c4;}.elementor-9 .elementor-element.elementor-element-400841c{width:100%;max-width:100%;}@media(min-width:768px){.elementor-9 .elementor-element.elementor-element-92c5863{width:26.25%;}.elementor-9 .elementor-element.elementor-element-ee8c04a{width:73.75%;}.elementor-9 .elementor-element.elementor-element-6924444{width:56.786%;}.elementor-9 .elementor-element.elementor-element-1cdc76b{width:43.08%;}}@media(max-width:1024px){.elementor-9 .elementor-element.elementor-element-30c0430 .ue_post_grid{grid-template-columns:repeat(2, minmax(0, 1fr));}.elementor-9 .elementor-element.elementor-element-a307d44 .ue_post_grid{grid-template-columns:repeat(2, minmax(0, 1fr));}.elementor-9 .elementor-element.elementor-element-1cdc76b > .elementor-element-populated{margin:0px 0px 0px 10px;--e-column-margin-right:0px;--e-column-margin-left:10px;}}@media(max-width:767px){.elementor-9 .elementor-element.elementor-element-30c0430 .ue_post_grid{grid-template-columns:repeat(1, minmax(0, 1fr));}.elementor-9 .elementor-element.elementor-element-a307d44 .ue_post_grid{grid-template-columns:repeat(1, minmax(0, 1fr));}.elementor-9 .elementor-element.elementor-element-1cdc76b > .elementor-element-populated{margin:30px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:20px 20px 20px 20px;}.elementor-9 .elementor-element.elementor-element-d5b6c9d .uc_post_list_box{flex-direction:column;}}/* Start custom CSS */<!-- ============================================================
  TOPSEC VIETNAM — NỘI DUNG TRANG CHỦ (KHÔNG BAO GỒM HEADER/FOOTER)
  Dán toàn bộ khối này vào Custom HTML / Elementor HTML widget / 
  Gutenberg "Custom HTML" block, ngay bên trong nội dung trang.
  Toàn bộ CSS được đóng khung trong ".topsec-home" nên không ảnh
  hưởng đến header, footer hay style khác của theme.
============================================================= -->

<div class="topsec-home">

  <style>
    @import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap');

    /* ---------- Scoped reset & tokens (chỉ áp dụng bên trong .topsec-home) ---------- */
    .topsec-home, .topsec-home *{
      box-sizing:border-box;
    }
    .topsec-home *{
      margin:0;
      padding:0;
    }
    .topsec-home{
      --navy:#0E1A2B;
      --navy-2:#0A1420;
      --surface:#16233A;
      --surface-2:#1D2C46;
      --line: rgba(143,163,190,0.16);
      --line-strong: rgba(143,163,190,0.3);
      --text:#EAF0F6;
      --muted:#8FA3BE;
      --cyan:#5FD4C9;
      --cyan-dim: rgba(95,212,201,0.14);
      --amber:#E8A33D;
      --font-display:'Be Vietnam Pro', sans-serif;
      --font-mono:'JetBrains Mono', monospace;

      background:var(--navy);
      color:var(--text);
      font-family:var(--font-display);
      font-size:16px;
      line-height:1.6;
      -webkit-font-smoothing:antialiased;
      background-image: radial-gradient(circle, rgba(143,163,190,0.09) 1px, transparent 1px);
      background-size: 26px 26px;
      overflow-x:hidden;
    }

    .topsec-home img, .topsec-home svg{display:block;max-width:100%;}
    .topsec-home a{color:inherit;text-decoration:none;}

    .topsec-home .wrap{
      max-width:1180px;
      margin:0 auto;
      padding:0 32px;
    }

    .topsec-home .eyebrow{
      font-family:var(--font-mono);
      font-size:0.72rem;
      letter-spacing:0.18em;
      text-transform:uppercase;
      color:var(--cyan);
      display:flex;
      align-items:center;
      gap:10px;
    }
    .topsec-home .eyebrow::before{
      content:"";
      width:16px;height:1px;
      background:var(--cyan);
      display:inline-block;
    }

    .topsec-home h1,
    .topsec-home h2,
    .topsec-home h3{
      font-family:var(--font-display);
      font-weight:800;
      letter-spacing:-0.01em;
      line-height:1.12;
    }

    .topsec-home .section-head{
      max-width:640px;
      margin-bottom:56px;
    }
    .topsec-home .section-head h2{
      font-size:clamp(1.7rem, 2.6vw, 2.5rem);
      margin-top:14px;
    }
    .topsec-home .section-head p{
      color:var(--muted);
      font-size:1.02rem;
      margin-top:16px;
      max-width:520px;
    }

    .topsec-home section{
      padding:100px 0;
      position:relative;
      border-top:1px solid var(--line);
    }

    .topsec-home .reveal{
      opacity:0;
      transform:translateY(22px);
      transition:opacity .8s ease, transform .8s ease;
    }
    .topsec-home .reveal.in{
      opacity:1;
      transform:translateY(0);
    }

    .topsec-home .btn{
      font-family:var(--font-display);
      font-weight:600;
      font-size:0.88rem;
      padding:11px 22px;
      border-radius:3px;
      border:1px solid var(--cyan);
      color:var(--navy);
      background:var(--cyan);
      cursor:pointer;
      transition:transform .2s ease, box-shadow .2s ease;
      display:inline-flex;
      align-items:center;
      gap:8px;
    }
    .topsec-home .btn:hover{
      transform:translateY(-2px);
      box-shadow:0 8px 22px -6px rgba(95,212,201,0.45);
    }
    .topsec-home .btn.ghost{
      background:transparent;
      color:var(--text);
      border:1px solid var(--line-strong);
    }
    .topsec-home .btn.ghost:hover{
      border-color:var(--cyan);
      box-shadow:none;
    }

    /* ---------- HERO ---------- */
    .topsec-home .hero{
      padding:90px 0 110px;
      border-top:none;
      overflow:hidden;
      position:relative;
    }
    .topsec-home .hero-grid{
      display:grid;
      grid-template-columns:1.1fr 0.9fr;
      gap:60px;
      align-items:center;
    }
    .topsec-home .hero h1{
      font-size:clamp(2.4rem, 4.4vw, 3.7rem);
      margin-top:20px;
    }
    .topsec-home .hero h1 span{color:var(--cyan);}
    .topsec-home .hero p.lead{
      color:var(--muted);
      font-size:1.08rem;
      max-width:520px;
      margin-top:22px;
    }
    .topsec-home .hero-cta{
      margin-top:38px;
      display:flex;
      gap:14px;
      flex-wrap:wrap;
    }
    .topsec-home .hero-tags{
      margin-top:52px;
      display:flex;
      gap:26px;
      flex-wrap:wrap;
      font-family:var(--font-mono);
      font-size:0.72rem;
      color:var(--muted);
      letter-spacing:0.04em;
    }
    .topsec-home .hero-tags span{color:var(--cyan);}

    .topsec-home .scan-wrap{
      position:relative;
      width:100%;
      aspect-ratio:1/1;
      max-width:460px;
      margin:0 auto;
    }
    .topsec-home .scan-ring{
      position:absolute;inset:0;
      border-radius:50%;
      border:1px solid var(--line-strong);
      overflow:hidden;
    }
    .topsec-home .scan-ring::before{
      content:"";
      position:absolute;
      inset:-50%;
      background:conic-gradient(from 0deg, transparent 0deg, rgba(95,212,201,0.5) 18deg, transparent 60deg, transparent 360deg);
      animation:topsecSpin 7s linear infinite;
    }
    .topsec-home .scan-ring-inner{
      position:absolute;
      inset:14%;
      border-radius:50%;
      border:1px solid var(--line);
    }
    .topsec-home .scan-ring-inner2{
      position:absolute;
      inset:30%;
      border-radius:50%;
      border:1px dashed var(--line);
    }
    @keyframes topsecSpin{to{transform:rotate(360deg);}}
    .topsec-home .scan-core{
      position:absolute;
      top:50%;left:50%;
      width:8px;height:8px;
      background:var(--cyan);
      border-radius:50%;
      transform:translate(-50%,-50%);
      box-shadow:0 0 0 6px var(--cyan-dim), 0 0 24px 4px rgba(95,212,201,0.5);
      z-index:3;
    }
    .topsec-home .scan-nodes{position:absolute;inset:0;z-index:2;}
    .topsec-home .node{
      position:absolute;
      width:5px;height:5px;
      border-radius:50%;
      background:var(--muted);
      opacity:.85;
      animation:topsecPulse 3.4s ease-in-out infinite;
    }
    .topsec-home .node.accent{background:var(--amber);}
    @keyframes topsecPulse{
      0%,100%{opacity:.4; transform:scale(1);}
      50%{opacity:1; transform:scale(1.4);}
    }
    .topsec-home .scan-caption{
      position:absolute;
      bottom:-38px;
      left:50%;
      transform:translateX(-50%);
      font-family:var(--font-mono);
      font-size:0.66rem;
      letter-spacing:0.1em;
      color:var(--muted);
      white-space:nowrap;
      text-transform:uppercase;
    }

    /* ---------- PROCESS FLOW ---------- */
    .topsec-home .flow{
      display:flex;
      justify-content:space-between;
      gap:8px;
      margin-top:20px;
      position:relative;
    }
    .topsec-home .flow::before{
      content:"";
      position:absolute;
      top:19px;left:0;right:0;
      height:1px;
      background:linear-gradient(90deg, var(--line-strong), var(--cyan), var(--line-strong));
      opacity:.5;
      z-index:0;
    }
    .topsec-home .flow-step{
      position:relative;
      z-index:1;
      flex:1;
      text-align:center;
      padding:0 6px;
    }
    .topsec-home .flow-step .dot{
      width:9px;height:9px;
      border-radius:50%;
      background:var(--navy);
      border:2px solid var(--cyan);
      margin:0 auto 18px;
    }
    .topsec-home .flow-step .label{
      font-size:0.86rem;
      font-weight:600;
    }
    .topsec-home .flow-step .sub{
      font-family:var(--font-mono);
      font-size:0.66rem;
      color:var(--muted);
      margin-top:6px;
      text-transform:uppercase;
      letter-spacing:0.04em;
    }

    .topsec-home .who-body{
      display:grid;
      grid-template-columns: 0.9fr 1.1fr;
      gap:70px;
      align-items:start;
    }
    .topsec-home .who-body p{
      color:var(--muted);
      font-size:1.02rem;
    }

    /* ---------- DOMAINS GRID ---------- */
    .topsec-home .domains{
      display:grid;
      grid-template-columns:repeat(3, 1fr);
      gap:1px;
      background:var(--line);
      border:1px solid var(--line);
    }
    .topsec-home .domain-card{
      background:var(--navy);
      padding:38px 30px;
      transition:background .25s ease;
      position:relative;
    }
    .topsec-home .domain-card:hover{background:var(--surface);}
    .topsec-home .domain-icon{
      width:40px;height:40px;
      margin-bottom:26px;
      color:var(--cyan);
    }
    .topsec-home .domain-card h3{
      font-size:1.08rem;
      font-weight:700;
      margin-bottom:10px;
    }
    .topsec-home .domain-card p{
      color:var(--muted);
      font-size:0.9rem;
    }
    .topsec-home .domain-index{
      position:absolute;
      top:20px;right:26px;
      font-family:var(--font-mono);
      font-size:0.66rem;
      color:var(--line-strong);
    }

    /* ---------- VALUES ---------- */
    .topsec-home .values-grid{
      display:grid;
      grid-template-columns:repeat(3, 1fr);
      gap:26px;
    }
    .topsec-home .value-card{
      border:1px solid var(--line);
      padding:30px 26px;
      border-radius:4px;
      background:linear-gradient(180deg, rgba(255,255,255,0.015), transparent);
    }
    .topsec-home .value-tag{
      font-family:var(--font-mono);
      font-size:0.66rem;
      letter-spacing:0.1em;
      text-transform:uppercase;
      color:var(--amber);
      display:block;
      margin-bottom:16px;
    }
    .topsec-home .value-card h3{
      font-size:1.05rem;
      margin-bottom:10px;
    }
    .topsec-home .value-card p{
      color:var(--muted);
      font-size:0.9rem;
    }

    /* ---------- VISION ---------- */
    .topsec-home .vision{
      background:var(--navy-2);
    }
    .topsec-home .vision-intro{
      max-width:680px;
      margin-bottom:64px;
    }
    .topsec-home .vision-intro h2{
      font-size:clamp(1.8rem,2.8vw,2.6rem);
      margin-top:14px;
    }
    .topsec-home .vision-intro p{
      color:var(--muted);
      margin-top:18px;
      font-size:1.05rem;
    }
    .topsec-home .pillars{
      display:grid;
      grid-template-columns:repeat(3,1fr);
      gap:1px;
      background:var(--line);
      border:1px solid var(--line);
    }
    .topsec-home .pillar{
      background:var(--navy-2);
      padding:40px 32px;
    }
    .topsec-home .pillar .num{
      font-family:var(--font-mono);
      color:var(--cyan);
      font-size:0.78rem;
      letter-spacing:0.06em;
    }
    .topsec-home .pillar h3{
      font-size:1.15rem;
      margin:18px 0 12px;
    }
    .topsec-home .pillar p{
      color:var(--muted);
      font-size:0.92rem;
    }

    /* ---------- COMMITMENT FLOW ---------- */
    .topsec-home .commit-flow{
      display:flex;
      flex-direction:column;
    }
    .topsec-home .commit-row{
      display:grid;
      grid-template-columns:120px 1fr;
      gap:28px;
      padding:26px 0;
      border-bottom:1px solid var(--line);
      align-items:center;
    }
    .topsec-home .commit-row:first-child{border-top:1px solid var(--line);}
    .topsec-home .commit-row .step-tag{
      font-family:var(--font-mono);
      font-size:0.72rem;
      color:var(--cyan);
      letter-spacing:0.06em;
    }
    .topsec-home .commit-row h4{
      font-size:1.15rem;
      font-weight:700;
    }
    .topsec-home .commit-sub{
      color:var(--muted);
      font-size:0.88rem;
      margin-top:6px;
    }
    .topsec-home .commit-support{
      display:flex;
      gap:10px;
      flex-wrap:wrap;
      margin-top:16px;
    }
    .topsec-home .pill{
      font-family:var(--font-mono);
      font-size:0.66rem;
      text-transform:uppercase;
      letter-spacing:0.04em;
      padding:6px 12px;
      border:1px solid var(--line-strong);
      border-radius:20px;
      color:var(--muted);
    }

    /* ---------- CULTURE ---------- */
    .topsec-home .culture-grid{
      display:grid;
      grid-template-columns:repeat(5,1fr);
      gap:22px;
    }
    .topsec-home .culture-card{
      padding:26px 20px;
      border:1px solid var(--line);
      border-radius:4px;
      text-align:left;
    }
    .topsec-home .culture-letter{
      font-family:var(--font-mono);
      font-size:0.8rem;
      color:var(--amber);
      display:inline-flex;
      align-items:center;
      justify-content:center;
      width:28px;height:28px;
      border:1px solid var(--amber);
      border-radius:50%;
      margin-bottom:20px;
    }
    .topsec-home .culture-card h3{
      font-size:0.98rem;
      margin-bottom:8px;
    }
    .topsec-home .culture-card p{
      color:var(--muted);
      font-size:0.84rem;
    }

    /* ---------- CTA (bàn giao sang form "Get an Instant Quote" có sẵn) ---------- */
    .topsec-home .cta-section{
      text-align:center;
      padding:110px 0 120px;
      border-top:1px solid var(--line);
      position:relative;
    }
    .topsec-home .cta-section h2{
      font-size:clamp(2rem,4vw,3.1rem);
      max-width:760px;
      margin:0 auto;
    }
    .topsec-home .cta-section h2 span{color:var(--cyan);}
    .topsec-home .cta-section p{
      color:var(--muted);
      margin:22px auto 40px;
      max-width:480px;
    }
    .topsec-home .cta-buttons{
      display:flex;
      gap:16px;
      justify-content:center;
      flex-wrap:wrap;
    }

    /* ---------- RESPONSIVE ---------- */
    @media (max-width: 900px){
      .topsec-home .hero-grid{grid-template-columns:1fr; gap:70px;}
      .topsec-home .who-body{grid-template-columns:1fr; gap:36px;}
      .topsec-home .domains{grid-template-columns:repeat(2,1fr);}
      .topsec-home .values-grid{grid-template-columns:repeat(2,1fr);}
      .topsec-home .pillars{grid-template-columns:1fr;}
      .topsec-home .culture-grid{grid-template-columns:repeat(2,1fr);}
      .topsec-home .flow{flex-wrap:wrap; gap:30px;}
      .topsec-home .flow::before{display:none;}
      .topsec-home .flow-step{flex:1 1 30%;}
    }

    @media (max-width: 680px){
      .topsec-home .wrap{padding:0 20px;}
      .topsec-home section{padding:64px 0;}
      .topsec-home .hero{padding:56px 0 70px;}
      .topsec-home .domains{grid-template-columns:1fr;}
      .topsec-home .values-grid{grid-template-columns:1fr;}
      .topsec-home .culture-grid{grid-template-columns:1fr;}
      .topsec-home .commit-row{grid-template-columns:1fr; gap:8px;}
    }

    @media (prefers-reduced-motion: reduce){
      .topsec-home *{animation:none !important; transition:none !important;}
    }
  </style>

  <section class="hero">
    <div class="wrap hero-grid">
      <div>
        <div class="eyebrow">Đối tác công nghệ tại Việt Nam</div>
        <h1>Bảo vệ từng <span>điểm kết nối</span>.<br>Số hoá từng điểm không gian.</h1>
        <p class="lead">TOPSEC Vietnam kết hợp an ninh mạng, hạ tầng CNTT và công nghệ quét 3D/LiDAR thành một giải pháp duy nhất — giúp doanh nghiệp vận hành an toàn trong một thế giới ngày càng kết nối.</p>
        <div class="hero-cta">
          <a href="#topsec-contact" class="btn">Trao đổi với đội ngũ →</a>
          <a href="#topsec-domains" class="btn ghost">Khám phá giải pháp</a>
        </div>
        <div class="hero-tags">
          <div><span>06</span> lĩnh vực công nghệ tích hợp</div>
          <div><span>05</span> bước đồng hành cùng dự án</div>
        </div>
      </div>

      <div class="scan-wrap">
        <div class="scan-ring">
          <div class="scan-ring-inner"></div>
          <div class="scan-ring-inner2"></div>
        </div>
        <svg class="scan-nodes" viewBox="0 0 100 100">
          <line x1="20" y1="30" x2="50" y2="50" stroke="var(--line-strong)" stroke-width="0.3"/>
          <line x1="50" y1="50" x2="78" y2="24" stroke="var(--line-strong)" stroke-width="0.3"/>
          <line x1="50" y1="50" x2="30" y2="76" stroke="var(--line-strong)" stroke-width="0.3"/>
          <line x1="50" y1="50" x2="80" y2="70" stroke="var(--line-strong)" stroke-width="0.3"/>
        </svg>
        <div class="scan-nodes">
          <div class="node" style="top:30%; left:20%; animation-delay:0s;"></div>
          <div class="node accent" style="top:24%; left:78%; animation-delay:.6s;"></div>
          <div class="node" style="top:76%; left:30%; animation-delay:1.1s;"></div>
          <div class="node" style="top:70%; left:80%; animation-delay:1.6s;"></div>
          <div class="node" style="top:14%; left:50%; animation-delay:2s;"></div>
        </div>
        <div class="scan-core"></div>
        <div class="scan-caption">Signal · Space · Security</div>
      </div>
    </div>
  </section>

  <section id="topsec-who">
    <div class="wrap">
      <div class="section-head reveal">
        <div class="eyebrow">Chúng tôi là ai</div>
        <h2>Một đối tác công nghệ, sáu lĩnh vực chuyên sâu</h2>
      </div>
      <div class="who-body">
        <div class="reveal">
          <p>TOPSEC Vietnam là đơn vị cung cấp giải pháp công nghệ chuyên về hạ tầng CNTT doanh nghiệp, an ninh mạng, hệ thống mạng doanh nghiệp, 3D Reality Capture, LiDAR và các giải pháp công nghệ tiên tiến khác — đồng hành cùng doanh nghiệp vừa và nhỏ, tập đoàn, nhà tích hợp hệ thống, tổ chức công nghiệp và khu vực công.</p>
        </div>
        <div class="reveal">
          <div class="flow">
            <div class="flow-step">
              <div class="dot"></div>
              <div class="label">Understand</div>
              <div class="sub">Hiểu bài toán</div>
            </div>
            <div class="flow-step">
              <div class="dot"></div>
              <div class="label">Consult</div>
              <div class="sub">Tư vấn giải pháp</div>
            </div>
            <div class="flow-step">
              <div class="dot"></div>
              <div class="label">Design</div>
              <div class="sub">Thiết kế hệ thống</div>
            </div>
            <div class="flow-step">
              <div class="dot"></div>
              <div class="label">Deliver</div>
              <div class="sub">Triển khai</div>
            </div>
            <div class="flow-step">
              <div class="dot"></div>
              <div class="label">Support</div>
              <div class="sub">Hỗ trợ dài hạn</div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>

  <section id="topsec-domains">
    <div class="wrap">
      <div class="section-head reveal">
        <div class="eyebrow">Năng lực công nghệ</div>
        <h2>Sáu lĩnh vực, một cách tiếp cận tích hợp</h2>
        <p>Từ hạ tầng đến bảo mật, từ mạng lưới đến dữ liệu không gian — mỗi lĩnh vực được xây dựng để bổ trợ cho các lĩnh vực còn lại.</p>
      </div>

      <div class="domains reveal">
        <div class="domain-card">
          <span class="domain-index">01</span>
          <svg class="domain-icon" viewBox="0 0 32 32" fill="none" stroke="currentColor" stroke-width="1.4">
            <rect x="6" y="4" width="20" height="7" rx="1"/>
            <rect x="6" y="13" width="20" height="7" rx="1"/>
            <rect x="6" y="22" width="20" height="6" rx="1"/>
            <circle cx="10" cy="7.5" r="0.9" fill="currentColor" stroke="none"/>
            <circle cx="10" cy="16.5" r="0.9" fill="currentColor" stroke="none"/>
          </svg>
          <h3>IT Infrastructure</h3>
          <p>Hạ tầng doanh nghiệp và hệ thống mạng được thiết kế cho kết nối, hiệu năng và khả năng mở rộng ổn định.</p>
        </div>

        <div class="domain-card">
          <span class="domain-index">02</span>
          <svg class="domain-icon" viewBox="0 0 32 32" fill="none" stroke="currentColor" stroke-width="1.4">
            <path d="M16 4l10 4v8c0 7-4.5 11-10 12-5.5-1-10-5-10-12V8l10-4z"/>
            <path d="M12.5 16l2.5 2.5 5-5" stroke-width="1.6"/>
          </svg>
          <h3>Cybersecurity</h3>
          <p>Giải pháp bảo vệ hệ thống mạng, ứng dụng và dữ liệu quan trọng trước các mối đe doạ không ngừng thay đổi.</p>
        </div>

        <div class="domain-card">
          <span class="domain-index">03</span>
          <svg class="domain-icon" viewBox="0 0 32 32" fill="none" stroke="currentColor" stroke-width="1.4">
            <circle cx="8" cy="8" r="3"/>
            <circle cx="24" cy="8" r="3"/>
            <circle cx="16" cy="24" r="3"/>
            <circle cx="16" cy="14" r="2.2"/>
            <path d="M10.5 9.5L14.5 13M21.5 9.5L17.5 13M16 16.2V21"/>
          </svg>
          <h3>Enterprise Networking</h3>
          <p>Hệ thống mạng hiệu năng cao, bảo mật cho kết nối ổn định giữa nhiều chi nhánh và địa điểm.</p>
        </div>

        <div class="domain-card">
          <span class="domain-index">04</span>
          <svg class="domain-icon" viewBox="0 0 32 32" fill="none" stroke="currentColor" stroke-width="1.4">
            <path d="M16 5l10 5.5v11L16 27 6 21.5v-11L16 5z"/>
            <path d="M6 10.5L16 16l10-5.5M16 16v11" stroke-width="1.1"/>
          </svg>
          <h3>3D Reality Capture</h3>
          <p>Công nghệ số hoá không gian cho kỹ thuật, xây dựng và khảo sát với độ chính xác cao.</p>
        </div>

        <div class="domain-card">
          <span class="domain-index">05</span>
          <svg class="domain-icon" viewBox="0 0 32 32" fill="none" stroke="currentColor" stroke-width="1.4">
            <circle cx="16" cy="16" r="1.6" fill="currentColor" stroke="none"/>
            <path d="M16 16L8 8M16 16l11-2M16 16l-3 11M16 16l9 6M16 16L6 20"/>
            <circle cx="8" cy="8" r="1.3" fill="currentColor" stroke="none"/>
            <circle cx="27" cy="14" r="1.3" fill="currentColor" stroke="none"/>
            <circle cx="13" cy="27" r="1.3" fill="currentColor" stroke="none"/>
            <circle cx="25" cy="22" r="1.3" fill="currentColor" stroke="none"/>
            <circle cx="6" cy="20" r="1.3" fill="currentColor" stroke="none"/>
          </svg>
          <h3>LiDAR &amp; 3D Laser Scanning</h3>
          <p>Quét laser độ chính xác cao phục vụ thu thập dữ liệu không gian, khảo sát và bản đồ số.</p>
        </div>

        <div class="domain-card">
          <span class="domain-index">06</span>
          <svg class="domain-icon" viewBox="0 0 32 32" fill="none" stroke="currentColor" stroke-width="1.4">
            <rect x="7" y="18" width="18" height="7" rx="1"/>
            <rect x="9" y="11" width="14" height="7" rx="1"/>
            <rect x="11" y="4" width="10" height="7" rx="1"/>
          </svg>
          <h3>Enterprise Technology Solutions</h3>
          <p>Giải pháp tích hợp, phù hợp với yêu cầu vận hành, bảo mật và mục tiêu dài hạn của doanh nghiệp.</p>
        </div>
      </div>
    </div>
  </section>

  <section id="topsec-values">
    <div class="wrap">
      <div class="section-head reveal">
        <div class="eyebrow">Nguyên tắc làm việc</div>
        <h2>Giá trị cốt lõi đằng sau mỗi hợp tác</h2>
        <p>Văn hoá của chúng tôi được xây dựng trên sự cam kết với khách hàng, đổi mới, chính trực, hợp tác và cải tiến liên tục.</p>
      </div>
      <div class="values-grid reveal">
        <div class="value-card">
          <span class="value-tag">Customer First</span>
          <h3>Thấu hiểu trước khi đề xuất</h3>
          <p>Chúng tôi dành thời gian hiểu mục tiêu kinh doanh và yêu cầu kỹ thuật trước khi đưa ra giải pháp phù hợp.</p>
        </div>
        <div class="value-card">
          <span class="value-tag">Innovation</span>
          <h3>Không ngừng cập nhật công nghệ</h3>
          <p>Liên tục phát triển chuyên môn trong an ninh mạng, hạ tầng CNTT, mạng doanh nghiệp và LiDAR.</p>
        </div>
        <div class="value-card">
          <span class="value-tag">Integrity</span>
          <h3>Minh bạch trong từng giai đoạn</h3>
          <p>Từ tư vấn ban đầu đến triển khai và hậu mãi, chúng tôi xây dựng quan hệ dựa trên niềm tin, không phải giao dịch.</p>
        </div>
        <div class="value-card">
          <span class="value-tag">Collaboration</span>
          <h3>Một đội ngũ, nhiều chuyên môn</h3>
          <p>Phối hợp chặt chẽ với khách hàng, nhà cung cấp công nghệ, nhà phân phối và các nhóm kỹ thuật.</p>
        </div>
        <div class="value-card">
          <span class="value-tag">Excellence</span>
          <h3>Chất lượng làm nên uy tín</h3>
          <p>Từ lựa chọn sản phẩm đến dịch vụ hậu mãi, chúng tôi tập trung vào chất lượng và độ tin cậy.</p>
        </div>
        <div class="value-card">
          <span class="value-tag">Growth</span>
          <h3>Mỗi dự án là một bước tiến</h3>
          <p>Mỗi dự án là cơ hội để củng cố chuyên môn kỹ thuật và trở thành đối tác đáng tin cậy hơn theo thời gian.</p>
        </div>
      </div>
    </div>
  </section>

  <section id="topsec-vision" class="vision">
    <div class="wrap">
      <div class="vision-intro reveal">
        <div class="eyebrow">Tầm nhìn</div>
        <h2>Xây dựng tương lai công nghệ an toàn và kết nối</h2>
        <p>Trở thành đối tác giải pháp công nghệ chuyên nghiệp và đáng tin cậy tại Việt Nam — mang đến sản phẩm chất lượng cao, chuyên môn kỹ thuật và giải pháp toàn diện cho doanh nghiệp.</p>
      </div>
      <div class="pillars reveal">
        <div class="pillar">
          <div class="num">Pillar 01</div>
          <h3>Giải pháp công nghệ đáng tin cậy</h3>
          <p>Cung cấp giải pháp an toàn, ổn định, có khả năng mở rộng, sẵn sàng cho tương lai và hỗ trợ vận hành doanh nghiệp.</p>
        </div>
        <div class="pillar">
          <div class="num">Pillar 02</div>
          <h3>Phát triển chuyên môn công nghệ</h3>
          <p>Không ngừng củng cố năng lực kỹ thuật, kiến thức ngành và chuyên môn giải pháp để tư vấn hiệu quả.</p>
        </div>
        <div class="pillar">
          <div class="num">Pillar 03</div>
          <h3>Tạo giá trị dài hạn</h3>
          <p>Xây dựng quan hệ bền vững với khách hàng và đối tác, đồng thời góp phần vào chuyển đổi số tại Việt Nam.</p>
        </div>
      </div>
    </div>
  </section>

  <section id="topsec-commitment">
    <div class="wrap">
      <div class="section-head reveal">
        <div class="eyebrow">Cam kết với khách hàng</div>
        <h2>Đồng hành xuyên suốt hành trình dự án</h2>
        <p>Một dự án công nghệ thành công không dừng lại ở khâu bàn giao. Cam kết của chúng tôi trải dài toàn bộ hành trình.</p>
      </div>
      <div class="commit-flow reveal">
        <div class="commit-row">
          <div class="step-tag">STEP 01</div>
          <div>
            <h4>Consultation</h4>
            <div class="commit-sub">Tư vấn sản phẩm và tư vấn kỹ thuật ngay từ đầu.</div>
            <div class="commit-support">
              <span class="pill">Product Consultation</span>
              <span class="pill">Technical Consultation</span>
            </div>
          </div>
        </div>
        <div class="commit-row">
          <div class="step-tag">STEP 02</div>
          <div>
            <h4>Solution Design</h4>
            <div class="commit-sub">Thiết kế giải pháp phù hợp với bài toán thực tế.</div>
            <div class="commit-support">
              <span class="pill">Pre-Sales Support</span>
            </div>
          </div>
        </div>
        <div class="commit-row">
          <div class="step-tag">STEP 03</div>
          <div>
            <h4>Product Supply</h4>
            <div class="commit-sub">Cung cấp sản phẩm đúng nhu cầu và tiến độ dự án.</div>
          </div>
        </div>
        <div class="commit-row">
          <div class="step-tag">STEP 04</div>
          <div>
            <h4>Project Support</h4>
            <div class="commit-sub">Hỗ trợ trong suốt quá trình triển khai dự án.</div>
          </div>
        </div>
        <div class="commit-row">
          <div class="step-tag">STEP 05</div>
          <div>
            <h4>Technical Support</h4>
            <div class="commit-sub">Hỗ trợ kỹ thuật và hậu mãi lâu dài sau bàn giao.</div>
            <div class="commit-support">
              <span class="pill">After-Sales Support</span>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>

  <section id="topsec-culture">
    <div class="wrap">
      <div class="section-head reveal">
        <div class="eyebrow">Văn hoá đội ngũ</div>
        <h2>Con người. Công nghệ. Sự đồng hành.</h2>
      </div>
      <div class="culture-grid reveal">
        <div class="culture-card">
          <div class="culture-letter">A</div>
          <h3>Tư duy đổi mới</h3>
          <p>Tìm kiếm cách giải quyết thông minh hơn cho bài toán công nghệ và kinh doanh.</p>
        </div>
        <div class="culture-card">
          <div class="culture-letter">B</div>
          <h3>Làm việc cùng nhau</h3>
          <p>Chia sẻ kiến thức và phối hợp chặt chẽ với khách hàng, đối tác.</p>
        </div>
        <div class="culture-card">
          <div class="culture-letter">C</div>
          <h3>Tập trung vào kết quả</h3>
          <p>Chủ động sở hữu công việc và mang lại giá trị kinh doanh thực sự.</p>
        </div>
        <div class="culture-card">
          <div class="culture-letter">D</div>
          <h3>Không ngừng học hỏi</h3>
          <p>Liên tục phát triển kiến thức kỹ thuật và chuyên môn ngành.</p>
        </div>
        <div class="culture-card">
          <div class="culture-letter">E</div>
          <h3>Khách hàng là trọng tâm</h3>
          <p>Xây dựng niềm tin qua sự phản hồi nhanh, chuyên môn và cam kết dài hạn.</p>
        </div>
      </div>
    </div>
  </section>

  <section id="topsec-contact" class="cta-section">
    <div class="wrap">
      <div class="eyebrow" style="justify-content:center;">Bắt đầu hợp tác</div>
      <h2 style="margin-top:16px;">Công nghệ cho một <span>tương lai an toàn</span></h2>
      <p>TOPSEC Vietnam — đối tác công nghệ đáng tin cậy của bạn. Hãy để chúng tôi hiểu bài toán của bạn trước khi đề xuất giải pháp.</p>
      <div class="cta-buttons">
        <a href="#quote" class="btn">Nhận báo giá ngay ↓</a>
        <a href="#topsec-domains" class="btn ghost">Xem năng lực công nghệ</a>
      </div>
    </div>
  </section>

  <script>
    (function(){
      var revealEls = document.querySelectorAll('.topsec-home .reveal');
      if('IntersectionObserver' in window){
        var io = new IntersectionObserver(function(entries){
          entries.forEach(function(entry){
            if(entry.isIntersecting){
              entry.target.classList.add('in');
              io.unobserve(entry.target);
            }
          });
        }, { threshold: 0.15 });
        revealEls.forEach(function(el){ io.observe(el); });
      } else {
        revealEls.forEach(function(el){ el.classList.add('in'); });
      }
    })();
  </script>

</div>/* End custom CSS */