:root{--bg:#111d18;--paper:#f2f1e8;--ink:#17251e;--muted:#afb9b1;--accent:#c8f36b;--line:#39443c}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--paper);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible{outline:3px solid #91bfff;outline-offset:6px}.skip{position:absolute;top:-60px;z-index:100;background:var(--accent);color:var(--ink);padding:14px}.skip:focus{top:5px}.preview{background:#26382b;padding:9px 5%;font:10px/1.4 monospace;letter-spacing:1px;color:var(--accent);display:flex;justify-content:space-between}.preview span{color:#d3dccf;letter-spacing:0}header{padding:26px 5%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);gap:30px}.wordmark{font-size:29px;letter-spacing:-1.5px;display:flex;align-items:center;gap:9px;font-weight:700}nav{display:flex;gap:30px;align-items:center;font-size:13px}nav a:hover,.textlink:hover{color:var(--accent)}.small{background:none;border:1px solid #697563;color:var(--paper);padding:12px 16px}.menu{display:none}.hero{max-width:1600px;margin:auto;padding:95px 5% 85px;display:grid;grid-template-columns:1.25fr 1fr;gap:4%;align-items:center}.eyebrow{font:10px/1.6 monospace;letter-spacing:1.5px;margin:0 0 25px;color:var(--accent)}h1{font-size:clamp(45px,5.4vw,86px);line-height:1.04;letter-spacing:-4px;font-weight:500;margin:0 0 32px}h1 em{font-style:normal;color:var(--accent)}.intro{color:#c3cbc3;font-size:17px;line-height:1.7}.actions{display:flex;align-items:center;gap:28px;margin-top:36px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;background:var(--accent);color:var(--ink);border:0;padding:17px 22px;font-size:13px;font-weight:700}.button:hover{background:#ddff9c}.textlink{font-size:13px}.textlink span{padding-left:18px}.micro{font:9px monospace;letter-spacing:1.8px;color:#b0bcae;margin-top:50px}.diagram{height:430px;position:relative;overflow:hidden;background:radial-gradient(ellipse at center,#2f4530 0%,#19291f 50%,#14221b 78%);border:1px solid #3a4b3a;background-image:linear-gradient(#93ad8210 1px,transparent 1px),linear-gradient(90deg,#93ad8210 1px,transparent 1px),radial-gradient(ellipse at center,#324a2c,#14221b);background-size:32px 32px,32px 32px,100% 100%}.diagram-top{position:absolute;top:20px;left:20px;right:20px;display:flex;justify-content:space-between;font:9px monospace;color:#c5d0be}.dot:before{content:'• ';color:var(--accent)}.core{width:155px;height:155px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid #92ad68;background:#1c2e22;box-shadow:0 0 70px #b3e55f12;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px}.core span{font:8px monospace;letter-spacing:2px}.orbit{border:1px solid #73975255;position:absolute;top:50%;left:50%;width:335px;height:335px;border-radius:50%;transform:translate(-50%,-50%)}.orbit-two{width:240px;height:240px;border-style:dashed}.node{position:absolute;background:#293b28;border:1px solid #5d744b;padding:10px 12px;font:9px monospace;letter-spacing:.5px}.node-a{top:78px;left:23px}.node-b{top:195px;right:12px}.node-c{bottom:75px;left:38px}.diagram-bottom{position:absolute;bottom:20px;left:20px;font-size:11px;color:#c5d0be}.strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 5%;display:flex;justify-content:space-between;font:10px monospace;letter-spacing:2px;color:#c3cdbf}.plus{color:var(--accent);font-size:20px}.section{padding:90px 5%;max-width:1600px;margin:auto}.section-heading{display:grid;grid-template-columns:1fr 2fr 1.3fr;gap:35px;align-items:start;margin-bottom:50px}h2{font-size:clamp(32px,3.3vw,52px);letter-spacing:-2px;line-height:1.1;font-weight:500;margin:0}.section-heading>p:last-child,.family-intro>p{font-size:14px;line-height:1.8;color:#b9c4b8;margin:0}.explorer{display:grid;grid-template-columns:1fr 1.1fr;border:1px solid var(--line)}.choices{padding:35px}.choice{display:flex;gap:20px;align-items:center;width:100%;background:none;color:#b6c2b2;border:0;border-bottom:1px solid var(--line);padding:27px 8px;text-align:left;font-size:23px;letter-spacing:-.6px}.choice span{font:10px monospace;letter-spacing:0}.choice b{margin-left:auto;font-weight:400}.choice.active{color:var(--accent)}.detail{background:var(--paper);color:var(--ink);padding:45px}.detail .eyebrow{color:#4d6637}.detail h3{font-size:31px;font-weight:500;line-height:1.2;letter-spacing:-1px;margin:0 0 18px}.detail>p{font-size:14px;line-height:1.7}.example{border-top:1px solid #c4cbbb;padding-top:20px;margin-top:25px}.example span{font:9px monospace;letter-spacing:1px;color:#4d6637}.example p{font-size:16px;line-height:1.5}.note{font-size:11px!important;line-height:1.7!important;opacity:.8}.approach{border-top:1px solid var(--line)}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:36px}.steps article{border-top:1px solid #6d825b;padding-top:20px}.steps span{font:10px monospace;color:var(--accent)}.steps h3{font-size:21px;font-weight:500;margin-top:30px}.steps p{font-size:13px;line-height:1.8;color:#bbc5b7}.family{background:#e8e9df;color:var(--ink);max-width:none}.family>.eyebrow{color:#4e633b}.family-intro{display:flex;justify-content:space-between;gap:70px}.family-intro>p{max-width:420px;color:#54614f}.brands{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:45px}.brands article{border:1px solid #b9c3ae;padding:28px;min-height:220px}.brands .current{background:var(--bg);color:var(--paper);border-color:var(--bg)}.brand-type{font:9px monospace;letter-spacing:1.4px}.brands h3{font-size:27px;letter-spacing:-1px;font-weight:500;margin:34px 0 14px}.brands h3 span{float:right;color:#647c47}.brands p{font-size:12px}.brands a{font-size:11px;text-decoration:underline;text-underline-offset:4px}.current-label{font:8px monospace;color:var(--accent)}.closing{padding:90px 5%;text-align:center;background:#1d3022}.closing h2{font-size:clamp(38px,5vw,74px);margin:0 0 35px}.closing .eyebrow{margin-bottom:20px}footer{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:40px 5%;color:#b3bfb0}footer p{font-size:10px;line-height:1.8}dialog{background:var(--paper);color:var(--ink);padding:48px;width:min(520px,90vw);border:0}dialog::backdrop{background:#07130ee0}dialog .eyebrow{color:#48613a}dialog h2{font-size:36px}dialog p{font-size:14px;line-height:1.7}.close{position:absolute;right:15px;top:12px;border:0;background:none;font-size:28px;color:var(--ink)}.close-button{margin-top:15px}@media(max-width:1000px){nav{gap:18px}h1{letter-spacing:-2.5px}.hero{padding-top:65px;grid-template-columns:1.15fr 1fr}.diagram{height:370px}.section-heading{grid-template-columns:1fr 2fr}.section-heading>p:last-child{grid-column:2}.steps{gap:22px}.brands h3{font-size:23px}.actions{gap:18px}.button{gap:15px;padding:16px}.micro{letter-spacing:1px}}@media(max-width:720px){.preview{font-size:8px;display:block}.preview span{display:block;margin-top:3px}header{padding:22px 6%;flex-wrap:wrap}.wordmark{font-size:26px}.menu{display:block;background:none;border:1px solid #667660;color:var(--paper);padding:9px 12px}nav{display:none;flex-basis:100%;flex-direction:column;align-items:stretch;gap:20px;padding:15px 0}nav.open{display:flex}.hero{grid-template-columns:1fr;padding:55px 6%;gap:35px}h1{font-size:49px;letter-spacing:-2.7px}.eyebrow{font-size:9px;letter-spacing:1px}.intro{font-size:15px}.actions{gap:22px}.button{font-size:12px}.textlink{font-size:12px}.micro{margin-top:30px}.diagram{height:345px}.strip{gap:20px;flex-wrap:wrap;font-size:8px;letter-spacing:.8px;padding:20px 6%}.plus{display:none}.section{padding:60px 6%}.section-heading{display:block;margin-bottom:30px}.section-heading h2{margin-bottom:25px}.section-heading>p:last-child{max-width:440px}.explorer{grid-template-columns:1fr}.choices{padding:12px 25px 25px}.choice{font-size:22px;padding:22px 0}.detail{padding:30px}.steps{grid-template-columns:1fr 1fr;gap:30px}.steps h3{font-size:19px}.family-intro{display:block}.family-intro p{margin-top:25px}.brands{grid-template-columns:1fr}.brands article{min-height:190px}.closing{padding:65px 6%}footer{flex-wrap:wrap;padding:35px 6%}footer .wordmark{width:100%}footer p{font-size:9px}dialog{padding:35px 27px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* Purposeful motion: illustrative information flowing through a connected system. */
.flow-map{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.route{fill:none;stroke:#6b8856;stroke-width:1;opacity:.6}.flow{fill:none;stroke:#c8f36b;stroke-width:2;stroke-dasharray:24 240;animation:route-flow 6s linear infinite}.flow-b{animation-delay:-2s}.flow-c{animation-delay:-4s}.satellite{fill:#c8f36b;transform-origin:250px 215px;animation:orbit-travel 24s linear infinite}.satellite-two{animation-direction:reverse;animation-duration:32s}.orbit-one{animation:orbit-breathe 8s ease-in-out infinite}.core{animation:core-float 7s ease-in-out infinite}.node{transition:border-color .25s,background .25s,translate .25s}.diagram:hover .node{border-color:#a1cb75;background:#324b2d}.node-a{animation:node-drift 9s ease-in-out infinite}.node-b{animation:node-drift 9s -3s ease-in-out infinite}.node-c{animation:node-drift 9s -6s ease-in-out infinite}.motion-toggle{position:absolute;right:16px;bottom:15px;z-index:3;border:1px solid #718460;background:#18291e;color:#dce7d1;font:9px monospace;padding:8px 10px}.motion-toggle:hover{color:#c8f36b;border-color:#c8f36b}.button,.small{transition:transform .2s,background .2s,border-color .2s}.button:hover{transform:translateY(-3px)}.button:active{transform:translateY(0)}.choice{transition:color .2s,padding-left .2s}.choice:hover,.choice:focus-visible{padding-left:16px;color:#c8f36b}.brands article{transition:transform .25s,box-shadow .25s}.brands article:hover,.brands article:focus-within{transform:translateY(-5px);box-shadow:0 14px 30px #14221d12}.steps article{transition:border-color .2s}.steps article:hover{border-color:#c8f36b}.reveal-now{animation:section-arrive .8s ease-out both}.motion-paused *, .motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important}.detail.detail-change{animation:detail-arrive .35s ease-out}@keyframes route-flow{to{stroke-dashoffset:-264}}@keyframes orbit-travel{to{transform:rotate(360deg)}}@keyframes orbit-breathe{50%{opacity:.4;scale:1.04}}@keyframes core-float{50%{translate:0 -6px;box-shadow:0 0 70px #b3e55f24}}@keyframes node-drift{50%{translate:0 -5px}}@keyframes section-arrive{from{opacity:.65;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes detail-arrive{from{opacity:.65;translate:8px 0}to{opacity:1;translate:0 0}}@media(max-width:720px){.diagram-bottom{font-size:9px;bottom:24px}.motion-toggle{font-size:8px;right:12px}.flow-map{min-width:100%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.button:hover,.brands article:hover,.brands article:focus-within{transform:none}.reveal-now{opacity:1;transform:none}.flow{stroke-dasharray:none;opacity:.65}}

body:not(.motion-ready) .diagram *{animation-play-state:paused!important}