:root{--wb-ivory:#FAF8F2;--wb-white:#fff;--wb-indigo:#18243A;--wb-green:#159A72;--wb-gold:#C99A3E;--wb-coral:#E97962;--wb-blue:#3178B8;--wb-text:#252A2D;--wb-border:rgba(24,36,58,.12)}
*{box-sizing:border-box}
body{margin:0;background:var(--wb-ivory);color:var(--wb-text)}
a{color:inherit}
.wb-header{position:sticky;top:0;z-index:20;background:rgba(250,248,242,.92);backdrop-filter:blur(12px);border-bottom:1px solid var(--wb-border)}
.wb-nav{min-height:76px;display:flex;align-items:center;gap:28px;justify-content:space-between}
.wb-brand{text-decoration:none;font-size:1.35rem;font-weight:800;letter-spacing:-.03em;color:var(--wb-indigo)}
.wb-brand span{color:var(--wb-green)}
.wb-menu{display:flex;gap:24px;font-size:.95rem}
.wb-menu a{text-decoration:none}
.wb-menu a:hover{color:var(--wb-green)}
.wb-button,.wp-block-button__link{display:inline-flex;align-items:center;justify-content:center;background:var(--wb-indigo);color:#fff!important;text-decoration:none;border-radius:999px;padding:.8rem 1.2rem;font-weight:700;border:0}
.wb-button-small{padding:.55rem 1rem}
.wb-hero{padding:clamp(80px,12vw,150px) 0 100px;max-width:900px}
.wb-kicker{font-size:.78rem;letter-spacing:.14em;font-weight:800;color:var(--wb-green)}
.wb-hero h1{font-size:clamp(3rem,7vw,6.5rem);letter-spacing:-.065em;margin:.25em 0 .2em;color:var(--wb-indigo)}
.wb-lead{font-size:clamp(1.1rem,2vw,1.4rem);max-width:720px;color:#51585b}
.wb-section{padding:80px 0}
.wb-section h2{font-size:clamp(2rem,4vw,3.5rem);letter-spacing:-.04em;color:var(--wb-indigo)}
.wb-pillar-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:32px}
.wb-pillar{display:block;text-decoration:none;background:#fff;border:1px solid var(--wb-border);border-radius:24px;padding:26px;min-height:190px;box-shadow:0 10px 35px rgba(24,36,58,.04);transition:transform .2s ease,box-shadow .2s ease}
.wb-pillar:hover{transform:translateY(-4px);box-shadow:0 16px 45px rgba(24,36,58,.09)}
.wb-pillar-mark{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--pillar);color:#fff;font-weight:800}
.wb-pillar h3{margin:26px 0 7px;color:var(--wb-indigo)}
.wb-pillar p{margin:0;color:#687073;font-size:.94rem}
.wb-steps{display:grid;grid-template-columns:repeat(7,1fr);border-top:1px solid var(--wb-border);border-bottom:1px solid var(--wb-border)}
.wb-steps span{padding:22px 10px;text-align:center;font-weight:700;color:var(--wb-indigo);border-right:1px solid var(--wb-border)}
.wb-steps span:last-child{border-right:0}
.wb-cta{background:var(--wb-indigo);color:#fff;border-radius:32px;padding:64px;max-width:1120px;margin:40px auto 90px}
.wb-cta h2{color:#fff}
.wb-footer{padding:60px 0 30px;border-top:1px solid var(--wb-border)}
.wb-footer-grid{display:flex;justify-content:space-between;gap:30px}
.wb-footer-copy{font-size:.82rem;opacity:.65;margin-top:40px}
@media(max-width:800px){.wb-menu{display:none}.wb-pillar-grid{grid-template-columns:repeat(2,1fr)}.wb-steps{grid-template-columns:1fr}.wb-steps span{text-align:left;border-right:0;border-bottom:1px solid var(--wb-border)}.wb-cta{padding:40px 26px}.wb-footer-grid{display:block}}
@media(max-width:520px){.wb-pillar-grid{grid-template-columns:1fr}.wb-hero{padding-top:70px}}

/* WellBeing NXT v0.2 — ecosystem system */
.wb-ecosystem{position:relative;min-height:650px;display:grid;place-items:center;margin:50px 0 20px;border-radius:40px;background:radial-gradient(circle at center,rgba(21,154,114,.10),transparent 33%),#fff;border:1px solid var(--wb-border);overflow:hidden}
.wb-ecosystem:before,.wb-ecosystem:after{content:"";position:absolute;border:1px solid rgba(24,36,58,.10);border-radius:50%;width:430px;height:430px}
.wb-ecosystem:after{width:620px;height:620px;border-style:dashed;opacity:.65}
.wb-ecosystem-core{position:relative;z-index:4;width:190px;height:190px;border-radius:50%;background:var(--wb-indigo);color:#fff;display:grid;place-items:center;align-content:center;text-align:center;box-shadow:0 20px 60px rgba(24,36,58,.18)}
.wb-core-symbol{font-size:3rem;line-height:1;color:#C99A3E}
.wb-ecosystem-core strong{font-size:1.1rem;line-height:1.1}
.wb-ecosystem-core small{opacity:.7;margin-top:8px}
.wb-orbit{position:absolute;inset:0;z-index:5}
.wb-pillar-card{position:absolute;width:185px;min-height:132px;padding:17px 18px;border-radius:20px;background:#fff;border:1px solid var(--wb-border);box-shadow:0 12px 35px rgba(24,36,58,.09);text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}
.wb-pillar-card:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 20px 50px rgba(24,36,58,.15)}
.wb-pillar-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--pillar);color:#fff;font-weight:800}
.wb-pillar-name{display:block;margin-top:12px;color:var(--wb-indigo);font-weight:800;font-size:.95rem}
.wb-pillar-desc{display:block;margin-top:4px;color:#687073;font-size:.75rem;line-height:1.35}
.wb-pillar-0{left:10%;top:16%}.wb-pillar-1{right:10%;top:16%}
.wb-pillar-2{left:3%;top:43%}.wb-pillar-3{right:3%;top:43%}
.wb-pillar-4{left:10%;bottom:14%}.wb-pillar-5{right:10%;bottom:14%}
.wb-pillar-6{left:31%;bottom:4%}.wb-pillar-7{right:31%;bottom:4%}
.wb-pillar-list{display:grid;margin:30px 0 10px;border-top:1px solid var(--wb-border)}
.wb-pillar-row{display:grid;grid-template-columns:60px 1.2fr 2fr 30px;align-items:center;gap:20px;padding:20px 10px;border-bottom:1px solid var(--wb-border);text-decoration:none}
.wb-pillar-row:hover{background:rgba(21,154,114,.04)}
.wb-row-index{color:var(--pillar);font-weight:800}
.wb-pillar-row strong{color:var(--wb-indigo)}
.wb-pillar-row span:not(.wb-row-index):not(.wb-arrow){color:#687073;font-size:.9rem}
.wb-arrow{font-size:1.25rem;color:var(--pillar)}
.wb-journey-track{display:flex;align-items:center;justify-content:space-between;gap:8px;overflow:auto;padding:25px 0}
.wb-journey-track span{white-space:nowrap;padding:10px 15px;border:1px solid var(--wb-border);border-radius:999px;background:#fff;font-weight:700;color:var(--wb-indigo)}
.wb-journey-track i{font-style:normal;color:var(--wb-green)}
@media(max-width:900px){
 .wb-ecosystem{min-height:760px}
 .wb-pillar-0{left:4%;top:8%}.wb-pillar-1{right:4%;top:8%}
 .wb-pillar-2{left:1%;top:35%}.wb-pillar-3{right:1%;top:35%}
 .wb-pillar-4{left:4%;bottom:16%}.wb-pillar-5{right:4%;bottom:16%}
 .wb-pillar-6{left:22%;bottom:4%}.wb-pillar-7{right:22%;bottom:4%}
}
@media(max-width:650px){
 .wb-ecosystem{min-height:0;padding:25px 18px;display:block;background:#fff}
 .wb-ecosystem:before,.wb-ecosystem:after{display:none}
 .wb-ecosystem-core{margin:10px auto 24px;width:150px;height:150px}
 .wb-orbit{position:static;display:grid;grid-template-columns:1fr 1fr;gap:10px}
 .wb-pillar-card{position:static;width:auto;min-height:145px}
 .wb-pillar-list{display:none}
 .wb-pillar-row{grid-template-columns:40px 1fr 25px}
 .wb-pillar-row span:not(.wb-row-index):not(.wb-arrow){display:none}
 .wb-journey-track{justify-content:flex-start}
}