.elementor-3268 .elementor-element.elementor-element-fdd7e04{--display:flex;--min-height:320px;--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:center;--align-items:center;--padding-top:72px;--padding-bottom:64px;--padding-left:32px;--padding-right:32px;}.elementor-3268 .elementor-element.elementor-element-fdd7e04:not(.elementor-motion-effects-element-type-background), .elementor-3268 .elementor-element.elementor-element-fdd7e04 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0a1e50;}.elementor-3268 .elementor-element.elementor-element-cc_1005{--display:flex;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Noto Sans TC;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-3268 .elementor-element.elementor-element-64199fc{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 16px) 0px;}.elementor-3268 .elementor-element.elementor-element-64199fc .elementor-heading-title{font-family:"Inter", Noto Sans TC;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:0.12em;color:#f7b52b;}.elementor-3268 .elementor-element.elementor-element-0dddb62 .elementor-heading-title{font-size:36px;font-weight:700;line-height:1.25em;color:#ffffff;}.elementor-3268 .elementor-element.elementor-element-53972f1{margin:14px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-3268 .elementor-element.elementor-element-53972f1 .elementor-heading-title{font-size:14px;line-height:1.7em;color:rgba(255,255,255,0.55);}.elementor-3268 .elementor-element.elementor-element-cc_1003{--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;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Noto Sans TC;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-3268 .elementor-element.elementor-element-btn_1001 .elementor-button-content-wrapper{flex-direction:row;}.elementor-3268 .elementor-element.elementor-element-btn_1002 .elementor-button-content-wrapper{flex-direction:row;}.elementor-3268 .elementor-element.elementor-element-a429362{--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;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:rgba(10,30,80,0.07);--border-color:rgba(10,30,80,0.07);--padding-top:14px;--padding-bottom:14px;--padding-left:32px;--padding-right:32px;}.elementor-3268 .elementor-element.elementor-element-a429362:not(.elementor-motion-effects-element-type-background), .elementor-3268 .elementor-element.elementor-element-a429362 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#ffffff;}.elementor-3268 .elementor-element.elementor-element-btn_1000 .elementor-button-content-wrapper{flex-direction:row;}.elementor-3268 .elementor-element.elementor-element-c53a0f1{--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;--margin-top:0px;--margin-bottom:72px;--margin-left:0px;--margin-right:0px;--padding-top:56px;--padding-bottom:0px;--padding-left:32px;--padding-right:32px;}.elementor-3268 .elementor-element.elementor-element-b0493fb{--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;--margin-top:0px;--margin-bottom:72px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:32px;--padding-right:32px;}.elementor-3268 .elementor-element.elementor-element-086567a{--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;--margin-top:0px;--margin-bottom:72px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:32px;--padding-right:32px;}.elementor-3268 .elementor-element.elementor-element-cc_1028{--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;}.elementor-3268 .elementor-element.elementor-element-cc_1014{--display:flex;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Noto Sans TC;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-3268 .elementor-element.elementor-element-cc_1013{--display:flex;}.elementor-3268 .elementor-element.elementor-element-cc_1027{--display:flex;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Noto Sans TC;font-weight:var( --e-global-typography-text-font-weight );}.elementor-3268 .elementor-element.elementor-element-cf0c598{--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;--margin-top:0px;--margin-bottom:72px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:32px;--padding-right:32px;}.elementor-3268 .elementor-element.elementor-element-cb1bbfc{--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;--padding-top:0px;--padding-bottom:80px;--padding-left:32px;--padding-right:32px;}.elementor-3268 .elementor-element.elementor-element-cc_1034{--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;}.elementor-3268 .elementor-element.elementor-element-cc_1033{--display:flex;}.elementor-3268 .elementor-element.elementor-element-821aaaa{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 8px) 0px;}.elementor-3268 .elementor-element.elementor-element-821aaaa .elementor-heading-title{font-size:20px;font-weight:700;color:#0a1e50;}.elementor-3268 .elementor-element.elementor-element-7e544f0 .elementor-heading-title{font-size:13px;line-height:1.7em;color:rgba(10,30,80,0.55);}.elementor-3268 .elementor-element.elementor-element-cc_1031{--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;}.elementor-3268 .elementor-element.elementor-element-btn_1029 .elementor-button-content-wrapper{flex-direction:row;}.elementor-3268 .elementor-element.elementor-element-btn_1030 .elementor-button-content-wrapper{flex-direction:row;}.elementor-3268 .elementor-element.elementor-element-ede8e56{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(min-width:768px){.elementor-3268 .elementor-element.elementor-element-c53a0f1{--content-width:1100px;}.elementor-3268 .elementor-element.elementor-element-b0493fb{--content-width:1100px;}.elementor-3268 .elementor-element.elementor-element-086567a{--content-width:1100px;}.elementor-3268 .elementor-element.elementor-element-cf0c598{--content-width:1100px;}.elementor-3268 .elementor-element.elementor-element-cb1bbfc{--content-width:1100px;}}/* Start custom CSS */:root {
  --navy: #0a1e50;
  --gold: #f7b52b;
  --teal: #0e7490;
  --bg-lt: #eef2fb;
  --bg: #f0f3fa;
  --white: #ffffff;
  --border: rgba(10,30,80,0.10);
  --jp: "Noto Sans TC", sans-serif;
  --en: "Inter", sans-serif;
}

/* ── HERO ── */
.hc-hero {
  position: relative; overflow: hidden;
}
.hc-hero::before {
  content: "";
  position: absolute; inset: 0;
  background:
    radial-gradient(ellipse 70% 60% at 80% 30%, rgba(14,116,144,.35) 0%, transparent 65%),
    radial-gradient(ellipse 40% 40% at 10% 80%, rgba(247,181,43,.08) 0%, transparent 60%);
  pointer-events: none;
}
.hc-hero::after {
  content: "";
  position: absolute; inset: 0;
  background-image:
    linear-gradient(rgba(255,255,255,.03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.03) 1px, transparent 1px);
  background-size: 40px 40px;
  pointer-events: none;
}
.hc-hero-inner { position: relative; z-index: 1; max-width: 640px; margin: 0 auto; }
.hc-hero-bread {
  display: flex; justify-content: center; gap: 6px; align-items: center;
  font-family: var(--en); font-size: 11px; color: rgba(255,255,255,.4);
  margin-bottom: 20px;
}
.hc-hero-bread a { color: rgba(255,255,255,.45); text-decoration: none; }
.hc-hero-bread a:hover { color: rgba(255,255,255,.8); }
.hc-hero-bread .cur { color: #fff; font-weight: 600; }
.hc-hero-kicker {
  display: flex; align-items: center; justify-content: center; gap: 10px;
  font-family: var(--en); font-size: 11px; font-weight: 600;
  letter-spacing: .12em; text-transform: uppercase;
  color: var(--gold); margin-bottom: 16px;
}
.hc-hero-kicker::before { content: ""; width: 24px; height: 1px; background: linear-gradient(90deg,transparent,var(--gold)); }
.hc-hero-kicker::after  { content: ""; width: 24px; height: 1px; background: linear-gradient(90deg,var(--gold),transparent); }
.hc-hero-title { font-size: 36px; font-weight: 700; color: #fff; line-height: 1.25; margin-bottom: 16px; letter-spacing: -.01em; }
.hc-hero-title em { color: var(--gold); font-style: normal; }
.hc-hero-desc { font-size: 14px; color: rgba(255,255,255,.6); line-height: 1.8; max-width: 520px; margin: 0 auto 28px; }
.hc-hero-actions { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; }
.hc-btn-gold {
  background: var(--gold); color: var(--navy);
  font-family: var(--en); font-size: 13px; font-weight: 700;
  padding: 11px 28px; border-radius: 10px; text-decoration: none;
  transition: opacity .2s; display: inline-flex; align-items: center; gap: 8px;
}
.hc-btn-gold:hover { opacity: .88; }
.hc-btn-outline-white {
  border: 1.5px solid rgba(255,255,255,.25); color: rgba(255,255,255,.8);
  font-family: var(--en); font-size: 13px; font-weight: 600;
  padding: 11px 24px; border-radius: 10px; text-decoration: none;
  transition: all .2s; display: inline-flex; align-items: center; gap: 8px;
}
.hc-btn-outline-white:hover { border-color: rgba(255,255,255,.6); color: #fff; }

/* ── SECTION LABEL ── */
.hc-sec-label {
  font-family: var(--en); font-size: 10px; font-weight: 600;
  letter-spacing: .14em; text-transform: uppercase;
  color: rgba(10,30,80,.35); margin-bottom: 6px;
  display: flex; align-items: center; gap: 8px;
}
.hc-sec-label::before { content: ""; width: 16px; height: 1.5px; background: var(--gold); }
.hc-sec-title { font-size: 22px; font-weight: 700; color: var(--navy); margin-bottom: 32px; line-height: 1.35; }

/* ── TECH COMPARE ── */
.hc-tech-compare {
  display: grid; grid-template-columns: 1fr auto 1fr;
  gap: 0; align-items: stretch;
  background: var(--white);
  border: 1px solid var(--border);
  border-radius: 20px; overflow: hidden;
  box-shadow: 0 4px 32px rgba(10,30,80,.07);
}
.hc-tech-col {
  padding: 36px 32px;
  display: flex; flex-direction: column; gap: 16px;
}
.hc-tech-col.normal { background: var(--white); }
.hc-tech-col.highlight { background: linear-gradient(135deg, #0a1e50 0%, #0d2a6e 100%); }
.hc-tech-col-label {
  font-family: var(--en); font-size: 10px; font-weight: 700;
  letter-spacing: .12em; text-transform: uppercase;
  margin-bottom: 4px;
}
.hc-tech-col.normal .hc-tech-col-label { color: rgba(10,30,80,.35); }
.hc-tech-col.highlight .hc-tech-col-label { color: var(--gold); }
.hc-tech-col-title { font-size: 17px; font-weight: 700; line-height: 1.35; }
.hc-tech-col.normal .hc-tech-col-title { color: var(--navy); }
.hc-tech-col.highlight .hc-tech-col-title { color: #fff; }
.hc-tech-col-desc { font-size: 13px; line-height: 1.75; }
.hc-tech-col.normal .hc-tech-col-desc { color: rgba(10,30,80,.6); }
.hc-tech-col.highlight .hc-tech-col-desc { color: rgba(255,255,255,.65); }
.hc-tech-path-diagram {
  display: flex; flex-direction: column; align-items: center; gap: 4px;
  margin-top: 8px;
}
.hc-tech-path-node {
  width: 100%; padding: 8px 12px; border-radius: 8px;
  font-family: var(--en); font-size: 11px; font-weight: 600;
  text-align: center;
}
.hc-tech-col.normal .hc-tech-path-node { background: rgba(10,30,80,.06); color: rgba(10,30,80,.6); }
.hc-tech-col.highlight .hc-tech-path-node { background: rgba(255,255,255,.1); color: rgba(255,255,255,.8); }
.hc-tech-path-arrow { font-size: 14px; opacity: .4; }
.hc-tech-col.normal .hc-tech-path-arrow { color: var(--navy); }
.hc-tech-col.highlight .hc-tech-path-arrow { color: #fff; }
.hc-tech-path-warn {
  margin-top: 4px; padding: 8px 12px; border-radius: 8px;
  background: rgba(220,60,40,.08); border: 1px solid rgba(220,60,40,.15);
  font-size: 11.5px; color: rgba(180,40,30,.8); line-height: 1.5; text-align: center;
}
.hc-tech-path-ok {
  margin-top: 4px; padding: 8px 12px; border-radius: 8px;
  background: rgba(247,181,43,.1); border: 1px solid rgba(247,181,43,.25);
  font-size: 11.5px; color: var(--gold); line-height: 1.5; text-align: center; font-weight: 600;
}
.hc-tech-divider {
  display: flex; align-items: center; justify-content: center;
  background: var(--bg); padding: 0 8px;
  border-left: 1px solid var(--border); border-right: 1px solid var(--border);
}
.hc-tech-vs {
  width: 36px; height: 36px; border-radius: 50%;
  background: var(--navy); color: var(--gold);
  display: flex; align-items: center; justify-content: center;
  font-family: var(--en); font-size: 11px; font-weight: 800;
}

/* ── APPLICATION CARDS ── */
.hc-app-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.hc-app-card {
  background: var(--white);
  border: 1px solid var(--border);
  border-radius: 20px; overflow: hidden;
  transition: box-shadow .2s, transform .2s;
}
.hc-app-card:hover { box-shadow: 0 8px 40px rgba(10,30,80,.1); transform: translateY(-2px); }
.hc-app-card-header {
  padding: 28px 28px 20px;
  border-bottom: 1px solid var(--border);
  display: flex; align-items: flex-start; gap: 16px;
}
.hc-app-icon {
  width: 48px; height: 48px; border-radius: 14px;
  display: flex; align-items: center; justify-content: center;
  flex-shrink: 0;
}
.hc-app-icon.battery { background: linear-gradient(135deg, #1a5276, #117a65); }
.hc-app-icon.ic { background: linear-gradient(135deg, #0a1e50, #0e4d92); }
.hc-app-tag {
  font-family: var(--en); font-size: 9px; font-weight: 700;
  letter-spacing: .1em; text-transform: uppercase;
  color: rgba(10,30,80,.35); margin-bottom: 4px;
}
.hc-app-name { font-size: 17px; font-weight: 700; color: var(--navy); line-height: 1.35; }
.hc-app-card-body { padding: 20px 28px 24px; }
.hc-app-desc { font-size: 13px; color: rgba(10,30,80,.6); line-height: 1.8; margin-bottom: 20px; }
.hc-app-features { display: flex; flex-direction: column; gap: 10px; }
.hc-app-feature {
  display: flex; align-items: flex-start; gap: 10px;
  font-size: 13px; color: rgba(10,30,80,.75); line-height: 1.5;
}
.hc-app-feature-dot {
  width: 6px; height: 6px; border-radius: 50%;
  background: var(--gold); flex-shrink: 0; margin-top: 6px;
}

/* ── COAXIAL HIGHLIGHT ── */
.hc-coaxial-block {
  background: var(--navy);
  border-radius: 20px; padding: 48px;
  display: grid; grid-template-columns: 1fr 320px;
  gap: 48px; align-items: center;
  position: relative; overflow: hidden;
}
.hc-coaxial-block::before {
  content: "";
  position: absolute; inset: 0;
  background: radial-gradient(ellipse 60% 80% at 90% 50%, rgba(14,116,144,.3) 0%, transparent 65%);
  pointer-events: none;
}
.hc-coaxial-label {
  font-family: var(--en); font-size: 10px; font-weight: 700;
  letter-spacing: .14em; text-transform: uppercase;
  color: var(--gold); margin-bottom: 12px;
  display: flex; align-items: center; gap: 8px;
}
.hc-coaxial-label::before { content: ""; width: 16px; height: 1.5px; background: var(--gold); }
.hc-coaxial-title { font-size: 22px; font-weight: 700; color: #fff; line-height: 1.35; margin-bottom: 14px; }
.hc-coaxial-desc { font-size: 13.5px; color: rgba(255,255,255,.6); line-height: 1.8; margin-bottom: 24px; }
.hc-coaxial-specs { display: flex; flex-direction: column; gap: 10px; position: relative; z-index: 1; }
.hc-coaxial-spec {
  display: flex; align-items: center; gap: 12px;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 10px; padding: 11px 16px;
}
.hc-coaxial-spec-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--gold); flex-shrink: 0; }
.hc-coaxial-spec-text { font-size: 13px; color: rgba(255,255,255,.75); }
.hc-coaxial-diagram {
  position: relative; z-index: 1;
  background: rgba(255,255,255,.05);
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 16px; padding: 28px;
  display: flex; flex-direction: column; align-items: center; gap: 0;
}
.hc-coaxial-diagram-label {
  font-family: var(--en); font-size: 10px; font-weight: 600;
  letter-spacing: .1em; text-transform: uppercase;
  color: rgba(255,255,255,.3); margin-bottom: 20px; text-align: center;
}
.hc-probe-layer {
  width: 100%; padding: 11px 16px;
  border-radius: 8px; text-align: center;
  font-size: 12px; font-weight: 600; font-family: var(--en);
  margin-bottom: 3px;
}
.hc-probe-layer.outer { background: rgba(247,181,43,.15); color: var(--gold); border: 1px solid rgba(247,181,43,.25); }
.hc-probe-layer.inner { background: rgba(14,116,144,.2); color: #67e8f9; border: 1px solid rgba(14,116,144,.3); }
.hc-probe-layer.spring { background: rgba(255,255,255,.06); color: rgba(255,255,255,.5); border: 1px solid rgba(255,255,255,.08); }
.hc-probe-connector { text-align: center; font-size: 18px; color: rgba(255,255,255,.2); margin: 2px 0; }
.hc-coaxial-badge {
  margin-top: 16px; padding: 8px 14px;
  background: rgba(247,181,43,.12); border: 1px solid rgba(247,181,43,.25);
  border-radius: 8px; font-size: 11px; color: var(--gold);
  font-family: var(--en); font-weight: 600; text-align: center; letter-spacing: .04em;
}

/* ── DESIGN CARDS ── */
.hc-design-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.hc-design-card {
  background: var(--white);
  border: 1px solid var(--border);
  border-radius: 16px; padding: 28px 24px;
  transition: box-shadow .2s;
}
.hc-design-card:hover { box-shadow: 0 4px 24px rgba(10,30,80,.08); }
.hc-design-icon {
  width: 44px; height: 44px; border-radius: 12px;
  background: linear-gradient(135deg, var(--navy), #163580);
  display: flex; align-items: center; justify-content: center;
  margin-bottom: 16px;
}
.hc-design-title { font-size: 14px; font-weight: 700; color: var(--navy); margin-bottom: 8px; }
.hc-design-desc { font-size: 12.5px; color: rgba(10,30,80,.55); line-height: 1.75; }

/* ── CTA ── */
.hc-cta-section {
  background: var(--white);
  border: 1px solid var(--border);
  border-radius: 20px; padding: 48px 52px;
  display: flex; align-items: center; justify-content: space-between; gap: 32px;
}
.hc-cta-title { font-size: 20px; font-weight: 700; color: var(--navy); margin-bottom: 8px; }
.hc-cta-desc { font-size: 13px; color: rgba(10,30,80,.55); line-height: 1.7; }
.hc-cta-actions { display: flex; gap: 12px; flex-shrink: 0; }
.hc-btn-primary-navy {
  background: var(--navy); color: #fff;
  font-family: var(--en); font-size: 13px; font-weight: 600;
  padding: 12px 28px; border-radius: 10px; text-decoration: none;
  transition: background .18s; white-space: nowrap;
  display: inline-flex; align-items: center; gap: 8px;
}
.hc-btn-primary-navy:hover { background: #0d2666; }
.hc-btn-outline-navy {
  border: 1.5px solid rgba(10,30,80,.2); color: var(--navy);
  font-family: var(--en); font-size: 13px; font-weight: 600;
  padding: 12px 24px; border-radius: 10px; text-decoration: none;
  transition: all .18s; white-space: nowrap;
  display: inline-flex; align-items: center; gap: 8px;
}
.hc-btn-outline-navy:hover { border-color: var(--navy); background: rgba(10,30,80,.04); }

/* ── FADE UP ── */
.hc-fade-up { opacity: 0; transform: translateY(20px); transition: opacity .5s ease, transform .5s ease; }
.hc-fade-up.visible { opacity: 1; transform: translateY(0); }

/* ── TABLET 900px ── */
@media (max-width: 900px) {
  .hc-app-grid { grid-template-columns: 1fr; }
  .hc-design-grid { grid-template-columns: 1fr 1fr; }
  .hc-coaxial-block { grid-template-columns: 1fr; padding: 32px; }
  .hc-coaxial-diagram { display: none; }
  .hc-tech-compare { grid-template-columns: 1fr; }
  .hc-tech-divider { padding: 12px; border: none; border-top: 1px solid var(--border); border-bottom: 1px solid var(--border); }
  .hc-cta-section { flex-direction: column; gap: 24px; padding: 32px; }
  .hc-cta-actions { flex-wrap: wrap; }
}

/* ── MOBILE 600px ── */
@media (max-width: 600px) {
  .hc-hero-title { font-size: 26px; }
  .hc-hero-desc { font-size: 13px; }
  .hc-hero-actions { flex-direction: column; align-items: center; }
  .hc-btn-gold, .hc-btn-outline-white { width: 100%; justify-content: center; }
  .hc-sec-title { font-size: 18px; margin-bottom: 20px; }
  .hc-design-grid { grid-template-columns: 1fr; }
  .hc-app-card-header { flex-direction: column; gap: 12px; }
  .hc-coaxial-block { padding: 24px 20px; }
  .hc-coaxial-title { font-size: 18px; }
  .hc-cta-section { padding: 24px 20px; }
  .hc-cta-title { font-size: 17px; }
  .hc-btn-primary-navy, .hc-btn-outline-navy { width: 100%; justify-content: center; }
  .hc-tech-col { padding: 24px 20px; }
}
/* NATIVE-WIDGET COMPENSATION v2 */

/* === HERO === */
.hc-hero-inner {
    display:flex !important; flex-direction:column !important;
    align-items:center !important; text-align:center !important;
    max-width:640px !important; margin:0 auto !important;
    padding:0 !important; gap:0 !important;
    position:relative; z-index:1;
}
.hc-hero-inner > .elementor-widget-html { width:100%; }
.hc-hero-inner .hc-hero-title { text-align:center; }
.hc-hero-inner .hc-hero-desc { margin-left:auto; margin-right:auto; }

/* === HERO ACTIONS (flex row of 2 buttons) === */
.hc-hero-actions {
    padding:0 !important; margin-top:8px !important;
    display:flex !important; flex-direction:row !important;
    gap:12px !important; justify-content:center !important;
    flex-wrap:wrap !important; width:auto !important;
    background:transparent !important;
}
.hc-hero-actions .elementor-widget { margin:0 !important; width:auto !important; }

/* === BUTTON WRAPPER RESET === */
/* Original .hc-btn-* rules apply to widget wrapper; neutralize wrapper and move
   styling to the inner .elementor-button anchor. */
.elementor-widget-button.hc-btn-gold,
.elementor-widget-button.hc-btn-outline-white,
.elementor-widget-button.hc-btn-primary-navy,
.elementor-widget-button.hc-btn-outline-navy,
.elementor-widget-button.hc-back-link {
    background:transparent !important; border:none !important;
    padding:0 !important; border-radius:0 !important;
    display:inline-flex !important; width:auto !important;
    box-shadow:none !important; color:inherit !important;
    font-family:inherit !important; font-size:inherit !important; font-weight:inherit !important;
    letter-spacing:normal !important; text-transform:none !important;
    transition:none !important;
}

/* Button inner anchor styling */
.hc-btn-gold .elementor-button {
    background:#f7b52b !important; color:#0a1e50 !important;
    font-family:Inter,sans-serif !important; font-size:13px !important; font-weight:700 !important;
    padding:11px 28px !important; border-radius:10px !important; border:none !important;
    text-decoration:none !important; display:inline-flex !important;
    align-items:center !important; gap:8px !important; line-height:1;
}
.hc-btn-gold .elementor-button:hover { opacity:.88; color:#0a1e50 !important; }

.hc-btn-outline-white .elementor-button {
    background:transparent !important;
    border:1.5px solid rgba(255,255,255,.25) !important;
    color:rgba(255,255,255,.8) !important;
    font-family:Inter,sans-serif !important; font-size:13px !important; font-weight:600 !important;
    padding:11px 24px !important; border-radius:10px !important;
    text-decoration:none !important; display:inline-flex !important;
    align-items:center !important; gap:8px !important; line-height:1;
}
.hc-btn-outline-white .elementor-button:hover {
    border-color:rgba(255,255,255,.6) !important; color:#fff !important; background:transparent !important;
}

.hc-btn-primary-navy .elementor-button {
    background:#0a1e50 !important; color:#fff !important;
    font-family:Inter,sans-serif !important; font-size:13px !important; font-weight:600 !important;
    padding:12px 28px !important; border-radius:10px !important; border:none !important;
    text-decoration:none !important; white-space:nowrap !important;
    display:inline-flex !important; align-items:center !important; gap:8px !important; line-height:1;
}
.hc-btn-primary-navy .elementor-button:hover { background:#0d2666 !important; color:#fff !important; }

.hc-btn-outline-navy .elementor-button {
    background:transparent !important;
    border:1.5px solid rgba(10,30,80,.2) !important;
    color:#0a1e50 !important;
    font-family:Inter,sans-serif !important; font-size:13px !important; font-weight:600 !important;
    padding:12px 24px !important; border-radius:10px !important;
    text-decoration:none !important; white-space:nowrap !important;
    display:inline-flex !important; align-items:center !important; gap:8px !important; line-height:1;
}
.hc-btn-outline-navy .elementor-button:hover {
    border-color:#0a1e50 !important; background:rgba(10,30,80,.04) !important; color:#0a1e50 !important;
}

/* Back link button */
.hc-back-link .elementor-button {
    background:transparent !important; border:none !important; padding:0 !important;
    display:inline-flex !important; align-items:center !important; gap:6px !important;
    font-size:12px !important; font-weight:500 !important;
    color:#0e7490 !important; text-decoration:none !important;
    font-family:inherit !important;
}
.hc-back-link .elementor-button:hover { color:#0a1e50 !important; background:transparent !important; }
.hc-back-link .elementor-button .elementor-button-icon svg { width:14px; height:14px; }

/* === CTA SECTION === */
.hc-cta-section {
    display:flex !important; flex-direction:row !important;
    align-items:center !important; justify-content:space-between !important;
    gap:32px !important; padding:48px 52px !important;
    background:#fff; border:1px solid rgba(10,30,80,.10); border-radius:20px;
}
.hc-cta-text {
    flex:1 !important; padding:0 !important;
    display:flex !important; flex-direction:column !important;
    background:transparent !important; border:none !important;
    width:auto !important;
}
.hc-cta-actions {
    display:flex !important; flex-direction:row !important;
    gap:12px !important; flex-shrink:0 !important; flex-wrap:wrap !important;
    padding:0 !important; background:transparent !important; border:none !important;
    width:auto !important;
}
.hc-cta-actions .elementor-widget { margin:0 !important; width:auto !important; }

/* === COAXIAL BLOCK === */
.hc-coaxial-block {
    display:grid !important; grid-template-columns:1fr 320px !important;
    gap:48px !important; align-items:center !important;
    padding:48px !important;
    background:#0a1e50; border-radius:20px;
    position:relative; overflow:hidden;
}
.hc-coaxial-block::before {
    content:""; position:absolute; inset:0;
    background:radial-gradient(ellipse 60% 80% at 90% 50%, rgba(14,116,144,.3) 0%, transparent 65%);
    pointer-events:none;
}
.hc-coaxial-left {
    padding:0 !important;
    display:flex !important; flex-direction:column !important;
    position:relative; z-index:1;
    background:transparent !important; border:none !important;
}
.hc-coaxial-left .elementor-widget { width:100%; }

/* Label, title, desc, specs — reset widget margins, keep original class rules */
.hc-coaxial-left .elementor-widget { margin-bottom:0 !important; }
.hc-coaxial-label p { margin:0 !important; color:inherit !important; font:inherit !important; display:inline-flex; align-items:center; gap:8px; }
.hc-coaxial-label p::before { content:""; width:16px; height:1.5px; background:#f7b52b; display:inline-block; }
.hc-coaxial-title .elementor-heading-title { font-size:22px !important; font-weight:700 !important; color:#fff !important; line-height:1.35 !important; margin:0 0 14px 0 !important; }
.hc-coaxial-desc p { margin:0 0 24px 0 !important; font-size:13.5px; color:rgba(255,255,255,.6); line-height:1.8; }

.hc-coaxial-specs {
    padding:0 !important;
    display:flex !important; flex-direction:column !important; gap:10px !important;
    background:transparent !important; border:none !important;
    position:relative; z-index:1;
}
.hc-coaxial-specs .elementor-widget { margin:0 !important; }
/* Each spec is a text-editor widget with inline <div.hc-coaxial-spec-dot><div.hc-coaxial-spec-text> */
.hc-coaxial-spec {
    display:flex; align-items:center; gap:12px;
    background:rgba(255,255,255,.06);
    border:1px solid rgba(255,255,255,.08);
    border-radius:10px; padding:11px 16px;
}
.hc-coaxial-spec .hc-coaxial-spec-dot { width:8px; height:8px; border-radius:50%; background:#f7b52b; flex-shrink:0; }
.hc-coaxial-spec .hc-coaxial-spec-text { font-size:13px; color:rgba(255,255,255,.75); }

/* === COAXIAL DIAGRAM (right column) === */
.hc-coaxial-diagram {
    padding:28px !important;
    background:rgba(255,255,255,.05);
    border:1px solid rgba(255,255,255,.1);
    border-radius:16px;
    display:flex !important; flex-direction:column !important; align-items:center !important;
    gap:0 !important;
    position:relative; z-index:1;
}
.hc-coaxial-diagram .elementor-widget { margin:0 !important; width:100%; text-align:center; }

/* Probe image */
.hc-coaxial-probe-img img {
    max-width:280px !important; width:100% !important;
    display:block !important; margin:0 auto 24px !important;
}

/* Diagram label */
.hc-coaxial-diagram-label p {
    margin:0 0 20px 0 !important;
    font-family:Inter,sans-serif; font-size:10px; font-weight:600;
    letter-spacing:.1em; text-transform:uppercase;
    color:rgba(255,255,255,.3); text-align:center;
}

/* Probe layers — apply visual styling to the widget wrapper (has .hc-probe-layer class),
   zero out the inner p. This prevents double borders. */
.elementor-widget-text-editor.hc-probe-layer {
    width:100% !important;
    padding:11px 16px !important;
    border-radius:8px !important;
    text-align:center !important;
    font-size:12px !important; font-weight:600 !important;
    font-family:Inter,sans-serif !important;
    margin:0 0 3px 0 !important;
    box-sizing:border-box;
}
.elementor-widget-text-editor.hc-probe-layer.outer {
    background:rgba(247,181,43,.15) !important;
    color:#f7b52b !important;
    border:1px solid rgba(247,181,43,.25) !important;
}
.elementor-widget-text-editor.hc-probe-layer.inner {
    background:rgba(14,116,144,.2) !important;
    color:#67e8f9 !important;
    border:1px solid rgba(14,116,144,.3) !important;
}
.elementor-widget-text-editor.hc-probe-layer.spring {
    background:rgba(255,255,255,.06) !important;
    color:rgba(255,255,255,.5) !important;
    border:1px solid rgba(255,255,255,.08) !important;
}
.elementor-widget-text-editor.hc-probe-layer p {
    margin:0 !important; color:inherit !important;
    font:inherit !important; text-align:inherit !important;
}

/* Probe connectors "│" */
.elementor-widget-text-editor.hc-probe-connector {
    width:100% !important; margin:0 !important; padding:0 !important;
    background:transparent !important; border:none !important;
}
.hc-probe-connector p {
    margin:0 !important; text-align:center;
    color:rgba(255,255,255,.3); font-size:14px; line-height:1;
    padding:2px 0;
}

/* Coaxial badge */
.elementor-widget-text-editor.hc-coaxial-badge {
    width:auto !important; margin:16px 0 0 0 !important; padding:0 !important;
    background:transparent !important; border:none !important;
    display:inline-block !important; text-align:center;
}
.hc-coaxial-badge p {
    margin:0 !important; padding:8px 14px;
    background:rgba(247,181,43,.12); border:1px solid rgba(247,181,43,.25);
    border-radius:8px; font-size:11px; color:#f7b52b;
    font-family:Inter,sans-serif; font-weight:600;
    text-align:center; letter-spacing:.04em;
    display:inline-block;
}

/* === RWD === */
@media (max-width:900px) {
    .hc-coaxial-block { grid-template-columns:1fr !important; padding:32px !important; }
    .hc-cta-section { flex-direction:column !important; align-items:stretch !important; gap:24px !important; padding:32px !important; }
    .hc-cta-actions { flex-wrap:wrap; }
}
@media (max-width:768px) {
    .hc-hero-actions { flex-direction:column !important; align-items:center !important; }
    .hc-btn-gold .elementor-button,
    .hc-btn-outline-white .elementor-button { width:100% !important; justify-content:center !important; }
    .hc-coaxial-block { padding:24px 20px !important; }
    .hc-coaxial-title .elementor-heading-title { font-size:18px !important; }
    .hc-cta-section { padding:24px 20px !important; }
    .hc-cta-title { font-size:17px !important; }
}
/* END NATIVE-WIDGET COMPENSATION *//* End custom CSS */