.hx-secx{
  --hx-sec-hero:linear-gradient(135deg,#eefaf6,#dff3ec 55%,#e4f7dc);
  --hx-sec-ink:#0f3b34;
  --hx-glass:rgba(255,255,255,.74);
  --hx-glass-line:rgba(15,59,52,.10);
  --hx-sec-glow-1:rgba(20,184,166,.20);
  --hx-sec-glow-2:rgba(107,191,60,.16);
  --hx-sec-grid:rgba(15,118,110,.07);
  --hx-ink-55:rgba(15,59,52,.58);
  --hx-scan-deep:#0c3a34;
  --hx-ondark-22:rgba(255,255,255,.22);
  --hx-ondark-60:rgba(255,255,255,.6);
  --hx-mask-stop:#000;
  --hx-r-2xl:20px;
}

.sx-hero{position:relative;overflow:hidden;background:var(--hx-sec-hero);padding-block:clamp(44px,6vw,92px)}
.sx-bg{position:absolute;inset:0;pointer-events:none}
.sx-bg .orb{position:absolute;border-radius:50%;filter:blur(6px)}
.sx-bg .orb-1{inset:-16% -8% auto auto;width:52vw;height:52vw;max-width:560px;max-height:560px;background:radial-gradient(circle at 50% 50%,var(--hx-sec-glow-1),transparent 66%)}
.sx-bg .orb-2{inset:auto auto -22% -10%;width:44vw;height:44vw;max-width:480px;max-height:480px;background:radial-gradient(circle at 50% 50%,var(--hx-sec-glow-2),transparent 66%)}
.sx-bg .grid{position:absolute;inset:0;background-image:radial-gradient(var(--hx-sec-grid) 1px,transparent 1.4px);background-size:26px 26px;-webkit-mask-image:linear-gradient(180deg,var(--hx-mask-stop),transparent 82%);mask-image:linear-gradient(180deg,var(--hx-mask-stop),transparent 82%)}

.sx-hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1.30fr) minmax(0,.70fr);align-items:center;gap:clamp(28px,4vw,60px)}
.sx-hero-copy{max-width:700px}
.sx-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:var(--hx-fs-xs);font-weight:var(--hx-fw-bold);letter-spacing:.08em;text-transform:uppercase;color:var(--hx-teal-700);background:var(--hx-glass);border:1px solid var(--hx-glass-line);padding:6px 13px;border-radius:var(--hx-r-pill);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.sx-eyebrow .dot{width:7px;height:7px;border-radius:50%;background:var(--hx-teal-500);animation:sx-pulse 2.4s var(--hx-ease) infinite}
@keyframes sx-pulse{0%{box-shadow:0 0 0 0 var(--hx-sec-glow-1)}70%{box-shadow:0 0 0 8px transparent}100%{box-shadow:0 0 0 0 transparent}}
.sx-hero-copy h1{margin:18px 0 0;font-size:var(--hx-fs-hero);font-weight:var(--hx-fw-black);line-height:var(--hx-lh-tight);letter-spacing:var(--hx-tracking-tight);color:var(--hx-sec-ink)}
.sx-hero-copy h1 .accent{background:linear-gradient(120deg,var(--hx-teal-600),var(--hx-green-700));-webkit-background-clip:text;background-clip:text;color:transparent}
.sx-sub{margin:16px 0 0;font-size:var(--hx-fs-md);color:var(--hx-sec-ink);opacity:.82;max-width:56ch}
.sx-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.sx-trust{list-style:none;display:flex;flex-wrap:wrap;gap:9px 20px;margin:22px 0 0;padding:0}
.sx-trust li{display:inline-flex;align-items:center;gap:7px;font-size:var(--hx-fs-sm);font-weight:var(--hx-fw-semi);color:var(--hx-sec-ink)}
.sx-trust svg{width:17px;height:17px;color:var(--hx-teal-600);flex:none}

.sx-hero-visual{position:relative;justify-self:end;width:100%;max-width:420px}
.sx-shield{position:relative;background:var(--hx-card);border:1px solid var(--hx-glass-line);border-radius:var(--hx-r-2xl);box-shadow:var(--hx-e-3);overflow:hidden;animation:sx-float 7s var(--hx-ease) infinite}
@keyframes sx-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
.sx-scan-bar{display:flex;align-items:center;gap:8px;padding:12px 16px;background:var(--hx-scan-deep)}
.sx-scan-bar i{width:9px;height:9px;border-radius:50%;background:var(--hx-ondark-22);flex:none}
.sx-scan-bar .ttl{margin-left:6px;font-size:var(--hx-fs-xs);font-weight:var(--hx-fw-bold);letter-spacing:.04em;color:var(--hx-ondark-60)}
.sx-scan-body{padding:20px 18px 22px;text-align:center}
.sx-seal{width:76px;height:76px;margin:0 auto;border-radius:50%;background:conic-gradient(var(--hx-teal-500) 0 92%,var(--hx-tile) 92% 100%);display:flex;align-items:center;justify-content:center}
.sx-seal .in{width:62px;height:62px;border-radius:50%;background:var(--hx-green-50);display:flex;align-items:center;justify-content:center}
.sx-seal svg{width:30px;height:30px;color:var(--hx-teal-700)}
.sx-scan-body h2{margin:14px 0 2px;font-size:var(--hx-fs-md);font-weight:var(--hx-fw-black);color:var(--hx-ink)}
.sx-scan-body p{margin:0;font-size:var(--hx-fs-xs);font-weight:var(--hx-fw-semi);color:var(--hx-muted)}
.sx-checks{display:grid;gap:9px;margin-top:16px;text-align:left}
.sx-check{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:var(--hx-fs-sm);font-weight:var(--hx-fw-semi);color:var(--hx-body)}
.sx-check .ok{display:inline-flex;align-items:center;gap:6px;font-size:var(--hx-fs-xs);font-weight:var(--hx-fw-bold);color:var(--hx-green-700);background:var(--hx-green-50);border:1px solid var(--hx-green-100);border-radius:var(--hx-r-pill);padding:3px 9px}
.sx-check .ok i{width:6px;height:6px;border-radius:50%;background:var(--hx-green-500)}

.sx-badge{position:absolute;left:-18px;bottom:26px;display:flex;align-items:center;gap:10px;background:var(--hx-card);border:1px solid var(--hx-glass-line);border-radius:var(--hx-r);box-shadow:var(--hx-e-2);padding:11px 14px;animation:sx-float 7s var(--hx-ease) infinite reverse}
.sx-badge .g{width:34px;height:34px;border-radius:50%;background:conic-gradient(var(--hx-teal-500) 0 92%,var(--hx-tile) 92% 100%);display:flex;align-items:center;justify-content:center;flex:none}
.sx-badge .g i{width:24px;height:24px;border-radius:50%;background:var(--hx-card)}
.sx-badge b{font-size:var(--hx-fs-sm);font-weight:var(--hx-fw-black);color:var(--hx-ink);line-height:1}
.sx-badge span{font-size:var(--hx-fs-xs);color:var(--hx-muted);font-weight:var(--hx-fw-semi)}
@media (prefers-reduced-motion:reduce){.sx-shield,.sx-badge{animation:none}}

.sx-stats{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:clamp(34px,4.5vw,56px)}
.sx-stat{background:var(--hx-glass);border:1px solid var(--hx-glass-line);border-radius:var(--hx-r-lg);padding:16px 18px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.sx-stat b{display:block;font-size:var(--hx-fs-xl);font-weight:var(--hx-fw-black);color:var(--hx-sec-ink);line-height:1}
.sx-stat span{display:block;margin-top:6px;font-size:var(--hx-fs-xs);font-weight:var(--hx-fw-semi);letter-spacing:.05em;text-transform:uppercase;color:var(--hx-ink-55)}

.hx-hero-cta{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:26px}

.sx-badges{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.sx-cert{display:flex;gap:13px;background:var(--hx-card);border:1px solid var(--hx-line);border-radius:var(--hx-r-lg);padding:18px;box-shadow:var(--hx-e-1)}
.sx-cert .hx-tile{width:44px;height:44px}
.sx-cert b{display:block;font-size:var(--hx-fs-md);font-weight:var(--hx-fw-bold);color:var(--hx-ink);line-height:1.2}
.sx-cert span{font-size:var(--hx-fs-sm);color:var(--hx-body)}

.sx-flow{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;counter-reset:sx}
.sx-step{position:relative;background:var(--hx-card);border:1px solid var(--hx-line);border-radius:var(--hx-r-lg);padding:24px 22px;box-shadow:var(--hx-e-1)}
.sx-step::before{counter-increment:sx;content:counter(sx);position:absolute;top:18px;right:20px;font-size:var(--hx-fs-2xl);font-weight:var(--hx-fw-black);color:var(--hx-green-100);line-height:1}
.sx-step .hx-tile{margin-bottom:14px}
.sx-step h3{margin:0 0 6px;font-size:var(--hx-fs-md);font-weight:var(--hx-fw-bold);color:var(--hx-ink)}
.sx-step p{margin:0;font-size:var(--hx-fs-sm);color:var(--hx-body)}
.sx-step:nth-child(4) {display: none;}
.sx-cat{margin-top:clamp(26px,3.4vw,44px)}
.sx-cat + .sx-cat{margin-top:clamp(30px,3.8vw,48px)}
.sx-cat-head{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin:0 0 18px}
.sx-cat-head h3{margin:0;font-size:var(--hx-fs-lg);font-weight:var(--hx-fw-black);color:var(--hx-ink);letter-spacing:var(--hx-tracking-tight)}
.sx-cat-head span{font-size:var(--hx-fs-sm);color:var(--hx-muted)}

.sx-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.sx-card{display:flex;flex-direction:column;background:var(--hx-card);border:1px solid var(--hx-line);border-radius:var(--hx-r-lg);box-shadow:var(--hx-e-1);padding:22px 22px 20px;text-decoration:none;transition:transform var(--hx-dur) var(--hx-ease),box-shadow var(--hx-dur) var(--hx-ease),border-color var(--hx-dur) var(--hx-ease)}
.sx-card:hover{transform:translateY(-3px);box-shadow:var(--hx-e-2);border-color:var(--hx-green-300)}
.sx-card-top{display:flex;align-items:center;gap:13px}
.sx-card-top .hx-tile{width:44px;height:44px}
.sx-card-top .hx-tile svg{width:22px;height:22px}
.sx-card h4{margin:0;font-size:var(--hx-fs-md);font-weight:var(--hx-fw-bold);color:var(--hx-ink);line-height:1.2}
.sx-card .sx-role{display:block;margin-top:2px;font-size:var(--hx-fs-xs);font-weight:var(--hx-fw-semi);letter-spacing:.04em;text-transform:uppercase;color:var(--hx-muted)}
.sx-card p{margin:14px 0 0;font-size:var(--hx-fs-sm);color:var(--hx-body);line-height:1.55}
.sx-card-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-top:16px;padding-top:14px;border-top:1px solid var(--hx-line)}
.sx-price{font-size:var(--hx-fs-sm);color:var(--hx-muted);font-weight:var(--hx-fw-semi)}
.sx-price b{color:var(--hx-cta);font-weight:var(--hx-fw-black);font-size:var(--hx-fs-md)}
.sx-price svg{width:16px;height:16px}
.sx-card:hover .sx-go svg{transform:translateX(3px)}

@media (max-width:1023.98px){
  .hx-feat-grid,.sx-badges,.sx-flow{grid-template-columns:1fr 1fr}
  .sx-hero-grid{grid-template-columns:1fr;gap:36px}
  .sx-hero-copy{max-width:none}
  .sx-hero-visual{justify-self:center;max-width:420px}
  .sx-stats{grid-template-columns:1fr 1fr}
}

@media (max-width:639.98px){
  .hx-feat-grid,.sx-badges,.sx-flow,.sx-grid{grid-template-columns:1fr}
  .sx-stats{grid-template-columns:1fr 1fr;gap:10px}
  .sx-badge{left:8px}
  .sx-trust{gap:8px 16px}
}

.sx-hero-visual{position:relative;justify-self:end;width:100%;max-width:440px}
.sk{display:block;width:100%;height:auto;filter:drop-shadow(0 20px 36px var(--hx-sec-glow-1)); animation:sx-float 7s var(--hx-ease) infinite}
@keyframes sx-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
.sk-shade{fill:var(--hx-teal-700);opacity:.1}
.sk-face{stroke:none}
.sk-shield-line{fill:none;stroke:var(--hx-teal-700);stroke-width:2.6;stroke-linejoin:round}
.sk-shield-inner{fill:none;stroke:var(--hx-teal-600);stroke-width:1.2;stroke-linejoin:round;opacity:.3}
.sk-rivets circle{fill:var(--hx-teal-600);opacity:.42}
.sk-scan{animation:sk-sweep 5.5s var(--hx-ease) infinite}
@keyframes sk-sweep{0%{transform:translateY(0)}100%{transform:translateY(400px)}}
.sk-globe{fill:none;stroke:var(--hx-teal-600);stroke-width:1.2;opacity:.2}
.sk-card{fill:var(--hx-card);stroke:var(--hx-teal-100);stroke-width:1.4}
.sk-bar{fill:none;stroke:var(--hx-teal-100);stroke-width:1.4}
.sk-dots circle{fill:var(--hx-teal-500);opacity:.5}
.sk-band{fill:var(--hx-green-100)}
.sk-copy rect{fill:var(--hx-green-100)}
.sk-box-body{fill:var(--hx-scan-deep)}
.sk-bay{fill:var(--hx-card);opacity:.95}
.sk-vent rect{fill:var(--hx-teal-700);opacity:.3}
.sk-rule{fill:none;stroke:var(--hx-teal-700);stroke-width:1.8;stroke-linecap:round;opacity:.32}
.sk-led{fill:var(--hx-green-400);animation:sk-blink 2.8s steps(1,end) infinite}
.sk-led-1{fill:var(--hx-teal-500);animation-duration:3.8s;animation-delay:-1.2s}
.sk-seal-ring{fill:var(--hx-card);stroke:var(--hx-teal-600);stroke-width:2.5}
.sk-lock{fill:none;stroke:var(--hx-teal-700);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.sk-seal{animation:sx-drift 9s var(--hx-ease) -3s infinite}
@keyframes sx-drift{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@keyframes sk-blink{0%,72%{opacity:1}73%,100%{opacity:.3}}
@media (prefers-reduced-motion:reduce){.sk,.sk-scan,.sk-seal,.sk-led,.sx-eyebrow .dot{animation:none}}