:root{color-scheme:dark;--ink:#101a24;--text:#eef2e9;--muted:#a8b5b7;--line:#394651;--lime:#b8e75d}
    *{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--text);font:16px/1.55 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
    a{color:inherit}a:focus-visible{outline:2px solid var(--lime);outline-offset:5px}::selection{background:var(--lime);color:var(--ink)}
    .shell{width:min(100% - 3rem,1200px);margin:auto}.top{min-height:92px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}
    .brand{display:inline-flex;align-items:center;gap:.8rem;text-decoration:none;font-size:.9rem;font-weight:750;letter-spacing:.045em;text-transform:uppercase}.mark{display:grid;place-items:center;width:37px;height:37px;background:var(--lime);color:var(--ink);font-weight:900;font-size:1.2rem;letter-spacing:-.15em;padding-right:.15em}
    .top nav{display:flex;gap:2rem;font-size:.88rem;color:var(--muted)}.top nav a{text-decoration:none}.top nav a:hover,.mail:hover{color:var(--lime)}
    main{overflow:hidden}.hero{position:relative;padding:clamp(5rem,10vw,10rem) 0 7rem;min-height:690px;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);align-items:center;gap:4rem}
    .eyebrow,.section-label,.diagram-label{font-size:.76rem;letter-spacing:.18em;text-transform:uppercase;font-weight:700;color:var(--lime)}.eyebrow:before{content:"";display:inline-block;width:24px;height:1px;background:currentColor;vertical-align:middle;margin-right:1rem}
    h1{font-size:clamp(3.5rem,7vw,7.5rem);line-height:.98;letter-spacing:-.075em;font-weight:660;margin:1.5rem 0 2rem;max-width:12ch}h1 em{font-style:normal;color:var(--lime)}
    .intro{color:var(--muted);max-width:33rem;font-size:clamp(1.1rem,1.5vw,1.3rem);line-height:1.65;margin:0 0 2.5rem}.button{display:inline-flex;align-items:center;gap:2.3rem;border:1px solid var(--lime);background:var(--lime);padding:.9rem 1.2rem;text-decoration:none;color:var(--ink);font-size:.9rem;font-weight:750;transition:background .2s,color .2s}.button:hover{background:transparent;color:var(--lime)}.button span{font-size:1.25rem;line-height:1}
    .diagram{height:430px;position:relative;border:1px solid var(--line);background:radial-gradient(circle at center,#22333a 0,transparent 60%),repeating-linear-gradient(0deg,transparent 0 43px,#ffffff08 44px),repeating-linear-gradient(90deg,transparent 0 43px,#ffffff08 44px);overflow:hidden}.diagram:before,.diagram:after{content:"";position:absolute;width:130px;height:130px;border:1px solid var(--line);transform:rotate(45deg);left:calc(50% - 65px);top:calc(50% - 65px)}.diagram:after{width:250px;height:250px;left:calc(50% - 125px);top:calc(50% - 125px);border-color:#6f8a73}
    .diagram-label{position:absolute;top:1.3rem;left:1.5rem;color:var(--muted);font-size:.67rem}.diagram small{position:absolute;right:1.4rem;bottom:1.2rem;color:var(--muted);font-size:.7rem;letter-spacing:.14em}.node{position:absolute;width:12px;height:12px;background:var(--lime);z-index:1;box-shadow:0 0 24px #b8e75d80}.node.a{top:25%;left:25%}.node.b{top:25%;right:25%}.node.c{bottom:25%;left:25%}.node.d{bottom:25%;right:25%}.node.core{width:54px;height:54px;top:calc(50% - 27px);left:calc(50% - 27px);display:grid;place-items:center;color:var(--ink);font-size:1.3rem;font-weight:900;box-shadow:0 0 55px #b8e75d50}
    .overview{border-top:1px solid var(--line);padding:5rem 0 6rem;display:grid;grid-template-columns:1fr 2fr;gap:4rem}.overview h2,.contact h2{font-size:clamp(2rem,4vw,3.7rem);line-height:1.1;letter-spacing:-.055em;font-weight:600;margin:0}.overview .copy{max-width:42rem}.overview p{color:var(--muted);font-size:1.1rem;margin:0 0 1.4rem}.areas{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:3rem}.area{border-top:1px solid var(--line);padding-top:1rem;color:var(--text);font-size:.9rem}.area span{color:var(--lime);margin-right:.7rem;font-size:.75rem}
    .contact{border-top:1px solid var(--line);padding:5rem 0 6rem;display:flex;justify-content:space-between;align-items:end;gap:3rem}.contact h2{margin-top:1rem}.contact .mail{font-size:clamp(1.2rem,2.2vw,2rem);text-decoration:none;border-bottom:1px solid var(--lime);padding-bottom:.35rem;white-space:nowrap}footer{border-top:1px solid var(--line);padding:1.5rem 0 2rem;color:var(--muted);font-size:.8rem;display:flex;justify-content:space-between;gap:1rem}
    @media(max-width:850px){.hero{grid-template-columns:1fr;min-height:0;gap:4rem;padding:5rem 0}.diagram{height:300px}.overview{grid-template-columns:1fr;gap:2rem}.contact{align-items:start;flex-direction:column}}
    @media(max-width:560px){.shell{width:min(100% - 2rem,1200px)}.top{min-height:72px}.top nav{gap:1rem;font-size:.8rem}.brand{font-size:.72rem;gap:.5rem}.mark{width:30px;height:30px}.hero{padding:4rem 0}.diagram{height:260px}.areas{grid-template-columns:1fr;gap:.7rem;margin-top:2rem}.contact{padding:4rem 0}.contact .mail{white-space:normal}footer{flex-direction:column}}
    @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}