.field-hero{background:radial-gradient(circle at 75% 34%,rgba(111,180,73,.2),transparent 24%),linear-gradient(128deg,#03111c,#08283f 58%,#071d31)}
.field-hero:after{width:min(39vw,520px);border-radius:50%;background:repeating-radial-gradient(circle,rgba(255,255,255,.08) 0 1px,transparent 1px 42px);transform:none}
.field-status{display:inline-flex;margin:28px 0 0;padding:9px 12px;border:1px solid rgba(255,255,255,.3);font-size:10px;letter-spacing:.16em}
.field-lab{background:#061b2c;color:#edf3f5;position:relative;overflow:hidden}
.field-lab:before{content:"FIELD / METHOD / BOUNDARY";position:absolute;right:-2rem;top:8rem;color:rgba(255,255,255,.025);font:700 clamp(4rem,10vw,9rem) Arial;letter-spacing:.04em;transform:rotate(90deg)}
.field-heading{display:grid;grid-template-columns:1fr .7fr;gap:5rem;align-items:end;margin-bottom:3.5rem;position:relative}
.field-heading h2{color:#fff}.field-heading>p{color:#aebec8;line-height:1.8}
.field-contexts{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid rgba(255,255,255,.17)}
.field-context{appearance:none;background:rgba(255,255,255,.018);color:#d9e2e7;border:0;border-right:1px solid rgba(255,255,255,.14);padding:1.4rem 1.2rem;text-align:left;cursor:pointer;min-height:8rem;display:flex;flex-direction:column;transition:background .25s ease}
.field-context:last-child{border-right:0}.field-context span{color:#6eb349;font-size:.7rem;letter-spacing:.15em}.field-context strong{margin:.65rem 0 .25rem;font:400 1.15rem Georgia,serif;color:#fff}.field-context small{color:#8194a1}
.field-context:hover,.field-context:focus-visible{background:rgba(255,255,255,.06)}.field-context.is-active{background:linear-gradient(145deg,rgba(110,179,73,.2),rgba(255,255,255,.025));box-shadow:inset 0 -3px #6eb349}
.field-console{border:1px solid rgba(255,255,255,.17);border-top:0;background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.012))}
.field-console-top{padding:clamp(2rem,5vw,4.5rem);display:grid;grid-template-columns:.4fr 1fr 1fr;gap:2rem;align-items:start}
.field-console-top>p:first-child{color:#6eb349;font-size:.68rem;letter-spacing:.16em;font-weight:700}
.field-console-top h3{font:400 clamp(1.8rem,3.2vw,3.1rem)/1.08 Georgia,serif;margin:0;color:#fff}.field-console-top>p:last-child{color:#b5c3cc;margin:0;line-height:1.75}
.field-steps{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.14)}
.field-steps article{padding:1.75rem;border-right:1px solid rgba(255,255,255,.13);min-height:14rem}.field-steps article:last-child{border-right:0}
.field-steps b{color:#6eb349;font-size:.7rem}.field-steps span{display:block;color:#fff;font-size:.68rem;letter-spacing:.13em;margin:.65rem 0 1rem}.field-steps p{color:#9eafb9;font-size:.86rem;line-height:1.65;margin:0}
.field-boundary{display:grid;grid-template-columns:1fr auto;gap:2rem;align-items:center;padding:1.5rem 1.75rem;border-top:1px solid rgba(255,255,255,.14);background:rgba(110,179,73,.08)}
.field-boundary span{color:#86c55f;font-size:.67rem;font-weight:700;letter-spacing:.14em}.field-boundary p{color:#c5d0d6;margin:.45rem 0 0;font-size:.82rem;max-width:75ch}
.field-link{color:#fff;text-decoration:none;font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}
.field-principles{background:#f2f5f2}.principle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#ced7d1;margin-top:3.5rem;border:1px solid #ced7d1}.principle-grid article{background:#fff;padding:2rem;min-height:18rem}.principle-grid span{color:#6eb349;font-size:.7rem;letter-spacing:.14em}.principle-grid h3{font:400 1.65rem/1.18 Georgia,serif;margin:1rem 0}.principle-grid p{color:#657380}
.field-cta{text-align:center;background:linear-gradient(120deg,#071d31,#0e3855);color:#fff}.field-cta h2{max-width:850px;margin-left:auto;margin-right:auto}.field-cta .lead{color:#c6d1d8}.field-cta .actions{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap;margin-top:2rem}.field-cta .button:not(.primary){color:#fff}
@media(max-width:900px){.field-heading,.field-console-top{grid-template-columns:1fr;gap:1.2rem}.field-contexts,.field-steps{grid-template-columns:1fr 1fr}.field-context:nth-child(2){border-right:0}.field-context:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.14)}.field-steps article:nth-child(2){border-right:0}.field-steps article:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.13)}.field-boundary{grid-template-columns:1fr}.principle-grid{grid-template-columns:1fr}.principle-grid article{min-height:auto}}
@media(max-width:560px){.field-contexts{grid-template-columns:1fr}.field-context{min-height:auto;border-right:0;border-bottom:1px solid rgba(255,255,255,.14)!important}.field-context:last-child{border-bottom:0!important}.field-steps{grid-template-columns:1fr}.field-steps article{min-height:auto;border-right:0;border-bottom:1px solid rgba(255,255,255,.13)!important}.field-steps article:last-child{border-bottom:0!important}.field-console-top{padding:2rem 1.25rem}.field-boundary{padding:1.4rem 1.25rem}.field-link{white-space:normal}}
@media(prefers-reduced-motion:reduce){.field-context{transition:none}}