/* nc-home-hero v1 (2026-10-25): approved homepage hero, option 1 */
.hx{position:relative;overflow:hidden;background:radial-gradient(900px 500px at 85% 20%,rgba(46,139,87,.12),transparent 60%),radial-gradient(700px 420px at 0% 100%,rgba(245,166,35,.10),transparent 60%),linear-gradient(180deg,#f8fbf9,#fff);padding:56px 0 40px;font-family:'Plus Jakarta Sans',sans-serif}
.hx-wrap{max-width:1216px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center}
.hx-eyebrow{white-space:nowrap;display:inline-flex;align-items:center;gap:8px;height:32px;padding:0 14px;border-radius:999px;background:#ecfdf3;border:1px solid #bbe5cb;color:#1f6f45;font-weight:700;font-size:13px;letter-spacing:.2px}
.hx h1{font-family:'Space Grotesk',sans-serif;font-size:clamp(34px,4.4vw,58px);line-height:1.08;letter-spacing:-1px;color:#0f172a;margin:18px 0 18px;font-weight:700}
.hx h1 span{background:linear-gradient(90deg,#2E8B57,#F5A623);-webkit-background-clip:text;background-clip:text;color:transparent}
.hx-lead{font-size:18px;line-height:1.7;color:#475569;max-width:560px;margin:0 0 26px}
.hx-ctas{display:flex;gap:12px;flex-wrap:wrap}
.hx-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:54px;padding:0 26px;border-radius:14px;font-weight:700;font-size:16px;text-decoration:none!important;white-space:nowrap;transition:.2s}
.hx-btn-get{background:linear-gradient(135deg,#F5A623,#E09000);color:#fff;box-shadow:0 8px 22px rgba(245,166,35,.35)}
.hx-btn-get:hover{transform:translateY(-1px)}
.hx-btn-alt{background:#fff;color:#1f6f45;border:2px solid #2E8B57}
.hx-btn-alt:hover{background:#2E8B57;color:#fff}
.hx-btn-alt i{font-size:14px}
.hx-trust{display:flex;flex-wrap:wrap;gap:8px 18px;list-style:none;padding:0;margin:24px 0 0}
.hx-trust li{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#334155;white-space:nowrap}
.hx-visual{position:relative;display:flex;justify-content:center}
.hx-stage{position:relative;overflow:hidden;width:min(460px,100%);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 50% 45%,#fff 0,#f1f7f3 55%,#e3efe8 100%);box-shadow:inset 0 0 0 1px #dbeae1,0 30px 60px rgba(15,23,42,.08);display:grid;place-items:center}
.hx-stage img{width:96%;height:auto;transform:translate(7%,2%);filter:drop-shadow(0 24px 30px rgba(15,23,42,.18))}
.hx-stats{max-width:1168px;margin:44px auto 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 10px 30px rgba(15,23,42,.06);width:calc(100% - 48px)}
.hx-stat{display:flex;align-items:center;gap:12px;padding:20px 22px;border-left:1px solid #eef2f6;min-width:0}
.hx-stat:first-child{border-left:none}
.hx-stat i{flex:none;width:44px;height:44px;border-radius:12px;display:grid;place-items:center;font-size:19px;color:var(--c);background:color-mix(in srgb,var(--c) 12%,#fff)}
.hx-stat b{font-family:'Space Grotesk',sans-serif;font-size:26px;color:#0f172a;line-height:1}
.hx-stat span{font-size:13.5px;color:#64748b;font-weight:600;line-height:1.3}
.hx-sv{display:flex;flex-direction:column;gap:5px;min-width:0}
@media (max-width:1100px){
 .hx{padding:40px 0 32px}
 .hx-wrap{grid-template-columns:1fr;gap:28px;text-align:center}
 .hx-lead{margin-left:auto;margin-right:auto}
 .hx-ctas,.hx-trust{justify-content:center}
 .hx-visual{max-width:460px;margin:0 auto;width:100%}
 .hx-stage{width:340px}
  .hx-stats{grid-template-columns:repeat(2,1fr);margin-top:52px}
 .hx-stat:nth-child(3){border-left:none}
 .hx-stat:nth-child(n+3){border-top:1px solid #eef2f6}
}
@media (max-width:600px){
 .hx{padding:28px 0 24px}
 .hx-wrap{padding:0 16px}
 .hx h1{font-size:34px;margin:14px 0}
 .hx-lead{font-size:16px;line-height:1.65;margin-bottom:20px}
 .hx-ctas{flex-direction:column}
 .hx-btn{width:100%;height:52px}
 .hx-trust{gap:8px 14px}.hx-trust li{font-size:13px}
 .hx-stage{width:260px}
  .hx-proof-k{font-size:26px}.hx-proof-t{font-size:11.5px} .hx-stats{width:calc(100% - 32px);margin-top:44px}
 .hx-stat{flex-direction:column;text-align:center;gap:6px;padding:16px 8px}
 .hx-stat b{font-size:22px}
 .hx-stat span{font-size:12.5px}
}
@media (max-width:360px){.hx h1{font-size:30px}}
.hx-tag{position:absolute;left:50%;bottom:4%;transform:translateX(-50%);display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 16px;border-radius:999px;background:#fff;border:1px solid #e2e8f0;box-shadow:0 10px 24px rgba(15,23,42,.10);font-size:13.5px;font-weight:700;color:#334155;white-space:nowrap}
.hx-tag i{color:#7c3aed}
@media (max-width:1100px){.hx-stats{margin-top:32px}}
@media (max-width:600px){.hx-stage{width:230px}.hx-lead{font-size:15.5px}.hx-tag{height:32px;font-size:12.5px}.hx-wrap{gap:22px}}
.hx h1{font-size:clamp(34px,4.2vw,56px)}
.hx-trust{display:flex;flex-wrap:wrap;gap:10px;list-style:none;padding:0;margin:22px 0 0}
.hx-trust li{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 14px;border-radius:999px;background:#fff;border:1px solid #e2e8f0;box-shadow:0 2px 6px rgba(15,23,42,.04);font-size:13.5px;font-weight:600;color:#334155;white-space:nowrap}
.hx-trust i{color:var(--c);font-size:14px}
.hx-chip{position:absolute;display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:10px 14px;box-shadow:0 14px 30px rgba(15,23,42,.12);white-space:nowrap}
.hx-chip i{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;font-size:16px;flex:none}
.hx-chip span{display:flex;flex-direction:column;gap:2px;font-size:12px;color:#64748b;font-weight:600}
.hx-chip b{font-size:14px;color:#0f172a}
.hx-chip-w{top:10%;left:-2%}.hx-chip-w i{background:#ecfdf3;color:#2E8B57}
.hx-chip-b{top:36%;right:-4%}.hx-chip-b i{background:#eef2ff;color:#2563eb}
@media (max-width:1100px){
 .hx-trust{justify-content:center}
 .hx-chip-w{left:0;top:6%}.hx-chip-b{right:0;top:44%}
}
@media (max-width:600px){
 .hx h1{font-size:32px}
 .hx-trust{gap:8px}.hx-trust li{height:32px;padding:0 12px;font-size:12.5px}
 .hx-visual{display:grid;justify-items:center;gap:10px}
 .hx-stage{grid-row:1}
 .hx-tag{grid-row:1;align-self:end}
 .hx-chip{position:static;padding:8px 12px}
 .hx-chip i{width:32px;height:32px;font-size:14px}
 .hx-chips-row{display:flex}
}

.hx h1 .hx-l1,.hx h1 .hx-l2{display:block;white-space:nowrap}
.hx h1 .hx-l1{color:#0f172a;background:none;-webkit-background-clip:initial;background-clip:initial}
.hx h1{font-size:clamp(32px,3.7vw,52px)}
.hx-figure{position:relative;display:flex;justify-content:center;width:100%}
@media (max-width:600px){
 .hx h1{font-size:clamp(26px,8.2vw,34px)}
 .hx-visual{display:flex;flex-direction:column;align-items:center;gap:22px}
 .hx-tag{bottom:-14px}
 .hx-chip{position:static;width:100%;justify-content:flex-start}
 .hx-visual{display:grid;grid-template-columns:1fr 1fr;gap:22px 10px;justify-items:stretch}
 .hx-figure{grid-column:1/-1}
 .hx-chip{padding:8px 10px;gap:8px}
 .hx-chip b{font-size:13px}.hx-chip span{font-size:11.5px}
 .hx-trust{flex-wrap:nowrap;gap:0;justify-content:center;background:#fff;border:1px solid #e2e8f0;border-radius:999px;padding:0 6px;width:max-content;max-width:100%;margin:20px auto 0}
 .hx-trust li{border:none;box-shadow:none;background:none;height:36px;padding:0 9px;font-size:12.5px;position:relative}
 .hx-trust li+li::before{content:'';position:absolute;left:0;top:10px;bottom:10px;width:1px;background:#e2e8f0}
 .hx-long{display:none}
}

@media (max-width:1100px){.hx-wrap{grid-template-columns:minmax(0,1fr)}}
@media (max-width:600px){.hx h1{font-size:clamp(23px,7.3vw,32px)}}
@media (min-width:601px) and (max-width:1100px){.hx h1{font-size:clamp(32px,5vw,46px)}}
@media (max-width:1240px) and (min-width:1101px){.hx-chip-b{right:0}.hx-chip-w{left:0}}
@media (max-width:600px){.hx-visual{grid-template-columns:repeat(2,minmax(0,1fr))}.hx-chip{min-width:0}.hx-chip span{min-width:0}}
@media (max-width:380px){.hx-visual{grid-template-columns:minmax(0,1fr)}.hx-chip{justify-content:center}}

.hx-chip b .hx-sc{display:inline;font-size:inherit;color:inherit;font-weight:inherit}
@media (max-width:600px){.hx-chip b .hx-sc{display:none}.hx-chip{justify-content:center}}
@media (max-width:380px){.hx-chip b .hx-sc{display:inline}}
@media (max-width:340px){.hx-trust li{padding:0 7px;font-size:11.5px;gap:6px}.hx-trust{padding:0 4px}}
.hx-chip span{text-align:left}
@media (max-width:600px){
 .hx-stat{flex-direction:row;text-align:left;gap:10px;padding:14px 12px}
 .hx-stat i{width:38px;height:38px;font-size:16px}
 .hx-sv{gap:4px}
}

/* wrapping: balanced lines, no orphans, no break after a hyphen */
.hx-lead{text-wrap:pretty;hyphens:none}
.hx-stat span,.hx-chip span{text-wrap:balance}
/* symmetry: both product cards at the same height, mirrored either side of the device */
.hx-chip-w,.hx-chip-b{top:auto;bottom:24%}
.hx-chip-w{left:-3%}.hx-chip-b{right:-3%;left:auto}
.hx-chip{min-width:200px}
@media (max-width:1240px) and (min-width:1101px){.hx-chip-w{left:0}.hx-chip-b{right:0}}
@media (max-width:1100px){
 .hx-lead{text-wrap:balance;max-width:620px}
 .hx-chip-w,.hx-chip-b{top:auto;bottom:22%}
 .hx-chip-w{left:2%}.hx-chip-b{right:2%}
}
@media (max-width:600px){
 .hx-lead{max-width:none}
 .hx-chip{min-width:0}
 .hx-stat span{font-size:12px}
}
@media (min-width:601px) and (max-width:1100px){
 .hx-visual{display:grid;grid-template-columns:repeat(2,minmax(0,240px));justify-content:center;gap:26px 14px;max-width:none}
 .hx-figure{grid-column:1/-1}
 .hx-tag{bottom:-14px}
 .hx-chip{position:static;min-width:0;justify-content:flex-start}
}
[data-theme="dark"] .hx{background:radial-gradient(900px 500px at 85% 20%,rgba(46,139,87,.18),transparent 60%),linear-gradient(180deg,#0b1220,#0f172a)}
[data-theme="dark"] .hx h1,[data-theme="dark"] .hx h1 .hx-l1{color:#f8fafc}
[data-theme="dark"] .hx-lead{color:#cbd5e1}
[data-theme="dark"] .hx-eyebrow{background:#13261c;border-color:#1f5137;color:#86efac}
[data-theme="dark"] .hx-btn-alt{background:transparent;color:#86efac;border-color:#2E8B57}
[data-theme="dark"] .hx-trust li,[data-theme="dark"] .hx-chip,[data-theme="dark"] .hx-tag,[data-theme="dark"] .hx-stats{background:#1e293b;border-color:#334155;color:#e2e8f0}
[data-theme="dark"] .hx-chip b,[data-theme="dark"] .hx-stat b{color:#f8fafc}
[data-theme="dark"] .hx-stat{border-color:#334155}
[data-theme="dark"] .hx-stage{background:radial-gradient(circle at 50% 45%,#334155 0,#1e293b 60%,#0f172a 100%);box-shadow:inset 0 0 0 1px #334155}
@media (max-width:600px){[data-theme="dark"] .hx-trust{background:#1e293b;border-color:#334155}[data-theme="dark"] .hx-trust li{background:none}}