.elementor-7 .elementor-element.elementor-element-253c9ea{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-start;--overlay-opacity:0;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7 .elementor-element.elementor-element-253c9ea:not(.elementor-motion-effects-element-type-background), .elementor-7 .elementor-element.elementor-element-253c9ea > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#4D4848;background:url("https://seedport.ca/wp-content/uploads/2026/02/hero-poster.webp") 50% 50%;background-size:cover;}.elementor-7 .elementor-element.elementor-element-253c9ea::before, .elementor-7 .elementor-element.elementor-element-253c9ea > .elementor-background-video-container::before, .elementor-7 .elementor-element.elementor-element-253c9ea > .e-con-inner > .elementor-background-video-container::before, .elementor-7 .elementor-element.elementor-element-253c9ea > .elementor-background-slideshow::before, .elementor-7 .elementor-element.elementor-element-253c9ea > .e-con-inner > .elementor-background-slideshow::before, .elementor-7 .elementor-element.elementor-element-253c9ea > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#0B2B22;--background-overlay:'';}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-7 .elementor-element.elementor-element-789a4a5{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-7 .elementor-element.elementor-element-789a4a5.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-7 .elementor-element.elementor-element-789a4a5 p{margin-block-end:0px;}.elementor-7 .elementor-element.elementor-element-f35ac69{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;}.elementor-7 .elementor-element.elementor-element-51ace7e{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 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-7 .elementor-element.elementor-element-e8a02c9{width:initial;max-width:initial;}.elementor-7 .elementor-element.elementor-element-e8a02c9.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-7 .elementor-element.elementor-element-e8a02c9 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:54px;font-weight:600;color:#FFFFFF;}.elementor-7 .elementor-element.elementor-element-a736e9a{font-family:"Roboto", Sans-serif;font-size:22px;font-weight:400;color:#FFFFFF;}.elementor-7 .elementor-element.elementor-element-a736e9a a{color:#FFFFFF;}.elementor-7 .elementor-element.elementor-element-72b0b4d{--display:grid;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(3, 1fr);--grid-auto-flow:row;--justify-items:center;}.elementor-7 .elementor-element.elementor-element-72b0b4d.e-con{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-7 .elementor-element.elementor-element-51d6438{--display:flex;}.elementor-7 .elementor-element.elementor-element-4442c21{--display:flex;}.elementor-7 .elementor-element.elementor-element-ddb7dec{--display:flex;}.elementor-7 .elementor-element.elementor-element-6562694{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-7 .elementor-element.elementor-element-6562694:not(.elementor-motion-effects-element-type-background), .elementor-7 .elementor-element.elementor-element-6562694 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0C0E10;}.elementor-7 .elementor-element.elementor-element-ff1a74a{width:100%;max-width:100%;}@media(min-width:768px){.elementor-7 .elementor-element.elementor-element-f35ac69{--content-width:100%;}.elementor-7 .elementor-element.elementor-element-51ace7e{--content-width:1140px;}.elementor-7 .elementor-element.elementor-element-72b0b4d{--width:100%;}}@media(max-width:1024px){.elementor-7 .elementor-element.elementor-element-e8a02c9 .elementor-heading-title{font-size:51px;}.elementor-7 .elementor-element.elementor-element-72b0b4d{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-7 .elementor-element.elementor-element-e8a02c9 .elementor-heading-title{font-size:38px;}.elementor-7 .elementor-element.elementor-element-a736e9a{text-align:start;font-size:18px;}.elementor-7 .elementor-element.elementor-element-72b0b4d{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for text-editor, class: .elementor-element-789a4a5 */@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600;700&display=swap');


/* === base === */
.elementor-7 .elementor-element.elementor-element-789a4a5 .sp-line{ display:none !important; }
.elementor-7 .elementor-element.elementor-element-789a4a5 .sp-desktop{ display:block !important; } /* 默认桌面 */

/* === common style === */
.elementor-7 .elementor-element.elementor-element-789a4a5 .sp-hero-title{
  width: min(70vw, 1200px);
  margin: 0 auto;
  text-align: left;
}

.elementor-7 .elementor-element.elementor-element-789a4a5 .sp-hero-title .sp-line{
  font-size: clamp(34px, 7vw, 96px);
  line-height: 1.05;
  color: #1B3A2F;
  transform: translate(0vw, 6vh);
  display: block;
  font-weight: 500 !important;
  font-family: "DM Sans", sans-serif !important;

}

/* === tablet === */
@media (max-width: 1450px){
  .elementor-7 .elementor-element.elementor-element-789a4a5 .sp-desktop{ display:none !important; }
  .elementor-7 .elementor-element.elementor-element-789a4a5 .sp-tablet{ display:block !important; }
  .elementor-7 .elementor-element.elementor-element-789a4a5 .sp-mobile{ display:none !important; }

  .elementor-7 .elementor-element.elementor-element-789a4a5 .sp-hero-title{
    width: 86vw;
  }
  .elementor-7 .elementor-element.elementor-element-789a4a5 .sp-hero-title .sp-line{
    font-size: clamp(32px, 8vw, 72px);
    transform: translate(3vw, 15vh);
    line-height: 1.06;
    font-weight: 500 !important;
    font-family: "DM Sans", sans-serif !important;
  }
}

/* === mobile === */
@media (max-width: 600px){
  .elementor-7 .elementor-element.elementor-element-789a4a5 .sp-desktop{ display:none !important; }
  .elementor-7 .elementor-element.elementor-element-789a4a5 .sp-tablet{ display:none !important; }
  .elementor-7 .elementor-element.elementor-element-789a4a5 .sp-mobile{ display:block !important; }

  .elementor-7 .elementor-element.elementor-element-789a4a5 .sp-hero-title{
    width: 92vw;
  }
  .elementor-7 .elementor-element.elementor-element-789a4a5 .sp-hero-title .sp-line{
    font-size: clamp(26px, 10vw, 52px);
    transform: translate(18vw, 7vh);
    line-height: 1.08;
    font-weight: 600 !important;
    font-family: "DM Sans", sans-serif !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-51c8162 *//* ===== 信任背书徽标区域：专业级样式 ===== */
.elementor-7 .elementor-element.elementor-element-51c8162 .sp-trust-badge {
    display: flex !important;
    align-items: center !important; /* 👈 垂直居中对齐文字和 Logo */
    justify-content: center !important; /* 👈 水平居中组件 */
    gap: 15px !important; /* 👈 文字和 Logo 之间的呼吸间距 */
    margin-top: 35px !important; /* 距离上方副标题的间距 */
    margin-bottom: 40px !important; /* 距离下方网格卡片的间距 */
}

.elementor-7 .elementor-element.elementor-element-51c8162 .sp-trust-text {
    color: #A0A0A0 !important; /* 高级浅灰色 */
    font-size: 13px !important; /* 👈 小号字体，不喧宾夺主 */
    text-transform: uppercase !important; /* 全大写，显得更正式 */
    letter-spacing: 1.5px !important; /* 👈 增加字间距，提升精致感 */
    font-weight: 500 !important;
}

.elementor-7 .elementor-element.elementor-element-51c8162 .sp-trust-logo {
    /* 👇 重点优化：在这里稳定、精致地控制 Logo 大小 */
    height: 60px !important; /* 👈 控制 Logo 的高度，请根据实际比例微调 */
    width: auto !important; /* 保持等比例放缩，不变形 */
    opacity: 0.7 !important; /* 稍微降低透明度，更优雅 */
    transition: opacity 0.3s ease !important;
    
    /* 💡 如果您的 Logo 是黑色的，可以取消下面这行的注释将其反转为白色 */
    /* filter: invert(1) brightness(2); */ 
}

/* 🖱️ 鼠标悬浮时 Logo 变亮，增加交互感 */
.elementor-7 .elementor-element.elementor-element-51c8162 .sp-trust-logo:hover {
    opacity: 1 !important;
}

/* 📱 手机端响应式布局 */
@media (max-width: 767px) {
    .elementor-7 .elementor-element.elementor-element-51c8162 .sp-trust-badge {
        flex-direction: column !important; /* 手机端改为上下排列 */
        gap: 12px !important; /* 缩小上下间距 */
        margin-top: 25px !important;
    }
    
    .elementor-7 .elementor-element.elementor-element-51c8162 .sp-trust-text {
        font-size: 11px !important; /* 手机端字体稍微缩小 */
        text-align: center !important;
    }
    
    .elementor-7 .elementor-element.elementor-element-51c8162 .sp-trust-logo {
        height: 50px !important; /* 手机端 Logo 稍微缩小 */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f35ac69 *//* =========================
   SeedPort Ultimate Adaptive Mosaic (v4.9)
   - Layout: 4 Columns x 2 Rows
   - Full Width: 100vw Edge-to-Edge
   - Features: Pure White Subtitle & Multi-Screen Support
   ========================= */

/* ===== 1. 全屏外层容器：暴力突破父级限制 ===== */
.elementor-7 .elementor-element.elementor-element-f35ac69.sp-mosaic-wrapper {
    width: 100vw !important;
    max-width: 100vw !important;
    position: relative !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    margin: 0 !important;
    padding: clamp(60px, 5vw, 120px) 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    background-color: #0f1412 !important;
    /* 品牌渐变背景 */
    background-image: 
        radial-gradient(1400px 800px at 15% -10%, rgba(27, 58, 47, 0.45), rgba(27, 58, 47, 0) 65%),
        radial-gradient(1000px 600px at 85% 15%, rgba(0, 220, 255, 0.15), rgba(0, 220, 255, 0) 65%) !important;
    overflow: hidden !important;
}

/* ===== 2. 标题组优化 ===== */
.elementor-7 .elementor-element.elementor-element-f35ac69 .sp-main-title, 
.elementor-7 .elementor-element.elementor-element-f35ac69 .sp-main-sub {
    text-align: center !important;
    margin: 0 auto !important;
    padding: 0 5% !important;
}

/* ===== 主标题：更干净、有力量 ===== */
.elementor-7 .elementor-element.elementor-element-f35ac69 .sp-main-title h2 {
    color: #ffffff !important;
    font-size: clamp(32px, 5vw, 72px) !important; /* 🔥 稍微放大上限 */
    font-weight: 900 !important; /* 950 有点过重，900更高级 */
    letter-spacing: -0.035em !important; /* 🔥 稍微收一点，不那么挤 */
    line-height: 1.02 !important; /* 更紧凑有冲击力 */
    text-transform: uppercase !important;
    margin-bottom: 26px !important; /* 🔥 增加呼吸感 */
}

/* ===== 副标题：更高级可读 ===== */
.elementor-7 .elementor-element.elementor-element-f35ac69 .sp-main-sub {
    color: rgba(255,255,255,0.88) !important; /* 🔥 不用纯白，更高级 */
    font-size: clamp(15px, 1.2vw, 19px) !important;
    font-weight: 400 !important; /* 🔥 从500降到400，更轻更高级 */
    line-height: 1.7 !important; /* 🔥 提高可读性 */
    max-width: 780px !important; /* 🔥 关键！避免一行太长 */
    margin: 0 auto 1px auto !important; /* 🔥 居中 + 拉开和下面距离 */
    text-align: center !important;
    text-shadow: 0 2px 12px rgba(0,0,0,0.35) !important;
}
/* ===== 3. 核心网格自适应布局 ===== */
.elementor-7 .elementor-element.elementor-element-f35ac69 .sp-mosaic-grid {
    display: grid !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 3% !important;
    gap: clamp(15px, 2vw, 25px) !important;
    
    /* 桌面端：4列2行映射 */
    grid-template-columns: 1fr 1fr 1.6fr !important;
    grid-template-rows: clamp(500px, 28vw, 500px) clamp(400px, 25vw, 400px) !important;
    grid-template-areas: 
        "map map match match"
        "map map strat strat" !important;
}

/* 区域绑定 */
.elementor-7 .elementor-element.elementor-element-f35ac69 .card-map      { grid-area: map !important; }
.elementor-7 .elementor-element.elementor-element-f35ac69 .card-match    { grid-area: match !important; }
.elementor-7 .elementor-element.elementor-element-f35ac69 .card-strategy { grid-area: strat !important; }


/* ===== 4. 卡片基础与自适应样式 ===== */
.elementor-7 .elementor-element.elementor-element-f35ac69 .sp-card {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    background: rgba(255, 255, 255, 0.04) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: clamp(20px, 2vw, 32px) !important;
    padding: clamp(20px, 3.5vw, 48px) !important;
    backdrop-filter: blur(25px);
    -webkit-backdrop-filter: blur(25px);
    transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important;
    cursor: pointer;
    overflow: hidden;
}

.elementor-7 .elementor-element.elementor-element-f35ac69 .sp-card:hover {
    transform: translateY(-12px) !important;
    background: rgba(255, 255, 255, 0.07) !important;
    border-color: rgba(0, 220, 255, 0.5) !important;
    box-shadow: 0 40px 90px rgba(0, 0, 0, 0.6) !important;
}

/* 卡片文字 */
.elementor-7 .elementor-element.elementor-element-f35ac69 .sp-card-headline {
    color: #ffffff !important;
    font-size: clamp(22px, 2.8vw, 42px) !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    line-height: 1.1 !important;
}

/* ===== 5. 响应式 Breakpoints ===== */

/* 平板端 (1024px 以下) - 单列 布局 */
@media (max-width: 1024px) {
    .elementor-7 .elementor-element.elementor-element-f35ac69 .sp-mosaic-grid {
        grid-template-columns: 1fr !important;
        grid-template-rows: auto !important;
        grid-template-areas: 
            "map"
            "match"
            "strat" !important;
    }
    /* 确保平板端也有足够高度 */
    .elementor-7 .elementor-element.elementor-element-f35ac69 .sp-card {
        min-height: 500px !important;
    }
}

/* 手机端 (767px 以下) - 彻底单列 */
@media (max-width: 767px) {
    .elementor-7 .elementor-element.elementor-element-f35ac69 .sp-mosaic-grid {
        grid-template-columns: 1fr !important;
        grid-template-areas: 
            "map"
            "match"
            "strat"
         !important;
    }
    .elementor-7 .elementor-element.elementor-element-f35ac69 .sp-card {
        padding: 30px 20px !important;
        min-height: auto !important;
    }
    
    
    .elementor-7 .elementor-element.elementor-element-f35ac69 .sp-card {
        min-height: 500px !important;
    }
}/* End custom CSS */