body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.6}
a{text-decoration:none;color:inherit}
.container{width:min(1180px,calc(100% - 2rem));margin:0 auto}
header{position:sticky;top:0;z-index:50;backdrop-filter:blur(14px);background:rgba(244,239,229,.84);border-bottom:1px solid var(--zeons-line)}
.nav{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:1rem}
.brand{font-size:1.02rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.brand span{color:var(--zeons-accent)}
.nav-links{display:flex;flex-wrap:wrap;gap:1rem;color:var(--zeons-muted);font-size:.95rem}
.nav-links a:hover{color:var(--zeons-text)}
main{display:block}
.hero{padding:5rem 0 2rem}
.heading{max-width:760px;margin-bottom:1.4rem}
.card{padding:1.5rem}
h1,h2{margin:0 0 1rem}
h1{font-size:clamp(2.7rem,6vw,4.8rem)}
h2{font-size:clamp(1.9rem,4vw,3rem)}
h3{margin:.8rem 0 .7rem;font-size:1.08rem}
p{margin:0 0 1rem}
section{padding:1rem 0 3rem}
.grid-2,.grid-3,.grid-4,.grid-5,.hero-grid,.visual-band{display:grid;gap:1rem}
.grid-2{grid-template-columns:1fr 1fr}
.grid-3{grid-template-columns:repeat(3,1fr)}
.grid-4{grid-template-columns:repeat(4,1fr)}
.grid-5{grid-template-columns:repeat(5,1fr)}
.hero-grid{grid-template-columns:1.2fr .86fr;align-items:stretch}
.visual-band{grid-template-columns:.9fr 1.1fr;align-items:stretch}
.hero-side,.stack,.cta-actions,.hero-actions{display:flex;gap:.85rem;flex-wrap:wrap}
.hero-side,.stack{display:grid;gap:1rem}
.quote{font-family:Georgia,"Times New Roman",serif;font-size:1.42rem;line-height:1.35}
.footer{padding:2rem 0 2.6rem;color:var(--zeons-muted);font-size:.92rem;border-top:1px solid var(--zeons-line);margin-top:1rem}
.diagram{padding:1.8rem;display:flex;align-items:center;justify-content:center;min-height:320px;background:radial-gradient(circle at center, rgba(47,90,79,.12), transparent 36%),linear-gradient(180deg, rgba(255,255,255,.82), rgba(255,253,248,.7))}
.rings{position:relative;width:280px;height:280px}
.ring,.center-dot,.node{position:absolute;border-radius:50%}
.ring{inset:0;border:1px solid rgba(47,90,79,.18)}
.ring.r2{inset:34px}.ring.r3{inset:68px}
.center-dot{width:18px;height:18px;background:var(--zeons-accent);top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 10px rgba(47,90,79,.08)}
.node{width:18px;height:18px;background:var(--zeons-gold);box-shadow:0 0 0 8px rgba(139,111,61,.10)}
.n1{top:10%;left:48%}.n2{top:28%;right:10%}.n3{bottom:20%;right:18%}.n4{bottom:12%;left:24%}.n5{top:30%;left:10%}
@media(max-width:1060px){.hero-grid,.visual-band,.grid-5,.grid-4,.grid-3,.grid-2{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.nav-links{display:none}.hero{padding-top:3.8rem}.hero-grid,.visual-band,.grid-5,.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}.rings{width:220px;height:220px}.diagram,.card{padding:1.25rem}}